.shell{grid-template-columns:236px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{color:#d9e0dd;background:#1f2523;flex-direction:column;gap:1.2rem;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.55rem;padding:4px 8px 8px;text-decoration:none;display:flex}.brand img{width:118px;height:auto}.brand span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid #6ec1a766;border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:650}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-link{color:#c3ccc8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;padding:.55rem .7rem;font-family:inherit;font-size:.93rem;font-weight:520;text-decoration:none;display:flex}.nav-link svg{flex:none;width:18px;height:18px}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#6ec1a729}.nav-link.active svg{color:var(--accent)}.nav-link.logout{margin-top:auto}.content{width:100%;max-width:1240px;padding:28px clamp(16px,3vw,40px) 64px}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:30;scrollbar-width:none;flex-direction:row;align-items:center;gap:.5rem;height:auto;padding:8px 10px;position:sticky;top:0;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.brand{flex:none;padding:0 6px 0 2px}.brand img{width:92px}.brand span{display:none}.sidebar nav{flex-direction:row}.nav-link{white-space:nowrap;padding:.5rem .6rem}.nav-link span{font-size:.85rem}.nav-link:not(.active) span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-link.logout{margin-top:0;margin-left:auto}.content{padding-top:20px}}.stack-lg{flex-direction:column;gap:1.25rem;display:flex}.narrow{max-width:900px}.page-head{flex-direction:column;gap:.4rem;display:flex}.page-sub{margin-top:.25rem;font-size:.93rem}.back-link{color:var(--muted);align-items:center;gap:.3rem;width:fit-content;font-size:.88rem;text-decoration:none;display:inline-flex}.back-link svg{width:16px;height:16px}.section-title{margin-bottom:.9rem}.inline-icon{vertical-align:-3px;width:17px;height:17px;margin-right:.15rem}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}@media (width<=1000px){.two-cols{grid-template-columns:1fr}}.card-head.wrap{flex-wrap:wrap}.card-head h2{font-size:1.02rem}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (width<=1000px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.2rem;padding:1.05rem 1.2rem;display:flex}.kpi span{color:var(--muted);font-size:.82rem;font-weight:540}.kpi strong{letter-spacing:-.02em;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:680}.kpi small{font-size:.8rem}.kpi-alert{background:#fffaf9;border-color:#efcdc5}.kpi-alert strong{color:var(--danger)}.mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mini-kpis div{flex-direction:column;display:flex}.mini-kpis span{color:var(--muted);font-size:.8rem}.mini-kpis strong{font-size:1.2rem}.facts{flex-direction:column;margin:0;display:flex}.fact{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(120px,34%) 1fr;gap:.75rem;padding:.55rem 0;display:grid}.fact:last-child{border-bottom:none}.fact dt{color:var(--muted);font-size:.86rem}.fact dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=560px){.fact{grid-template-columns:1fr;gap:.1rem}}.plain-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:320px;display:inline-block;overflow:hidden}.table-foot{border-top:1px solid var(--line-soft);color:var(--muted);text-align:right;padding:.7rem 1rem;font-size:.85rem}.search{flex:1;min-width:200px;max-width:360px;position:relative}.search svg{width:17px;height:17px;color:var(--muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search .input{padding-left:2.1rem}.timeline{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.timeline li{grid-template-columns:12px 1fr;gap:.7rem;font-size:.92rem;display:grid}.timeline small{font-size:.78rem}.timeline-dot{background:var(--line);border-radius:50%;width:10px;height:10px;margin-top:6px}.timeline-dot[data-actor=client]{background:var(--info)}.timeline-dot[data-actor=systeme]{background:var(--accent)}.timeline-dot[data-actor=admin]{background:var(--primary)}.timeline-dot[data-actor=stripe],.timeline-dot[data-actor=banque]{background:#b08400}.lines{flex-direction:column;gap:.5rem;display:flex}.lines-head,.lines-row{grid-template-columns:minmax(0,1fr) 70px 100px 70px 80px 40px;align-items:start;gap:.5rem;display:grid}.lines-head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem;font-weight:620}.lines-label{field-sizing:content;min-height:40px}.lines-totals{color:var(--muted);gap:1rem;font-size:.9rem;display:flex}.lines-totals strong{color:var(--ink)}@media (width<=720px){.lines-head{display:none}.lines-row{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(4,minmax(0,1fr)) 40px;padding-bottom:.6rem}.lines-label{grid-column:1/-1}}.dropzone{border-radius:var(--radius);cursor:pointer;background:#fafbfa;border:1.5px dashed #aab5b1;align-items:center;gap:1rem;padding:1.4rem 1.3rem;transition:border-color .15s,background-color .15s;display:flex}.dropzone svg{width:30px;height:30px;color:var(--accent-ink);flex:none}.dropzone:hover,.dropzone.active{border-color:var(--accent-ink);background:var(--accent-soft)}.dropzone.done{background:#f4fbf8;border-style:solid;border-color:#bfe3d6}.dropzone.small{padding:.9rem 1rem}.dropzone:focus-within{outline:3px solid var(--accent);outline-offset:2px}.start-card{background:linear-gradient(#f4fbf8,#fff);border-color:#bfe3d6}.export-summary{border-radius:var(--radius-sm);background:var(--sauge);align-items:center;gap:.9rem;padding:1rem;display:flex}.export-summary svg{width:28px;height:28px;color:var(--accent-ink)}.btn.disabled{opacity:.55;pointer-events:none}.signature-preview{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#fff;max-width:280px;max-height:90px;padding:.5rem 1rem}.sep{border:none;border-top:1px solid var(--line-soft);width:100%;margin:.4rem 0}.mail-preview{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);width:100%;height:min(70vh,720px)}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{gap:1.1rem;width:min(420px,100%)}.login-card h1{margin-bottom:.3rem;font-size:1.35rem}dialog.modal.reader{flex-direction:column;width:min(980px,100vw - 16px);height:calc(100dvh - 24px);max-height:none;display:none;overflow:hidden}dialog.modal.reader[open]{display:flex}.reader-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;overflow:hidden}.reader-body{background:var(--sauge);flex:1;padding:0 16px 16px;overflow-y:auto}.pdf-panel{background:var(--sauge);border-radius:0 0 var(--radius) var(--radius);max-height:min(78vh,980px);padding:0 14px 14px;overflow-y:auto}.btn-icon{min-width:32px;padding-left:.4rem;padding-right:.4rem}@media (width<=520px){.hide-xs{display:none}}.mode-banner{border-radius:var(--radius-sm);background:var(--warn-soft);color:#5f4100;margin:-8px 0 18px;padding:.55rem .9rem;font-size:.86rem}.doc-editor{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:1.25rem;display:grid}.doc-summary{flex-direction:column;gap:.7rem;display:flex;position:sticky;top:1rem}.doc-summary h2{margin:0;font-size:1.1rem}.doc-summary p{margin:0}.doc-kicker{letter-spacing:.08em;font-size:.72rem;font-weight:650}.doc-price{color:var(--primary);font-size:1.7rem;font-weight:700}.doc-price small{color:var(--muted);font-size:.8rem;font-weight:500;display:block}.doc-missing summary,.doc-advanced summary,.doc-examples summary{cursor:pointer}.doc-missing summary{color:var(--warn);font-size:.9rem;font-weight:600}.doc-missing ul{max-height:14rem;margin:.4rem 0 0;padding-left:1.1rem;font-size:.84rem;overflow:auto}.doc-ready{color:var(--accent-ink);font-size:.9rem;font-weight:600}.doc-note{font-size:.8rem}.doc-steps{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:.35rem;padding:.75rem;display:flex}.doc-steps button{border-radius:var(--radius-sm);font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;padding:.45rem .7rem;display:flex}.doc-steps button small{color:var(--muted);font-size:.74rem;display:block}.doc-steps button[aria-current=step]{background:var(--accent-soft);border-color:var(--accent)}.doc-step-number{background:var(--sauge);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.78rem;font-weight:650;display:grid}.doc-offer{border-radius:var(--radius-sm);background:var(--sauge);flex-direction:column;gap:.2rem;margin:0;padding:.8rem .95rem;font-size:.88rem;display:flex}.doc-advanced{border-top:1px solid var(--line-soft);padding-top:.8rem}.doc-advanced summary{margin-bottom:.8rem;font-weight:600}.doc-offer-row{gap:.4rem}.doc-examples ul{margin:.3rem 0 0;padding-left:1.1rem}.doc-modules{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.doc-module{border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.doc-module p{margin:0;font-size:.84rem}.doc-module.selected{border-color:var(--accent);background:var(--accent-soft)}.quote-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,3fr) minmax(70px,.8fr) minmax(90px,1fr) minmax(110px,1fr) auto;align-items:end;gap:.6rem;padding-bottom:.8rem;display:grid}.quote-row-actions{gap:.2rem;display:flex}@media (width<=1100px){.doc-editor{grid-template-columns:1fr}.doc-summary{position:static}}@media (width<=720px){.quote-row{grid-template-columns:1fr 1fr}.quote-row-label{grid-column:1/-1}}