/* Simulation interactive : maquette de l'app Nodema. */
.nd-sim{--nd-ink:var(--wp--preset--color--ink,#020b42);--nd-canvas:var(--wp--preset--color--canvas,#f3f5fa);--nd-line:#e1e5ef;--nd-muted:#62688a;--nd-yellow:var(--wp--preset--color--yellow,#13f5bb);position:relative;color:var(--nd-ink);font-size:15px;line-height:1.45;margin-left:auto;margin-right:auto}
.nd-sim *{box-sizing:border-box}
.nd-sim button{font:inherit;cursor:pointer}
.nd-sim button:focus-visible,.nd-sim [tabindex]:focus-visible,.nd-sim input:focus-visible{outline:2px solid var(--nd-ink);outline-offset:2px}
.nd-sim .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.nd-sim__window{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(2,11,66,.14),0 0 0 1px rgba(2,11,66,.06)}
.nd-sim.is-tilted .nd-sim__window{transform:perspective(1600px) rotateX(5deg) rotateY(-6deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.nd-sim.is-tilted:hover .nd-sim__window,.nd-sim.is-tilted:focus-within .nd-sim__window{transform:none}
.nd-sim__bar{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-bottom:1px solid var(--nd-line);font-size:14px}
.nd-sim__bar>i{width:11px;height:11px;border-radius:50%;background:#e1e5ef;flex:none}
.nd-sim__bar strong{margin-left:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nd-sim__bar>.nd-st,.nd-sim__bar>.nd-reset-link{margin-left:auto}
.nd-sim__frame{display:flex;min-height:380px;background:var(--nd-canvas)}
.nd-sim__nav{width:178px;flex:none;background:#fff;border-right:1px solid var(--nd-line);padding:14px 10px;display:flex;flex-direction:column;gap:2px}
.nd-sim__nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:700;color:#43474b}
.nd-sim__nav-item.is-active{background:#d4fbef;color:var(--nd-ink);font-weight:900}
.nd-sim__main{flex:1;min-width:0;padding:22px}
@media (max-width:760px){.nd-sim__nav{display:none}.nd-sim__main{padding:14px}.nd-sim__frame{min-height:0}}

.nd-st{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:12.5px;font-weight:900;white-space:nowrap;transition:background-color .3s,color .3s}
.nd-st.is-pending{background:#f2e4c6;color:#7d5200}.nd-st.is-done{background:#dbe6d9;color:#36623f}.nd-st.is-progress{background:#dbe5ec;color:#2b5470}
.nd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:12px;background:var(--nd-yellow);color:var(--nd-ink);font-weight:900!important;font-size:14.5px;transition:transform .16s,background-color .2s,color .2s}
.nd-btn:hover{transform:translateY(-1px)}
.nd-btn.is-ghost{background:#fff;box-shadow:inset 0 0 0 1px var(--nd-line)}
.nd-btn.is-success{background:#3f8f52;color:#fff}
.nd-mini{border:0;border-radius:9px;padding:7px 12px;background:var(--nd-ink);color:#fff;font-size:12.5px!important;font-weight:900!important;white-space:nowrap;transition:transform .16s,opacity .2s}
.nd-mini:hover{transform:translateY(-1px)}
.nd-reset-link{border:0;background:none;color:var(--nd-muted);font-size:13px!important;font-weight:800!important;text-decoration:underline}
.nd-hint{margin:0;font-size:13px;color:var(--nd-muted);font-weight:600}
.nd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.nd-sim__toast{position:absolute;right:18px;top:62px;transform:translateY(-10px);opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:var(--nd-ink);color:#fff;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 16px 40px rgba(2,11,66,.28);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);z-index:3}
.nd-sim__toast.is-on{opacity:1;transform:none}
.nd-sim--portail .nd-sim__toast{top:auto;bottom:20px;right:50%;transform:translate(50%,10px)}.nd-sim--portail .nd-sim__toast.is-on{transform:translate(50%,0)}
.nd-sim__toast::before{content:"";width:18px;height:18px;border-radius:50%;background:#3f8f52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3 3 7-7'/%3E%3C/svg%3E") center/11px no-repeat;flex:none}

/* Validation */
.nd-val{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:600px){.nd-val{grid-template-columns:1fr}}
.nd-val__art{position:relative;aspect-ratio:3/4;width:100%;max-width:330px;height:auto;border-radius:12px;background:#24394a;overflow:hidden;cursor:crosshair;align-self:start;justify-self:center}
.nd-val__kicker{position:absolute;left:8%;top:6%;color:#f6eee2;font-size:12px;font-weight:900;letter-spacing:.14em}
.nd-val__sun{position:absolute;left:20%;top:18%;width:60%;aspect-ratio:1;border-radius:50%;background:#f28c5a;transition:background-color .4s}
.nd-val__hill{position:absolute;left:-15%;top:54%;width:130%;height:80%;border-radius:50%;background:#1a2a37}
.nd-val__title{position:absolute;left:8%;bottom:6%;color:#f6eee2;font-weight:900;font-size:clamp(22px,3.2vw,34px);line-height:.95;letter-spacing:-.02em}
.nd-pin{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:var(--nd-yellow);border:3px solid #fff;color:var(--nd-ink);display:grid;place-items:center;font-weight:900;font-size:14px;box-shadow:0 6px 16px rgba(0,0,0,.3);animation:nd-pin .45s cubic-bezier(.2,1.6,.4,1) both}
@keyframes nd-pin{from{transform:scale(0)}to{transform:scale(1)}}
.nd-val__side{display:flex;flex-direction:column;gap:12px;min-width:0;height:100%;max-height:440px}
.nd-val__thread{display:flex;flex-direction:column;gap:10px;height:250px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}
.nd-comment{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--nd-line);animation:nd-rise .35s cubic-bezier(.2,.8,.2,1) both}
.nd-comment b{font-size:13px;font-weight:900}.nd-comment p{margin:2px 0 0;font-size:14px;color:#43474b}
.nd-comment__pin{width:26px;height:26px;border-radius:50%;background:var(--nd-yellow);display:grid;place-items:center;font-weight:900;font-size:12px;flex:none}
.nd-comment.is-me{background:#d4fbef;border-color:transparent}
.nd-comment.is-me .nd-comment__pin{background:var(--nd-ink);color:#fff}
.nd-val__side .nd-actions{margin-top:4px}
.nd-comment{flex:none}
@keyframes nd-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Portail */
.nd-portal{display:flex;flex-direction:column;align-items:center;gap:18px}
.nd-portal__controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;font-weight:800;font-size:14px}
.nd-swatches{display:flex;gap:8px}
.nd-swatch{width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 1px var(--nd-line);transition:transform .16s,box-shadow .16s}
.nd-swatch.is-active{box-shadow:0 0 0 2px var(--nd-ink);transform:scale(1.08)}
.nd-phone{width:min(350px,100%);border-radius:48px;background:var(--nd-ink);padding:11px;box-shadow:0 40px 90px rgba(2,11,66,.25)}
.nd-phone__screen{position:relative;border-radius:38px;background:var(--nd-canvas);padding:54px 16px 22px;height:560px;overflow:hidden}
.nd-phone__island{position:absolute;top:13px;left:50%;width:94px;height:27px;margin-left:-47px;border-radius:99px;background:#000}
.nd-phone__brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-muted)}
.nd-phone__brand i{width:26px;height:26px;border-radius:8px;background:var(--accent);transition:background-color .4s}
.nd-phone__title{font-size:25px;font-weight:900;letter-spacing:-.03em;margin:12px 0 14px}
.nd-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#fff;border:1px solid var(--nd-line);margin-bottom:14px}
.nd-tabs button{flex:1 1 0;min-width:0;border:0;background:none;border-radius:9px;padding:9px 4px;font-size:12px!important;font-weight:800!important;color:var(--nd-muted);white-space:nowrap;line-height:1.1;letter-spacing:-.01em}
.nd-tabs button.is-active{background:var(--accent);color:#fff;transition:background-color .4s}
.nd-tabpanel{animation:nd-rise .3s both}
.nd-progress{height:8px;border-radius:9px;background:#e6e6e3;overflow:hidden;margin-bottom:14px}
.nd-progress i{display:block;height:100%;border-radius:9px;background:var(--accent);transition:width .6s cubic-bezier(.2,.8,.2,1),background-color .4s}
.nd-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nd-steps li{position:relative;padding:11px 12px 11px 40px;border-radius:12px;background:#fff;font-weight:700;font-size:14px}
.nd-steps li::before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid #d3d8e6;box-sizing:border-box}
.nd-steps li.is-done{color:var(--nd-muted)}
.nd-steps li.is-done::before{border:0;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3 3 7-7'/%3E%3C/svg%3E") center/11px no-repeat}
.nd-steps li.is-current{box-shadow:inset 0 0 0 2px var(--accent)}
.nd-steps li.is-current::before{border-color:var(--accent);border-width:5px}
.nd-file{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#fff;margin-bottom:8px}
.nd-file>div{flex:1;min-width:0}
.nd-file b{display:block;font-size:14px;font-weight:900}.nd-file small{color:var(--nd-muted);font-size:12px}
.nd-file__thumb{width:40px;height:40px;border-radius:9px;background:#24394a radial-gradient(circle at 50% 42%,#f28c5a 0 9px,transparent 10px);flex:none}
.nd-file__thumb.is-alt{background:#e9e4d8 radial-gradient(circle at 50% 50%,var(--accent) 0 8px,transparent 9px)}

/* Facturation */
.nd-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.nd-kpi{background:#fff;border:1px solid var(--nd-line);border-radius:14px;padding:14px 16px}
.nd-kpi span{display:block;font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-muted)}
.nd-kpi b{display:block;font-size:clamp(20px,2.4vw,28px);font-weight:900;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}
.nd-table{background:#fff;border:1px solid var(--nd-line);border-radius:14px;padding:4px 16px;margin-bottom:12px}
.nd-row{display:flex;align-items:center;gap:14px;min-height:62px;border-bottom:1px solid var(--nd-line);transition:background-color .4s}
.nd-row:last-child{border-bottom:0}
.nd-row.is-flash{background:#e9fdf7}
.nd-row__main{flex:1;min-width:0}
.nd-row__main b{display:block;font-weight:900;font-size:14.5px}.nd-row__main small{color:var(--nd-muted);font-size:12.5px}
.nd-row__amount{font-weight:900;font-variant-numeric:tabular-nums;font-size:14.5px}
.nd-row__spacer,.nd-row .nd-mini{width:132px;flex:none;text-align:center}
.nd-row .nd-st{width:76px;justify-content:center}
@media (max-width:600px){.nd-kpis{grid-template-columns:1fr 1fr}.nd-kpis .nd-kpi:last-child{display:none}.nd-row{flex-wrap:wrap;gap:6px 10px;padding:10px 0}.nd-row__spacer{display:none}.nd-row .nd-mini{width:auto}}

/* Messagerie */
.nd-chat{display:flex;gap:14px;min-height:340px}
.nd-chat__list{width:190px;flex:none;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--nd-line);border-radius:14px;padding:8px}
.nd-chat__list span{padding:10px 12px;border-radius:10px;font-size:13px}
.nd-chat__list span.is-active{background:#d4fbef}
.nd-chat__list b{display:block;font-weight:900}.nd-chat__list small{color:var(--nd-muted)}
.nd-chat__thread{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--nd-line);border-radius:14px;padding:16px}
.nd-chat__messages{flex:1;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}
.nd-msg{max-width:78%;padding:11px 15px;border-radius:16px;font-size:14px;font-weight:600;animation:nd-rise .3s both}
.nd-msg small{display:block;font-size:11.5px;font-weight:900;color:var(--nd-muted);margin-bottom:3px}
.nd-msg.is-them{background:var(--nd-canvas);border-bottom-left-radius:5px}
.nd-msg.is-me{align-self:flex-end;background:var(--nd-ink);color:#fff;border-bottom-right-radius:5px}
.nd-msg.is-typing{display:inline-flex;gap:4px;padding:14px 16px}
.nd-msg.is-typing i{width:7px;height:7px;border-radius:50%;background:#9aa0a5;animation:nd-dot 1s infinite}
.nd-msg.is-typing i:nth-child(2){animation-delay:.15s}.nd-msg.is-typing i:nth-child(3){animation-delay:.3s}
@keyframes nd-dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.nd-chips{display:flex;flex-wrap:wrap;gap:6px}
.nd-chip{border:1px solid var(--nd-line);background:#fff;border-radius:99px;padding:6px 12px;font-size:12.5px!important;font-weight:700!important;color:#43474b}
.nd-chip:hover{border-color:var(--nd-ink)}
.nd-chat__form{display:flex;gap:8px}
.nd-chat__form input{flex:1;min-width:0;border:1px solid var(--nd-line);border-radius:12px;padding:0 14px;min-height:42px;font:inherit;font-size:14px}
@media (max-width:600px){.nd-chat__list{display:none}}

/* Sites */
.nd-sites{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media (max-width:640px){.nd-sites{grid-template-columns:1fr}}
.nd-site{background:#fff;border:1px solid var(--nd-line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
.nd-site__top{display:flex;align-items:center;gap:8px}
.nd-site__top b{font-weight:900;font-size:15px}
.nd-dot{width:10px;height:10px;border-radius:50%;background:#3f8f52;box-shadow:0 0 0 0 rgba(63,143,82,.5);animation:nd-ping 2.4s infinite}
@keyframes nd-ping{0%{box-shadow:0 0 0 0 rgba(63,143,82,.45)}70%{box-shadow:0 0 0 9px rgba(63,143,82,0)}100%{box-shadow:0 0 0 0 rgba(63,143,82,0)}}
.nd-tag{margin-left:auto;font-size:11.5px;font-weight:900;padding:4px 8px;border-radius:7px;background:var(--nd-canvas);color:#43474b}
.nd-site__mets{display:flex;gap:16px;flex-wrap:wrap}
.nd-site__mets span{display:block;font-size:10.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--nd-muted)}
.nd-site__mets b{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}
.nd-spark{width:100%;height:54px;overflow:visible}
.nd-spark path{fill:none;stroke:var(--nd-ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nd-site:nth-child(2) .nd-spark path{stroke:#b8860b}
.nd-site__foot{display:flex;align-items:center;gap:10px;min-height:32px}
.nd-sim.is-checking .nd-site{animation:nd-scan 1.1s ease-in-out}
@keyframes nd-scan{0%,100%{box-shadow:0 0 0 0 rgba(19,245,187,0)}50%{box-shadow:0 0 0 4px rgba(19,245,187,.55)}}

/* Clients */
.nd-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--nd-line);border-radius:12px;padding:0 14px;margin-bottom:12px;color:var(--nd-muted)}
.nd-search input{flex:1;border:0;outline:0;min-height:44px;font:inherit;font-size:14.5px;background:none;color:var(--nd-ink)}
.nd-clients{display:flex;flex-direction:column;gap:8px}
.nd-client{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--nd-line);background:#fff;border-radius:14px;padding:11px 14px;transition:transform .16s,border-color .16s,box-shadow .16s;color:inherit}
.nd-client:hover{transform:translateY(-1px);border-color:#d3d8e6}
.nd-client.is-open{border-color:var(--nd-ink);box-shadow:0 10px 24px rgba(2,11,66,.08)}
.nd-avatar{width:36px;height:36px;border-radius:10px;background:#d4fbef;color:#7d5200;display:grid;place-items:center;font-weight:900;flex:none}
.nd-client__main{flex:1;min-width:0}
.nd-client__main b{display:block;font-weight:900;font-size:14.5px}.nd-client__main small{color:var(--nd-muted);font-size:12.5px}
.nd-client__project{font-size:13.5px;font-weight:700;color:#43474b;width:170px}
.nd-client__count{font-size:12.5px;color:var(--nd-muted);font-weight:700;width:70px;text-align:right}
@media (max-width:640px){.nd-client__project,.nd-client__count{display:none}}

@media (prefers-reduced-motion:reduce){.nd-sim *,.nd-sim *::before{animation:none!important;transition:none!important}.nd-sim.is-tilted .nd-sim__window{transform:none}}

/* Tâches et équipe */
.nd-avatar.is-sm{width:26px;height:26px;border-radius:8px;font-size:11px}
.nd-team{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.nd-load{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--nd-line);border-radius:12px;padding:8px 10px;font-size:13px;font-weight:800}
.nd-load__name{width:56px}
.nd-load__bar{flex:1;height:6px;border-radius:9px;background:#e6e6e3;overflow:hidden}
.nd-load__bar i{display:block;height:100%;width:0;border-radius:9px;background:var(--nd-ink);transition:width .5s cubic-bezier(.2,.8,.2,1),background-color .3s}
.nd-load.is-high .nd-load__bar i{background:#c0622f}
.nd-load__n{font-variant-numeric:tabular-nums;color:var(--nd-muted);width:14px;text-align:right}
.nd-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.nd-col{background:rgba(2,11,66,.04);border-radius:14px;padding:8px;min-height:230px}
.nd-col__head{display:flex;justify-content:space-between;font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--nd-muted);padding:4px 6px 8px}
.nd-col__cards{display:flex;flex-direction:column;gap:8px}
.nd-task{background:#fff;border-radius:11px;padding:10px;box-shadow:0 1px 2px rgba(2,11,66,.06);animation:nd-rise .35s cubic-bezier(.2,.8,.2,1) both}
.nd-task b{display:block;font-size:13px;font-weight:900;line-height:1.3}
.nd-task small{display:block;font-size:11.5px;color:var(--nd-muted);margin-top:2px}
.nd-task__foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.nd-task__next{width:28px;height:28px;border-radius:8px;border:0;background:var(--nd-yellow);font-weight:900;font-size:14px!important;transition:transform .16s}
.nd-task__next:hover{transform:translateX(2px)}
.nd-col[data-col=done] .nd-task b{text-decoration:line-through;color:var(--nd-muted)}
@media (max-width:700px){.nd-board{grid-template-columns:1fr 1fr}.nd-team{grid-template-columns:1fr}}

/* Calendrier */
.nd-cal{display:grid;grid-template-columns:48px repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px}
.nd-cal__day{font-size:12px;font-weight:900;text-align:center;padding:4px 0;color:#43474b}
.nd-cal__hour{font-size:11.5px;font-weight:800;color:var(--nd-muted);padding-top:8px}
.nd-slot{min-height:64px;border-radius:10px;border:1px dashed #d3d8e6;background:transparent;display:grid;place-items:center;padding:4px;transition:background-color .2s,border-color .2s}
button.nd-slot:hover{background:#fff;border-color:var(--nd-ink)}
.nd-slot__plus{font-weight:900;color:var(--nd-muted);opacity:0;transition:opacity .2s}
button.nd-slot:hover .nd-slot__plus{opacity:1}
.nd-slot.is-busy{border:0;padding:0;display:flex}
.nd-event{display:block;width:100%;box-sizing:border-box;height:100%;min-height:64px;border-radius:10px;padding:8px;text-align:left;animation:nd-pin .4s cubic-bezier(.2,1.4,.4,1) both}
.nd-event b{display:block;font-size:12.5px;font-weight:900}.nd-event small{display:block;font-size:11px;opacity:.85}
.nd-event.is-pending{background:#f2e4c6;color:#7d5200}.nd-event.is-done{background:#dbe6d9;color:#36623f}.nd-event.is-progress{background:#dbe5ec;color:#2b5470}
.nd-event.is-new{background:var(--nd-yellow);color:var(--nd-ink)}
@media (max-width:600px){.nd-cal{grid-template-columns:36px repeat(5,minmax(0,1fr));gap:4px}.nd-event small{display:none}.nd-event b{font-size:11px}}

/* Base de connaissances */
.nd-kb{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;margin-bottom:12px;min-height:300px}
.nd-search.is-sm{margin-bottom:8px;padding:0 10px}
.nd-search.is-sm input{min-height:38px;font-size:13.5px}
.nd-kb__list{display:flex;flex-direction:column;gap:6px}
.nd-kb__item{text-align:left;border:1px solid transparent;background:#fff;border-radius:11px;padding:9px 11px;color:inherit;transition:border-color .16s}
.nd-kb__item b{display:block;font-size:13px;font-weight:900;line-height:1.3}.nd-kb__item small{font-size:11.5px;color:var(--nd-muted)}
.nd-kb__item.is-active{border-color:var(--nd-ink)}
.nd-kb__main{background:#fff;border:1px solid var(--nd-line);border-radius:14px;padding:18px}
.nd-kb__doc h4{margin:10px 0 12px;font-size:19px;font-weight:900;letter-spacing:-.01em}
.nd-kb__checks{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.nd-kb__checks label{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;cursor:pointer}
.nd-kb__checks input{width:18px;height:18px;accent-color:#3f8f52}
.nd-kb__checks input:checked+span{text-decoration:line-through;color:var(--nd-muted)}
.nd-kb__meta{color:var(--nd-muted);font-size:12px}
.nd-kb__doc{animation:nd-rise .3s both}
@media (max-width:640px){.nd-kb{grid-template-columns:1fr}}

/* Flux animé du premier écran */
.nd-sim--flux{max-width:460px}
.nd-flux{background:#fff;border-radius:24px;padding:22px;box-shadow:0 40px 90px rgba(2,11,66,.16),0 0 0 1px rgba(2,11,66,.05)}
.nd-flux__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.nd-flux__title{font-size:22px;font-weight:900;letter-spacing:-.02em}
.nd-flux__head .nd-st{gap:6px}.nd-flux__head .nd-dot{width:8px;height:8px}
.nd-flux__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.nd-flux__kpis div{background:var(--nd-canvas);border-radius:12px;padding:10px 12px;transition:background-color .4s}
.nd-flux__kpis div.is-bump{background:#d4fbef}
.nd-flux__kpis span{display:block;font-size:10.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--nd-muted)}
.nd-flux__kpis b{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.nd-feed{display:flex;flex-direction:column;gap:8px;height:206px;overflow:hidden}
.nd-feed__item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid var(--nd-line);background:#fff;flex:none}
.nd-feed__item.is-in{animation:nd-feedin .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes nd-feedin{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}
.nd-feed__item b{display:block;font-size:14px;font-weight:900}.nd-feed__item small{display:block;font-size:12.5px;color:var(--nd-muted)}
.nd-feed__ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.nd-feed__ico.is-done{background:#dbe6d9;color:#36623f}.nd-feed__ico.is-progress{background:#dbe5ec;color:#2b5470}.nd-feed__ico.is-pending{background:#f2e4c6;color:#7d5200}.nd-feed__ico.is-yellow{background:var(--nd-yellow);color:var(--nd-ink)}
/* Intitulés de l'aperçu du premier écran : jamais coupés au milieu d'un mot sur téléphone */
.nd-flux__kpis span{overflow-wrap:normal;word-break:keep-all;hyphens:manual}
@media (max-width:480px){.nd-flux__kpis span{font-size:9px;letter-spacing:.03em}.nd-flux__kpis div{padding:9px}}