:root{--navy:#102e40;--navy-2:#193c50;--ink:#172d3b;--muted:#6a7b88;--line:#dde5e9;--off:#f4f7f8;--paper:#fff;--mint:#e5f6f1;--teal:#168c87;--amber:#f4b458;--red:#c54d4c;--red-light:#fff0ed;--blue-light:#e9f1ff;--radius:14px;--shadow:0 5px 26px rgba(23,47,62,.05)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--off);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100dvh}.sidebar{width:253px;flex:none;background:var(--navy);color:#f2fbff;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;padding:27px 16px;z-index:40}.brand{display:flex;gap:11px;align-items:center;padding:3px 6px 30px}.brand-symbol{width:47px;height:47px;border:1px solid #65afa7;background:#214c59;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:850;letter-spacing:-3px;font-size:19px;color:#fff}.brand-symbol span{color:#f3ad4c;font-size:21px;margin:0 2px}.brand strong{display:block;white-space:nowrap;letter-spacing:-.25px;font-size:15px}.brand small{font-size:11px;opacity:.68;display:block;margin-top:2px;white-space:nowrap}.nav-caption{padding:0 15px;color:#83a3b0;font-size:10px;font-weight:800;letter-spacing:1.5px;margin:16px 0}.nav-link{display:flex;align-items:center;gap:12px;background:transparent;border:0;width:100%;text-align:left;border-radius:10px;color:#aec6d0;padding:12px 14px;font-weight:600;margin:3px 0;min-height:46px}.nav-link:hover,.nav-link.active{background:#295063;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--amber)}.nav-ico{width:20px;text-align:center;font-size:20px;font-weight:400;line-height:1}.nav-count{margin-left:auto;background:#f6c470;color:#304056;border-radius:30px;padding:1px 7px;font-size:11px;font-weight:800}.nav-count:empty{display:none}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #37556a;padding:22px 8px 0;color:#bcd5da}.sidebar-bottom b{display:block;font-size:12px;color:white}.sidebar-bottom span{font-size:11px}.status-dot{width:9px;height:9px;border-radius:50%;background:#6de2ae;box-shadow:0 0 0 4px rgba(109,226,174,.13);flex:none}.main-wrapper{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 36px;position:sticky;top:0;z-index:20}.top-left{display:flex;flex-direction:column}.top-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--teal)}.top-date{color:var(--muted);margin-top:3px;font-size:13px;text-transform:capitalize}.top-controls{display:flex;gap:10px}.primary-action,.secondary-action,.outline-btn,.danger-btn,.tiny-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1px solid transparent;padding:10px 17px;font-weight:700;white-space:nowrap;min-height:40px}.primary-action{background:var(--teal);color:#fff}.primary-action:hover{background:#0e746e}.secondary-action{background:#f0f5f5;border-color:#d8e6e6;color:var(--ink)}.secondary-action:hover{background:#e7eeee}.outline-btn{background:white;border-color:#c7d5db;color:#334e5d}.danger-btn{background:#fff;border-color:#f0b8b8;color:#b33a3a}.tiny-btn{min-height:30px;padding:5px 9px;background:#fff;border:1px solid #d5e0e4;font-size:12px;color:#24495a}.tiny-btn:hover{background:#edf4f5}.ghost-btn{background:transparent;color:var(--ink);padding:8px 11px}.icon-button{background:transparent;border:none;padding:7px;font-size:20px}.menu-toggle{display:none}#main{padding:32px 36px 44px;max-width:1580px;width:100%;margin:auto;flex:1}.footer{text-align:center;padding:10px 0 25px;color:#9ba9b2;font-size:11px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.eyebrow{color:var(--teal);font-size:11px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px}.page-head h1{font-size:29px;letter-spacing:-1.15px;margin:0;color:#163449;font-weight:790}.subtitle{margin:7px 0 0;color:#738693;font-size:14px;max-width:750px}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.kpi{background:#fff;border:1px solid #e1e9ed;border-radius:var(--radius);padding:21px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi-label{display:flex;justify-content:space-between;align-items:center;color:#738693;font-size:12px;font-weight:650}.kpi-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e9f6f4;color:var(--teal);font-size:19px}.kpi-val{font-weight:790;font-size:32px;letter-spacing:-1.7px;margin:14px 0 3px}.kpi-note{font-size:11px;color:#82919b}.kpi.red .kpi-icon{background:#fff1ec;color:#bb5552}.kpi.gold .kpi-icon{background:#fff4e6;color:#c08332}.two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:20px}.panel{background:#fff;border:1px solid #e1e9ed;box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.panel-head{padding:19px 20px;border-bottom:1px solid #ecf1f3;display:flex;justify-content:space-between;gap:15px;align-items:center}.panel-head h2{margin:0;font-size:16px;letter-spacing:-.25px}.panel-body{padding:20px}.empty{padding:36px 20px;text-align:center;color:#8797a1}.empty strong{display:block;color:#486171;font-size:15px;margin-bottom:7px}.alert-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid #eff2f4}.alert-row:last-child{border:0}.alert-row:hover{background:#fbfcfd}.alert-row h4{margin:0 0 4px;font-size:13px}.alert-row p{margin:2px 0;color:#768994;font-size:12px}.alert-row .alert-meta{margin-top:7px}.alert-action{align-self:center;flex:none}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:#f0f4f6;color:#516b78;font-size:11px;font-weight:730;white-space:nowrap}.tag.red{background:var(--red-light);color:#b84442}.tag.gold{background:#fff3dd;color:#ae7428}.tag.green{background:#e5f7ef;color:#167c64}.tag.blue{background:#e7f0fa;color:#3c72a6}.tag.gray{background:#f0f3f4;color:#667783}.quick-links{display:grid;gap:9px}.quick-item{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:11px;border:1px solid #e0e9e9;background:#fcfefe;color:#38596a;text-align:left;font-weight:700}.quick-item:hover{border-color:#96c8c4;background:#f2faf9}.quick-item strong{color:var(--teal)}.disclaimer{border-radius:10px;padding:12px 14px;background:#edf4f5;color:#57707d;font-size:12px;margin:12px 0}.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search{border:1px solid #dce6ea;border-radius:9px;min-height:43px;min-width:200px;flex:1;padding:10px 13px;outline:none;background:white}.search:focus,input:focus,select:focus,textarea:focus{outline:2px solid #76bdb8;outline-offset:1px}.filter-select{border:1px solid #dce6ea;border-radius:9px;min-height:43px;background:#fff;padding:9px 10px;color:#456170;max-width:230px}.table-scroller{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:750px;text-align:left}.data-table th{font-size:11px;color:#718593;text-transform:uppercase;letter-spacing:.65px;background:#f8fafb;padding:13px 14px;border-bottom:1px solid #dfe7e9;white-space:nowrap}.data-table td{padding:14px;border-bottom:1px solid #edf1f3;font-size:12px;vertical-align:middle;max-width:340px}.data-table tr:last-child td{border:0}.data-table tr:hover td{background:#fbfdfd}.data-table .main-cell{font-weight:780;color:#244354;font-size:13px}.muted{color:#81919b}.small{font-size:12px}.text-link{background:transparent;border:0;color:var(--teal);text-align:left;font-weight:750;padding:0}.text-link:hover{text-decoration:underline}.row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mono{font-variant-numeric:tabular-nums}.side-stats{display:flex;gap:10px;flex-wrap:wrap}.statbox{border:1px solid #e0e8ec;padding:12px;border-radius:10px;flex:1;min-width:130px}.statbox b{font-size:23px;display:block}.statbox span{font-size:11px;color:#74838e}.detail-banner{display:flex;justify-content:space-between;gap:14px;background:#13384a;color:#fff;border-radius:14px;padding:26px 26px;margin:0 0 20px;flex-wrap:wrap}.detail-banner h2{font-size:25px;margin:4px 0 10px;letter-spacing:-.6px}.detail-banner .subtitle{color:#b9d1d7}.detail-banner .tag{background:#31566a;color:#e6ffff}.detail-banner .ghost-btn{background:#284e60;color:white}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-list{display:grid;gap:15px}.info-item label{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#899aa4;font-weight:780;margin-bottom:4px}.info-item div{font-size:13px;overflow-wrap:anywhere}.subhead{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px;gap:10px}.subhead h2{font-size:17px;margin:0}.record-card{background:white;border:1px solid #dfe8ec;border-radius:12px;padding:17px 19px;margin:10px 0}.record-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.record-head h3{margin:0 0 5px;font-size:15px}.record-sub{color:#778995;font-size:12px}.record-line{font-size:12px;color:#526a77;margin-top:8px}.timeline{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));margin:18px 0 5px;gap:6px;overflow-x:auto;padding-bottom:6px}.step{font-size:10px;color:#8696a0;text-align:center;position:relative}.step-dot{width:25px;height:25px;background:#edf1f3;border:2px solid #dae3e6;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center;font-weight:900;color:#8c9ba4}.step.done{color:#357b6f;font-weight:700}.step.done .step-dot{color:white;background:#198c7a;border-color:#198c7a}.step span{display:block}.step small{display:block;color:#87939a;margin-top:4px}.record-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f2;margin-top:13px;padding-top:12px;flex-wrap:wrap}.pill-actions{display:flex;gap:8px;flex-wrap:wrap}.history-item{border-left:2px solid #d2e8e5;margin:0 0 0 7px;padding:0 0 16px 17px;position:relative}.history-item:before{content:"";position:absolute;width:9px;height:9px;left:-5.5px;top:2px;background:#2faaa1;border-radius:50%}.history-item b{font-size:12px;display:block}.history-item span{font-size:11px;color:#92a0aa}.history-item p{font-size:12px;color:#647987;margin:4px 0 0;white-space:pre-line}.banner{background:#fff9ee;border:1px solid #f4dfb5;color:#86632d;border-radius:10px;padding:12px 15px;font-size:12px;margin-bottom:16px}.banner.info{background:#f2f8fa;border-color:#d6e9ed;color:#4d737b}.modal-cover{position:fixed;inset:0;background:rgba(9,31,46,.56);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto}.dialog{background:#fff;border-radius:15px;width:min(770px,100%);max-height:min(92dvh,1050px);display:flex;flex-direction:column;box-shadow:0 30px 70px rgba(0,0,0,.21)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:23px 26px 15px;border-bottom:1px solid #e4ecef}.dialog-head h2{margin:0;font-size:21px;letter-spacing:-.5px}.dialog-head p{color:#7d8e98;font-size:12px;margin:6px 0 0}.close-modal{border:0;background:#f0f4f6;color:#45616d;width:33px;height:33px;border-radius:50%;font-size:19px}.dialog-body{overflow:auto;padding:22px 26px}.dialog-foot{border-top:1px solid #e7edef;padding:16px 26px;display:flex;gap:10px;justify-content:flex-end}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 17px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#587080;font-weight:700}.field input,.field select,.field textarea{background:#fff;border:1px solid #d7e1e6;border-radius:9px;min-height:42px;padding:9px 12px;color:#243f50;width:100%}.field textarea{min-height:79px;resize:vertical}.field-note{font-size:11px;color:#91a0aa}.form-section{grid-column:1/-1;font-size:12px;color:var(--teal);letter-spacing:.7px;font-weight:800;padding-top:7px;border-bottom:1px solid #e6eded;padding-bottom:8px}.check-row{display:flex;gap:10px;align-items:center;margin:14px 0}.check-row input{width:16px;height:16px}.settings-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.setting-tag{padding:7px 10px;background:#edf4f5;border-radius:10px;color:#45606c;font-size:12px}.setting-tag button{margin-left:7px;border:none;background:transparent;color:#b64341;font-weight:850}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-help{color:#758994;font-size:12px;margin:8px 0 0}.card-warning{padding:12px 15px;border:1px solid #f2d6d5;border-radius:10px;background:#fff5f3;color:#8b4e4b;font-size:12px;margin:10px 0}.mobile-fab{display:none}#toast{position:fixed;bottom:27px;right:28px;z-index:200;background:#123a48;color:#fff;border-radius:9px;padding:12px 19px;box-shadow:0 10px 25px #142d3d2b;display:none;max-width:min(440px,80vw)}.note{font-size:12px;color:#6a7e89;line-height:1.5}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 17px}.tab{border:1px solid #dce7e7;background:#fff;padding:8px 13px;border-radius:8px;color:#68828d;font-weight:700}.tab.active{background:#dcf2ec;color:#126f69;border-color:#9ed1c7}.breadcrumbs{margin-bottom:15px;color:#81949e;font-size:12px}.breadcrumbs button{border:0;background:transparent;color:#438b86;font-size:12px;padding:0}.import-banner{background:#f5faf5;border:1px solid #bfdfd3;padding:15px;border-radius:11px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.import-banner p{margin:3px 0;font-size:12px;color:#537265}
@media(max-width:1100px){.sidebar{width:225px}.topbar{padding:0 22px}#main{padding:26px 22px 40px}.kpi-grid{gap:11px}.kpi{padding:16px}.two-col{grid-template-columns:1fr}}
@media(max-width:780px){.sidebar{position:fixed;height:100dvh;transform:translateX(-105%);transition:transform .18s ease;width:268px}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #08293555}.menu-toggle{display:block}.topbar{padding:0 15px;height:65px}.top-controls .secondary-action{display:none}.top-controls .primary-action{display:none}#main{padding:22px 14px 85px}.top-eyebrow{font-size:10px}.top-date{font-size:11px}.page-head{margin-bottom:17px}.page-head h1{font-size:25px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kpi{padding:14px}.kpi-val{font-size:27px}.kpi-label{font-size:11px}.panel-head{padding:15px}.panel-body{padding:15px}.two-col,.detail-grid,.settings-grid{grid-template-columns:1fr}.mobile-fab{display:block;position:fixed;bottom:18px;right:16px;border:0;color:white;background:var(--teal);border-radius:17px;width:59px;height:59px;z-index:42;font-size:31px;box-shadow:0 10px 25px #174e4e60}.field-grid{grid-template-columns:1fr}.dialog{max-height:95dvh}.modal-cover{padding:8px;align-items:flex-end}.dialog{border-radius:17px 17px 0 0;width:100%;max-height:94dvh}.dialog-head{padding:16px 17px}.dialog-body{padding:17px}.dialog-foot{padding:12px 17px}.record-head{flex-wrap:wrap}.timeline{grid-template-columns:repeat(6,minmax(90px,1fr))}.footer{padding-bottom:25px}}

/* Sauvegarde PC et synchronisation Drive */
.sync-block{margin:18px 0 22px;border:1px solid #ccdbe3;border-radius:16px;padding:22px;background:#f7fbfe}
.sync-block h2{margin:0 0 6px;font-size:20px;color:#112d3e}
.sync-block .sync-desc{font-size:13px;color:#506779;max-width:880px;margin:2px 0 16px;line-height:1.6}
.sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.sync-panel{border:1px solid #dbe5ec;padding:17px;border-radius:12px;background:white}
.sync-panel h3{margin:0 0 8px;font-size:16px}
.sync-panel p{font-size:12px;color:#617588;line-height:1.5}
.sync-panel input{display:block;width:100%;box-sizing:border-box;border:1px solid #bdcdd6;border-radius:7px;padding:11px;margin:6px 0 12px;font-size:14px}
.sync-panel label{font-size:12px;font-weight:650;color:#344955}
.sync-panel .primary-action,.sync-panel .outline-btn{margin:5px 7px 5px 0}
.sync-state{margin-top:14px;background:#ebf1f5;border-radius:9px;padding:12px;color:#334d5c;font-size:13px;line-height:1.6}
.sync-warn{background:#fff6e6;border-left:4px solid #e8b35c;padding:12px;margin-top:14px;font-size:12px;line-height:1.5}
@media(max-width:730px){.sync-grid{grid-template-columns:1fr}.sync-block{padding:15px}.top-controls .secondary-action span{display:none}}

/* V3 : identité visuelle du flyer officiel – bleu marine, gris argent, or */
:root{--navy:#06294e;--navy-2:#103c70;--ink:#102a47;--muted:#687887;--off:#f6f7f9;--teal:#0a477b;--amber:#efbb11;--mint:#eaf1f8;--blue-light:#eaf1f8;--radius:15px}
.sidebar{background:linear-gradient(160deg,#0a3769 0%,#072b52 56%,#031b37 100%)}
.sidebar:before{content:"";height:5px;background:linear-gradient(90deg,#e2a800,#ffdc37);position:absolute;top:0;left:0;right:0}
.brand{gap:9px;padding:4px 2px 23px;align-items:center}.brand-logo{width:82px;height:60px;object-fit:contain;background:white;border-radius:8px;padding:5px;flex:none}.brand-label strong{font-size:13px;color:#fff;white-space:normal;line-height:1.1}.brand-label small{font-size:10px;white-space:normal}.topbar{border-bottom:3px solid #f0c526}.top-eyebrow,.eyebrow{color:#0a477b}.nav-link.active{box-shadow:inset 4px 0 #ffcb1f;background:#1a527e}.primary-action{background:#efc32e;color:#142944;border-color:#e7b318;font-weight:800}.primary-action:hover{background:#ffdb56}.quick-item strong{color:#bb8700}.text-link,a{color:#125383}.kpi-icon{background:#e8eff8;color:#0f4f81}.kpi.gold .kpi-icon{background:#fff3cb;color:#9f7100}.detail-banner{background:linear-gradient(120deg,#072a50,#14578b);border-bottom:4px solid #ecc123}.detail-banner .ghost-btn{background:#194c79;color:white}.step.done .step-dot{background:#0c5389;border-color:#0c5389}.step.done{color:#0c5389}.history-item{border-color:#eecb43}.history-item:before{background:#edbf13}.tab.active{background:#fff4c4;color:#12395b;border-color:#e9ce61}.mobile-fab{background:#e9be19;color:#082c52}.source-accent{color:#dda500}
/* Documents et import contacts */
.v3-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;margin-bottom:20px}.doc-card{border:1px solid #dce4ee;background:white;border-radius:12px;padding:15px;min-width:0}.doc-card-top{display:flex;gap:11px;align-items:center}.doc-ico{width:42px;height:42px;border-radius:10px;background:#eaf1f8;display:grid;place-items:center;font-size:23px;flex:none}.doc-card h3{font-size:13px;margin:0 0 3px;overflow-wrap:anywhere}.doc-card p{font-size:11px;color:#6c7e89;margin:4px 0}.doc-card .pill-actions{margin-top:12px}.doc-card .pill-actions .tiny-btn{font-size:11px}.doc-empty{background:white;border:1px dashed #c6d4e0;border-radius:11px;padding:25px;color:#647a89}.contact-preview-row{display:grid;grid-template-columns:26px 1fr minmax(125px,180px);align-items:center;gap:13px;padding:12px;border-bottom:1px solid #e9edf1}.contact-preview-row strong{font-size:13px;display:block}.contact-preview-row small{color:#6a7b88;display:block}.contact-preview-row select{width:100%;padding:7px;border:1px solid #ccd9e4;border-radius:7px;font-size:12px}.v3-hint{padding:12px;border:1px solid #d7e3ef;background:#f0f6fc;color:#48637a;border-radius:10px;font-size:12px}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.doc-meta div{font-size:12px;color:#586f80}.doc-meta b{display:block;font-size:11px;margin-bottom:2px}.doc-link{overflow-wrap:anywhere}.warn-soft{color:#806017;background:#fff8dc;border-radius:9px;padding:10px;margin:10px 0;font-size:12px}@media(max-width:780px){.brand-logo{width:75px}.document-grid{grid-template-columns:1fr}.contact-preview-row{grid-template-columns:24px 1fr;gap:9px}.contact-preview-row select{grid-column:2}.v3-actions .primary-action,.v3-actions .outline-btn{flex:1}.sidebar .brand-label strong{font-size:13px}}