:root{
  --bg:#031020;--bg2:#06172d;--navy:#071a31;--navy2:#0a2340;--navy3:#10365f;
  --card:#0a1d33;--card2:#0d2744;--line:#17385c;--line2:#24527f;
  --text:#f5f7fb;--muted:#8da3ba;--blue:#1d71c9;--blue2:#2a8be6;
  --cyan:#4fbfe8;--green:#32d17d;--red:#ff5c68;--amber:#f3b74a;
  --gold:#d9aa57;--gold2:#f1cf86;--gold3:#a56f2c;
  --shadow:0 22px 55px rgba(0,0,0,.28);--radius:18px
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 15% 15%,rgba(24,91,163,.14),transparent 32rem),
radial-gradient(circle at 90% 0%,rgba(217,170,87,.10),transparent 26rem),
linear-gradient(180deg,#04101e 0%,#041426 45%,#020c18 100%)}
button,input,textarea{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,rgba(4,17,32,.98),rgba(3,13,25,.99));border-right:1px solid rgba(78,130,182,.16);padding:16px 12px 20px;display:flex;flex-direction:column;z-index:50;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(217,170,87,.42) transparent}
.side-brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:8px 10px 18px;cursor:pointer}
.side-brand img{width:42px;height:42px;border-radius:12px;filter:drop-shadow(0 7px 18px rgba(217,170,87,.18))}
.side-brand span{font-size:19px;letter-spacing:.18em;color:var(--gold2);font-weight:800}
.side-nav{display:flex;flex-direction:column;gap:5px}
.side-nav button{border:0;background:transparent;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;color:#b7c5d4;cursor:pointer;transition:.18s}
.side-nav button span{width:20px;text-align:center;color:#7f9ab5;font-size:16px}
.side-nav button:hover{background:rgba(34,89,143,.14);color:white}
.side-nav button.active{background:linear-gradient(90deg,#f0c874 0%,#bd873e 52%,rgba(185,126,47,.2) 100%);color:#071422;box-shadow:0 10px 22px rgba(192,139,61,.22)}
.side-nav button.active span{color:#071422}
.side-signature{margin-top:auto;min-height:235px;border-radius:18px;position:relative;overflow:hidden;border:1px solid rgba(58,112,171,.24);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background:
radial-gradient(circle at 20% 15%,rgba(25,105,194,.52),transparent 45%),
linear-gradient(145deg,#073161,#06152a 55%,#a16d2b 145%)}
.signature-glow{position:absolute;right:-55px;bottom:-35px;width:170px;height:260px;border-radius:50%;border-left:2px solid rgba(245,204,121,.6);filter:blur(.2px);transform:rotate(27deg)}
.side-signature strong{color:var(--gold2);letter-spacing:.13em;font-size:18px;line-height:1.35;z-index:1}
.side-signature span{margin-top:14px;color:#e7edf5;line-height:1.45;font-size:13px;z-index:1}
.workspace{grid-column:2;min-width:0}
.topbar{height:76px;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;padding:12px 22px;background:rgba(4,16,30,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(65,111,158,.18)}
.mobile-brand{display:none}
.search-box{flex:1;max-width:620px;height:44px;border:1px solid rgba(51,103,159,.34);background:linear-gradient(180deg,rgba(15,40,68,.86),rgba(9,28,48,.86));border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.search-box span{color:#8eb0d1;font-size:21px}.search-box input{flex:1;border:0;background:transparent;color:white;min-width:0}.search-box input::placeholder{color:#8198b1}.search-box kbd{border:1px solid rgba(88,133,179,.22);background:rgba(255,255,255,.03);color:#9fb3c9;border-radius:7px;padding:4px 7px;font-size:10px}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(65,111,158,.28);background:linear-gradient(180deg,#102846,#091a30);cursor:pointer;position:relative}.notification-dot{position:absolute;right:-4px;top:-5px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-size:10px;color:white;border:2px solid #071527}
.profile-btn{border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,var(--gold2),#c08738);color:#071422;display:grid;place-items:center;font-weight:900}.profile-copy{display:flex;flex-direction:column}.profile-copy b{font-size:13px}.profile-copy small{font-size:10px;color:#a2b2c4;margin-top:2px}.profile-btn i{font-style:normal;color:#9eb0c3}
main{padding:20px 20px 110px}.view{display:none;animation:fade .2s ease}.view.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero-banner{min-height:158px;border:1px solid rgba(37,91,145,.55);border-radius:20px;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;background:
linear-gradient(90deg,rgba(4,27,51,.92) 0%,rgba(7,44,78,.70) 45%,rgba(9,32,56,.72) 100%),
radial-gradient(circle at 78% 110%,rgba(222,155,58,.52),transparent 18%),
linear-gradient(160deg,#0d3f6c 0%,#082d52 36%,#071b31 68%,#0a2440 100%);
box-shadow:var(--shadow)}
.hero-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;background:
linear-gradient(175deg,transparent 30%,rgba(4,14,26,.25) 31%),
linear-gradient(5deg,rgba(3,12,21,.75),rgba(3,12,21,0) 60%);pointer-events:none}
.hero-banner>div{position:relative;z-index:1}.eyebrow,.panel-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:#a8c7e6;margin:0 0 8px;text-transform:uppercase}
.hero-banner h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;margin:0 0 9px;font-weight:700;letter-spacing:-.025em}.hero-banner h1 em{font-style:normal;color:var(--gold2)}.hero-banner p{margin:0;color:#e6edf4;font-size:15px}
.hero-weather{min-width:150px;border:1px solid rgba(71,125,179,.28);background:rgba(5,29,53,.66);backdrop-filter:blur(10px);border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:12px}.hero-weather>span{font-size:30px;color:var(--gold2)}.hero-weather small,.hero-weather em{display:block;font-style:normal}.hero-weather small{color:#d8e3ee}.hero-weather strong{font-size:28px;display:block;line-height:1.05}.hero-weather em{font-size:10px;color:#9aafc2;margin-top:4px}
.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 14px}.quick-actions button{min-height:78px;border-radius:14px;border:1px solid rgba(44,91,139,.42);background:linear-gradient(180deg,rgba(13,40,68,.98),rgba(8,27,48,.98));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ecf3fa;cursor:pointer;transition:.18s;box-shadow:0 12px 28px rgba(0,0,0,.12)}.quick-actions button span{font-size:23px;color:var(--gold2)}.quick-actions button:hover{transform:translateY(-2px);border-color:rgba(217,170,87,.5);box-shadow:0 14px 30px rgba(0,0,0,.22)}.quick-actions .quick-ai{background:linear-gradient(180deg,rgba(15,45,78,.98),rgba(10,32,57,.98))}
.home-grid{display:grid;grid-template-columns:1.12fr 1fr .85fr;gap:12px}.lower-grid{display:grid;grid-template-columns:1.05fr .92fr .92fr;gap:12px;margin-top:12px}
.panel,.cockpit-card{background:linear-gradient(160deg,rgba(10,30,52,.98),rgba(5,20,36,.98));border:1px solid rgba(38,83,128,.45);border-radius:16px;padding:16px;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-title{display:flex;align-items:center;gap:9px}.panel-title h2{font-size:15px;margin:0}.title-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(217,170,87,.12)}.title-icon.gold{color:var(--gold2)}.count-badge{background:#1985df;color:white;border-radius:999px;padding:3px 7px;font-size:10px}.text-btn{border:0;background:transparent;color:#64b7f5;font-size:10px;cursor:pointer}.muted{color:var(--muted);line-height:1.5;margin:0}.task-list{display:flex;flex-direction:column}.task-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(52,94,133,.24)}.task-row:last-child{border-bottom:0}.task-dot{width:9px;height:9px;border-radius:3px;border:1px solid #6c8dab;background:transparent}.task-dot.urgent{background:var(--red);border-color:var(--red)}.task-dot.today{background:var(--gold);border-color:var(--gold)}.task-dot.normal{background:#248be1;border-color:#248be1}.task-dot.done{background:var(--green);border-color:var(--green)}.task-row strong{display:block;font-size:12px}.task-row span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.task-row time{font-size:9px;color:#9fb1c2}.task-row.done strong{text-decoration:line-through;color:#778a9c}
.agenda-board{display:flex;flex-direction:column;gap:7px}.agenda-row{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:center}.agenda-row time{font-size:10px;color:#9cafc0}.event{border-radius:8px;padding:8px 10px;border-left:3px solid}.event strong{font-size:11px;display:block}.event span{font-size:9px;color:#d5e2ee;display:block;margin-top:2px}.blue-event{background:linear-gradient(90deg,#0d60a9,#154c7d);border-left-color:#55b4ff}.gold-event{background:linear-gradient(90deg,#a46e24,#6c4c23);border-left-color:#f1c86f}.dark-event{background:#142d48;border-left-color:#6f8eae}.green-event{background:#0d5a46;border-left-color:#3ee29c}
.ai-home-panel textarea{width:100%;height:112px;resize:none;border:1px solid rgba(49,96,143,.38);background:rgba(5,20,36,.78);border-radius:12px;color:white;padding:12px;margin-top:12px}.ai-home-panel textarea::placeholder{color:#6f88a2}.gold-action{width:42px;height:42px;border-radius:12px;border:0;background:linear-gradient(145deg,var(--gold2),#b67b31);color:#071422;font-weight:900;display:block;margin:10px 0 8px auto;cursor:pointer;box-shadow:0 8px 22px rgba(217,170,87,.19)}.ai-chips{display:flex;gap:6px;flex-wrap:wrap}.ai-chips button,.suggestions button{border:1px solid rgba(64,107,149,.38);background:rgba(12,34,59,.92);border-radius:999px;padding:6px 9px;color:#c9d8e7;font-size:9px;cursor:pointer}
.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.finance-kpis>div{padding-right:8px;border-right:1px solid rgba(50,91,130,.25)}.finance-kpis>div:last-child{border-right:0}.finance-kpis span{font-size:10px;color:#9fb0c1}.finance-kpis strong{display:block;font-size:18px;margin:7px 0}.finance-kpis em{font-style:normal;font-size:9px}.good{color:var(--green)!important}.danger{color:var(--red)!important}.warn{color:var(--amber)!important}
.bar-chart{height:110px;margin-top:18px;border-bottom:1px solid rgba(67,106,145,.25);display:flex;align-items:flex-end;gap:7px;padding:0 4px}.bar-chart i{flex:1;background:linear-gradient(180deg,#4ba8ed,#1376c8);border-radius:3px 3px 0 0;min-width:7px}
.mail-list,.doc-list{display:flex;flex-direction:column}.mail-list>div,.doc-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(52,94,133,.22)}.mail-list>div:last-child,.doc-list>div:last-child{border-bottom:0}.mail-list strong,.doc-list strong{display:block;font-size:11px}.mail-list small,.doc-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.mail-list time,.doc-list time{font-size:9px;color:#9eb0c2}.mail-dot{width:10px;height:10px;border-radius:50%}.mail-dot.red{background:var(--red)}.mail-dot.blue{background:#2992e8}.doc-icon{width:29px;height:34px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:7px;font-weight:900;color:white}.doc-icon.pdf{background:#ef5966}.doc-icon.cr{background:#4cbfb3}.doc-icon.bl{background:#efa23f}.doc-icon.doc{background:#ee6f4c}
.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:8px 0 20px}.section-title h1{font-size:38px;margin:0 0 8px}.score{width:86px;height:86px;border:6px solid rgba(50,209,125,.18);border-top-color:var(--green);border-right-color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:900}.score small{font-size:9px;color:var(--green)}
.cockpit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cockpit-card{min-height:170px}.card-title{display:flex;align-items:center;gap:12px}.card-title>div span{font-size:11px;color:var(--muted)}.card-title>div strong{display:block;font-size:24px;margin-top:4px}.round-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.round-icon.gold{background:rgba(217,170,87,.12);color:var(--gold2)}.round-icon.red{background:rgba(255,92,104,.10);color:var(--red)}.round-icon.green{background:rgba(50,209,125,.10);color:var(--green)}.round-icon.blue{background:rgba(42,139,230,.10);color:var(--blue2)}.round-icon.cyan{background:rgba(79,191,232,.10);color:var(--cyan)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.mini-grid>div{border-left:1px solid rgba(60,100,140,.25);padding-left:9px}.mini-grid>div:first-child{border-left:0;padding-left:0}.mini-grid b{font-size:17px}.mini-grid span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.progress-row{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:28px}.progress{height:7px;background:#112b45;border-radius:999px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#1d71c9,#4fbfe8);border-radius:inherit}.highlight{background:linear-gradient(145deg,rgba(217,170,87,.14),rgba(7,25,44,.98))}
.primary-btn,.secondary-btn{border:1px solid rgba(241,207,134,.38);border-radius:12px;padding:11px 16px;background:linear-gradient(145deg,var(--gold2),#b67b31);color:#071422;font-weight:800;cursor:pointer;box-shadow:0 9px 24px rgba(217,170,87,.18);transition:.18s}.primary-btn:hover,.gold-action:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(217,170,87,.28)}.secondary-btn{background:linear-gradient(180deg,#102d4b,#091d33);color:var(--gold2);margin-top:14px}
.toolbar{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.filter{border:1px solid rgba(56,101,147,.36);background:#0a223c;border-radius:999px;padding:8px 12px;color:#91a8bd;cursor:pointer;white-space:nowrap}.filter.active{border-color:rgba(217,170,87,.45);background:rgba(217,170,87,.10);color:var(--gold2)}.expanded .task-row{padding:15px 5px}
.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(56,101,147,.35);background:#0a2036;padding:8px 11px;border-radius:999px;font-size:10px}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--green)}.status-pill.amber span{background:var(--amber)}.finance-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;border-radius:18px;border:1px solid rgba(217,170,87,.30);background:linear-gradient(120deg,rgba(217,170,87,.13),rgba(8,27,47,.98));box-shadow:var(--shadow)}.finance-hero span{font-size:11px;color:#c4d2df}.finance-hero strong{display:block;font-size:48px;margin:7px 0}.finance-hero small{color:var(--muted)}.finance-delta{color:var(--green);font-size:22px;font-weight:900}.finance-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.dashboard-grid{grid-template-columns:1fr 1fr}.tag{font-size:9px;color:var(--amber);border:1px solid rgba(243,183,74,.3);padding:5px 7px;border-radius:999px}
.company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.company-card{border:1px solid rgba(42,84,126,.45);background:linear-gradient(160deg,#0a213a,#06182a);border-radius:15px;padding:17px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.company-card>div{flex:1}.company-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--gold2),#a76d29);color:#071422;display:grid;place-items:center;font-weight:900}.company-card strong{display:block;font-size:12px}.company-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.company-summary{margin-top:12px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-grid div{border:1px solid rgba(48,89,129,.35);border-radius:12px;padding:15px}.summary-grid b{font-size:22px}.summary-grid span{display:block;color:var(--muted);font-size:9px;margin-top:4px}
.ai-wrap{max-width:800px;margin:18px auto;text-align:center}.ai-orb{width:98px;height:98px;border-radius:26px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(145deg,#0b223a,#061422);border:1px solid rgba(217,170,87,.34);box-shadow:0 0 65px rgba(217,170,87,.18)}.ai-orb img{width:76px;height:76px;border-radius:20px}.ai-wrap h1{font-size:38px;margin:0 0 8px}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0}.chat{text-align:left;display:flex;flex-direction:column;gap:12px;margin-top:14px}.message{display:flex;gap:10px;max-width:88%}.message.user{margin-left:auto;flex-direction:row-reverse}.message>div{background:#0a223b;border:1px solid rgba(48,90,133,.36);border-radius:15px;padding:12px 14px}.message.user>div{background:rgba(217,170,87,.12);border-color:rgba(217,170,87,.3)}.message strong{font-size:10px;color:var(--gold2)}.message p{font-size:12px;line-height:1.5;margin:4px 0 0;color:#dbe5ee}.msg-avatar{width:29px;height:29px;border-radius:9px;background:var(--gold);color:#071422;display:grid;place-items:center;font-weight:900;font-size:11px}.composer{display:flex;gap:8px;border:1px solid rgba(51,94,137,.4);background:#081d33;border-radius:14px;padding:7px;margin-top:16px}.composer input{flex:1;border:0;background:transparent;color:white;padding:8px}.composer button{width:40px;height:40px;border:0;border-radius:11px;background:linear-gradient(145deg,var(--gold2),#b67b31);color:#071422;font-weight:900}
.bottom-nav{display:none}
.toast{position:fixed;z-index:100;left:50%;top:88px;transform:translate(-50%,-10px);background:#0e2844;border:1px solid rgba(65,112,158,.38);color:#edf4fb;padding:10px 14px;border-radius:11px;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow);font-size:11px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){
  .app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px}.side-brand span{font-size:15px}.home-grid{grid-template-columns:1fr 1fr}.ai-home-panel{grid-column:1/-1}.lower-grid{grid-template-columns:1fr 1fr}.docs-card{grid-column:1/-1}.quick-actions{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .app-shell{display:block}.sidebar{display:none}.workspace{display:block}.topbar{height:66px;padding:10px 12px}.mobile-brand{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0}.brand-symbol{width:38px;height:38px;border-radius:11px}.mobile-brand strong{font-size:12px;letter-spacing:.12em;color:var(--gold2)}.search-box{display:none}.profile-copy,.profile-btn i{display:none}.profile-btn{padding:0}.top-actions{gap:7px}.icon-btn{width:38px;height:38px}.avatar{width:38px;height:38px}main{padding:12px 12px 92px}.hero-banner{min-height:128px;padding:18px}.hero-banner h1{font-size:30px}.hero-banner p{font-size:11px}.hero-weather{min-width:auto;padding:9px 10px}.hero-weather>span{font-size:21px}.hero-weather strong{font-size:20px}.hero-weather em{display:none}.quick-actions{grid-template-columns:repeat(5,1fr);gap:6px}.quick-actions button{min-height:64px;font-size:8px;padding:6px}.quick-actions button span{font-size:18px}.home-grid,.lower-grid,.cockpit-grid,.company-grid,.finance-grid,.dashboard-grid{grid-template-columns:1fr}.ai-home-panel,.docs-card{grid-column:auto}.bottom-nav{position:fixed;z-index:60;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(6,1fr);padding:7px;border:1px solid rgba(49,95,140,.42);border-radius:18px;background:rgba(5,19,34,.94);backdrop-filter:blur(18px);box-shadow:0 16px 42px rgba(0,0,0,.4)}.bottom-nav button{border:0;background:transparent;color:#6f859b;padding:6px 2px;border-radius:12px}.bottom-nav button.active{background:linear-gradient(145deg,rgba(217,170,87,.22),rgba(217,170,87,.08));color:var(--gold2)}.bottom-nav span{display:block;font-size:16px}.bottom-nav small{display:block;font-size:7px;margin-top:2px}.section-title{margin-top:4px}.section-title h1,.ai-wrap h1{font-size:30px}.finance-hero strong{font-size:36px}.toast{top:72px}
}
@media(max-width:520px){
  .hero-banner{align-items:flex-start}.hero-weather{position:absolute;right:12px;top:13px;background:transparent;border:0;padding:0}.hero-weather small{display:none}.hero-weather>span{font-size:17px}.hero-weather strong{font-size:17px}.quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.panel{padding:13px}.panel-title h2{font-size:13px}.finance-kpis strong{font-size:14px}.bar-chart{height:90px}.section-title{flex-direction:column}.score{width:72px;height:72px}.company-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr 1fr}.summary-grid b{font-size:18px}.summary-grid span{font-size:8px}
}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(217,170,87,.55),rgba(43,102,160,.45));border-radius:999px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(217,170,87,.72)}
.side-nav{flex:0 0 auto}
.side-signature{flex:0 0 auto}


/* --- Bureau Fabronex / Drive --- */
.bureau-title{align-items:center}
.bureau-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.desktop-shell{
  display:grid;grid-template-columns:190px minmax(0,1fr);min-height:570px;
  border:1px solid rgba(55,105,156,.42);border-radius:20px;overflow:hidden;
  background:
    radial-gradient(circle at 80% 0%,rgba(33,112,185,.14),transparent 28rem),
    linear-gradient(160deg,#071a31,#041426 72%);
  box-shadow:0 28px 70px rgba(0,0,0,.28)
}
.desktop-company-bar{
  padding:14px 10px;display:flex;flex-direction:column;gap:8px;
  background:linear-gradient(180deg,rgba(7,28,51,.96),rgba(4,18,33,.98));
  border-right:1px solid rgba(58,105,151,.28)
}
.desktop-company{
  border:1px solid transparent;background:transparent;color:#b8c8d8;
  border-radius:14px;padding:11px 9px;display:flex;align-items:center;gap:10px;
  text-align:left;cursor:pointer;transition:.18s
}
.desktop-company:hover{background:rgba(34,92,150,.14);border-color:rgba(58,109,160,.22)}
.desktop-company.active{
  background:linear-gradient(110deg,rgba(217,170,87,.18),rgba(28,91,150,.16));
  border-color:rgba(217,170,87,.34);color:#fff;
  box-shadow:inset 3px 0 0 var(--gold)
}
.desktop-company-icon{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:linear-gradient(145deg,var(--gold2),#a86e2c);color:#071422;font-weight:900;
  box-shadow:0 8px 20px rgba(217,170,87,.14)
}
.desktop-company strong{font-size:11px}
.desktop-window{display:flex;flex-direction:column;min-width:0;background:rgba(4,18,32,.58)}
.window-bar{
  height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  padding:0 15px;border-bottom:1px solid rgba(55,101,145,.25);
  background:linear-gradient(180deg,rgba(14,42,71,.9),rgba(8,28,49,.9))
}
.window-controls{display:flex;gap:7px}.window-controls i{width:9px;height:9px;border-radius:50%;display:block;background:#45647e}.window-controls i:nth-child(1){background:#ff6a6f}.window-controls i:nth-child(2){background:#efb54a}.window-controls i:nth-child(3){background:#36cf7e}
.window-breadcrumb{
  justify-self:center;min-width:260px;max-width:72%;display:flex;justify-content:center;align-items:center;gap:8px;
  padding:6px 12px;border:1px solid rgba(64,111,157,.3);border-radius:9px;
  background:rgba(4,20,36,.58);font-size:10px;color:#91a7bc
}
.window-breadcrumb strong{color:#e7eef5}.window-breadcrumb b{color:var(--gold)}
.window-action,.window-toolbar-actions button{
  border:1px solid rgba(63,109,154,.28);background:#0b2743;color:#c9d8e7;
  width:34px;height:34px;border-radius:10px;cursor:pointer
}
.window-action:hover,.window-toolbar-actions button:hover{border-color:rgba(217,170,87,.46);color:var(--gold2)}
.window-toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;
  border-bottom:1px solid rgba(52,97,140,.22)
}
.window-toolbar>div:first-child{display:flex;align-items:center;gap:11px}
.folder-badge{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(217,170,87,.12);color:var(--gold2);font-size:21px
}
.window-toolbar strong{display:block;font-size:15px}.window-toolbar small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.window-toolbar-actions{display:flex;gap:7px}.window-toolbar-actions button.active{background:rgba(217,170,87,.12);color:var(--gold2);border-color:rgba(217,170,87,.32)}
.drive-folders{
  flex:1;padding:20px;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));
  align-content:start;gap:12px;overflow:auto
}
.drive-folder-card{
  min-height:145px;border:1px solid rgba(47,92,137,.28);
  background:linear-gradient(160deg,rgba(11,35,59,.88),rgba(6,23,41,.96));
  border-radius:15px;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;cursor:pointer;position:relative;transition:.18s;color:white
}
.drive-folder-card:hover{
  transform:translateY(-3px);border-color:rgba(217,170,87,.45);
  box-shadow:0 14px 28px rgba(0,0,0,.24),0 0 0 1px rgba(217,170,87,.06)
}
.folder-shape{
  width:54px;height:38px;border-radius:6px;background:linear-gradient(145deg,#edc66f,#b77b2f);
  display:block;position:relative;margin-bottom:14px;box-shadow:0 8px 18px rgba(217,170,87,.12)
}
.folder-shape:before{content:"";position:absolute;left:5px;top:-7px;width:25px;height:10px;border-radius:5px 5px 0 0;background:#dba94e}
.folder-shape i{position:absolute;inset:5px;background:linear-gradient(180deg,rgba(255,246,201,.34),transparent);border-radius:3px}
.drive-folder-card strong{font-size:11px;line-height:1.3}.drive-folder-card small{font-size:8px;color:#879caf;margin-top:5px}.drive-folder-card em{position:absolute;right:10px;bottom:9px;font-style:normal;color:#6285a7;font-size:12px}
.drive-folder-card.inbox-folder{
  border-color:rgba(243,183,74,.34);background:linear-gradient(160deg,rgba(63,45,20,.28),rgba(7,24,42,.98))
}
.drive-folder-card.inbox-folder .folder-shape{background:linear-gradient(145deg,#f3c968,#c17727)}
.desktop-statusbar{
  min-height:34px;border-top:1px solid rgba(52,96,139,.22);padding:0 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;color:#738aa1;font-size:8px
}
.bureau-note{
  margin-top:12px;border:1px solid rgba(217,170,87,.20);border-radius:15px;
  background:linear-gradient(120deg,rgba(217,170,87,.08),rgba(7,27,47,.95));
  padding:14px 16px;display:flex;gap:12px;align-items:center
}
.bureau-note>span{width:38px;height:38px;border-radius:11px;background:rgba(217,170,87,.12);display:grid;place-items:center;color:var(--gold2)}
.bureau-note strong{font-size:11px}.bureau-note p{font-size:9px;color:var(--muted);margin:4px 0 0}

@media(max-width:1250px){
  .drive-folders{grid-template-columns:repeat(4,minmax(115px,1fr))}
}
@media(max-width:1050px){
  .desktop-shell{grid-template-columns:155px minmax(0,1fr)}
  .desktop-company{flex-direction:column;text-align:center}
  .drive-folders{grid-template-columns:repeat(3,minmax(110px,1fr))}
}
@media(max-width:850px){
  .bureau-actions{width:100%;justify-content:space-between}
  .desktop-shell{display:block;min-height:auto}
  .desktop-company-bar{
    flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(58,105,151,.28);
    padding:9px
  }
  .desktop-company{min-width:108px;flex-direction:column;justify-content:center;text-align:center;padding:8px}
  .desktop-company.active{box-shadow:inset 0 -3px 0 var(--gold)}
  .desktop-window{min-height:560px}
  .drive-folders{grid-template-columns:repeat(2,minmax(120px,1fr));padding:14px}
  .window-breadcrumb{min-width:0;max-width:100%;font-size:9px}
  .window-breadcrumb span{display:none}
}
@media(max-width:460px){
  .drive-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .drive-folder-card{min-height:128px;padding:12px 9px}
  .drive-folder-card strong{font-size:9px}
  .folder-shape{width:46px;height:33px}
  .desktop-statusbar span:last-child{display:none}
}


/* --- Import documentaire --- */
.import-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:18px}
.import-modal.open{display:flex}
.import-backdrop{position:absolute;inset:0;background:rgba(1,8,16,.78);backdrop-filter:blur(10px)}
.import-dialog{
  position:relative;z-index:1;width:min(680px,100%);max-height:min(86vh,820px);overflow:auto;
  border:1px solid rgba(66,116,164,.42);border-radius:22px;padding:20px;
  background:
    radial-gradient(circle at 90% 0%,rgba(217,170,87,.11),transparent 20rem),
    linear-gradient(160deg,#0b223a,#061525 72%);
  box-shadow:0 28px 90px rgba(0,0,0,.52)
}
.import-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.import-head h2{font-size:24px;margin:0 0 6px}.import-head p:last-child{font-size:11px;color:var(--muted);margin:0}
.import-close{width:38px;height:38px;border-radius:11px;border:1px solid rgba(63,109,154,.34);background:#0b2743;color:#c9d8e7;font-size:22px;cursor:pointer}
.import-close:hover{color:var(--gold2);border-color:rgba(217,170,87,.45)}
.import-step{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:flex-start;margin:14px 0}
.step-number{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(217,170,87,.12);color:var(--gold2);font-size:10px;font-weight:900}
.step-content>strong{display:block;font-size:11px;margin:3px 0 9px}
.file-drop{min-height:84px;border:1px dashed rgba(92,139,184,.42);border-radius:14px;background:rgba(7,25,43,.72);display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;transition:.18s}
.file-drop:hover{border-color:rgba(217,170,87,.48);background:rgba(12,37,62,.78)}
.file-drop-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(42,139,230,.12);color:var(--blue2);font-size:20px}
.file-drop div{flex:1}.file-drop b{display:block;font-size:11px}.file-drop small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.file-drop em{font-style:normal;color:var(--gold2);font-size:9px}
.import-ai-box{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(217,170,87,.22);border-radius:14px;padding:13px 14px;background:linear-gradient(110deg,rgba(217,170,87,.08),rgba(11,35,59,.82))}
.import-ai-box>div{display:flex;align-items:center;gap:11px}.ai-mini-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(217,170,87,.13);color:var(--gold2)}
.import-ai-box strong{display:block;font-size:11px}.import-ai-box small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.ai-suggestion{margin:10px 0 2px;border:1px solid rgba(50,137,230,.26);border-radius:14px;padding:13px;background:rgba(9,31,53,.88)}
.suggestion-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.suggestion-top span{color:#7fc1f3;font-size:9px;font-weight:800;letter-spacing:.06em}.suggestion-top b{font-size:9px;color:var(--green);border:1px solid rgba(50,209,125,.28);padding:4px 7px;border-radius:999px}
.ai-suggestion>strong{font-size:12px}.ai-suggestion p{font-size:9px;color:var(--muted);margin:5px 0 7px}
.select-wrap{position:relative}.select-wrap:after{content:"⌄";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#89a2ba}
.select-wrap select{width:100%;appearance:none;border:1px solid rgba(58,104,149,.38);background:#081d33;color:white;border-radius:12px;padding:11px 38px 11px 12px;font-size:11px}
.auto-classify-option{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(55,99,143,.28);border-radius:13px;padding:12px;background:rgba(4,20,35,.55);cursor:pointer}
.auto-classify-option input{margin-top:2px;accent-color:#d9aa57}.auto-classify-option strong{display:block;font-size:10px}.auto-classify-option small{display:block;color:var(--muted);font-size:8.5px;margin-top:3px}
.import-summary{margin-top:12px;border-radius:13px;padding:12px 14px;background:rgba(42,139,230,.08);border:1px solid rgba(42,139,230,.20)}.import-summary span{display:block;color:#89a9c7;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.import-summary strong{display:block;font-size:11px;margin-top:5px}
.import-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.import-footer .secondary-btn{margin-top:0}
.import-connection-note{font-size:8.5px;color:#6f879f;text-align:center;margin:10px 0 0}
body.modal-open{overflow:hidden}
@media(max-width:600px){
  .import-modal{padding:8px;align-items:flex-end}
  .import-dialog{max-height:92vh;border-radius:20px 20px 10px 10px;padding:16px}
  .import-head h2{font-size:20px}.import-ai-box{align-items:flex-start}.import-ai-box .secondary-btn{padding:9px 11px}
  .import-footer{position:sticky;bottom:-16px;background:linear-gradient(180deg,rgba(6,21,37,0),#061525 34%);padding-top:20px;padding-bottom:6px}
}


/* --- Générateur de devis --- */
.quote-title{align-items:center}.quote-top-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.quote-top-actions .secondary-btn{margin-top:0}
.quote-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);gap:14px;align-items:start}
.quote-editor{display:flex;flex-direction:column;gap:12px}.quote-card{padding:16px}
.invoice-toggle{display:flex;align-items:center;gap:8px;color:#b8c8d8;font-size:9px;cursor:pointer}.invoice-toggle input{accent-color:#d9aa57}
.quote-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-form-grid label{display:flex;flex-direction:column;gap:6px}.quote-form-grid label.full{grid-column:1/-1}.quote-form-grid label>span{font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:#87a0b7}
.quote-form-grid input,.quote-form-grid textarea,.mission-editor-row input{
  width:100%;border:1px solid rgba(57,103,148,.4);background:#081d33;color:white;border-radius:10px;padding:10px 11px;font-size:10px
}
.quote-form-grid textarea{min-height:76px;resize:vertical}.input-suffix{display:flex;align-items:center;border:1px solid rgba(57,103,148,.4);border-radius:10px;background:#081d33;overflow:hidden}.input-suffix input{border:0;border-radius:0;background:transparent}.input-suffix b{padding:0 11px;color:#91a7bc;font-size:10px}
.mission-editor-head,.mission-editor-row{display:grid;grid-template-columns:28px minmax(180px,1.6fr) 70px 90px 90px 80px 95px;gap:7px;align-items:center}
.mission-editor-head{padding:0 4px 7px;color:#7891a8;font-size:7.5px;text-transform:uppercase;letter-spacing:.05em}.mission-editor{display:flex;flex-direction:column}
.mission-editor-row{padding:10px 4px;border-top:1px solid rgba(49,91,130,.2)}.mission-editor-row:first-child{border-top:0}.mission-select{display:grid;place-items:center}.mission-select input{display:none}.mission-select span{width:17px;height:17px;border-radius:5px;border:1px solid #587794;background:#081d33;display:block;position:relative}.mission-select input:checked+span{background:linear-gradient(145deg,var(--gold2),#b77b31);border-color:var(--gold)}.mission-select input:checked+span:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#071422;font-size:11px;font-weight:900}
.mission-copy small{display:block;color:var(--gold);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.mission-copy strong{display:block;font-size:10px;margin-top:3px}.mission-copy em{display:block;color:#8097ad;font-style:normal;font-size:8px;line-height:1.35;margin-top:2px}.mission-copy .mission-name-input{font-weight:800;margin-top:4px}.mission-copy .mission-description-input{font-size:8px;margin-top:5px}.mission-editor-row input{padding:8px 7px}.discount-field{display:flex;align-items:center;border:1px solid rgba(57,103,148,.4);border-radius:10px;background:#081d33;overflow:hidden}.discount-field input{border:0;background:transparent;border-radius:0}.discount-field b{font-size:8px;padding-right:7px;color:#8299ae}.mission-line-total{font-size:9px;text-align:right;color:#e7edf4}
.quote-preview-wrap{position:sticky;top:90px;display:flex;flex-direction:column;gap:10px}.quote-totals{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.quote-totals>div{border:1px solid rgba(49,93,136,.25);border-radius:10px;padding:10px}.quote-totals span{display:block;color:#859cb2;font-size:7.5px;text-transform:uppercase}.quote-totals strong{display:block;font-size:15px;margin-top:4px}.quote-totals .grand{border-color:rgba(217,170,87,.34);background:rgba(217,170,87,.08)}.quote-totals .grand strong{color:var(--gold2)}
.quote-preview{background:white;color:#132235;border-radius:16px;padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.32);min-height:720px;font-family:Arial,Helvetica,sans-serif}
.quote-preview-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #123b63;padding-bottom:16px}.quote-logo{display:flex;align-items:center;gap:10px}.quote-logo img{width:44px;height:44px;border-radius:10px}.quote-logo strong{display:block;color:#173c60;font-size:14px;letter-spacing:.04em}.quote-logo span{display:block;font-size:8px;color:#6f7d8c;margin-top:3px}.quote-doc-meta{text-align:right}.quote-doc-meta b{display:block;color:#c5903f;font-size:13px;letter-spacing:.14em}.quote-doc-meta strong{display:block;font-size:11px;margin-top:5px}.quote-doc-meta span{display:block;font-size:7.5px;color:#718092;margin-top:4px}
.quote-party-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0}.quote-party-grid section{min-height:96px}.quote-small-title{display:block;color:#bd873c;font-size:7px;font-weight:900;letter-spacing:.12em;margin-bottom:6px}.quote-party-grid strong{font-size:9px}.quote-party-grid p{font-size:7.5px;line-height:1.55;color:#526170;margin:5px 0 0}
.quote-object{border:1px solid #dbe3eb;border-radius:8px;padding:10px 12px;margin-bottom:15px}.quote-object span{display:block;color:#758394;font-size:7px;text-transform:uppercase}.quote-object strong{display:block;font-size:9px;margin-top:4px}
.quote-preview-table{width:100%;border-collapse:collapse;font-size:7.5px}.quote-preview-table th{text-align:left;background:#123b63;color:white;padding:8px 6px;font-size:6.8px;text-transform:uppercase;letter-spacing:.05em}.quote-preview-table th:nth-child(n+2),.quote-preview-table td:nth-child(n+2){text-align:right}.quote-preview-table td{padding:8px 6px;border-bottom:1px solid #e7edf2;vertical-align:top}.quote-preview-table td strong{display:block;font-size:8px}.quote-preview-table td small{display:block;color:#7d8996;font-size:6.7px;margin-top:2px;line-height:1.3}.empty-line{text-align:center!important;color:#98a4af;padding:18px!important}
.quote-preview-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-top:18px}.quote-conditions-preview p{font-size:7px;line-height:1.45;color:#606f7c;margin:4px 0}.quote-sums{display:flex;flex-direction:column;gap:5px}.quote-sums>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #e3e8ee;font-size:7.5px}.quote-sums .total{font-size:9px;font-weight:900;color:#173c60;border-top:2px solid #173c60;border-bottom:0;padding-top:7px}
.quote-approval{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;border-top:1px solid #dce3ea;padding-top:14px}.signature-space{height:62px;border-bottom:1px solid #d8dee5}.quote-approval strong{font-size:8px}.quote-preview footer{margin-top:22px;border-top:1px solid #dce3ea;padding-top:8px;text-align:center;color:#71808e;font-size:6.8px}
@media(max-width:1200px){.quote-workspace{grid-template-columns:1fr}.quote-preview-wrap{position:static}.quote-preview{min-height:auto}.mission-editor-head,.mission-editor-row{grid-template-columns:28px minmax(160px,1.6fr) 64px 80px 80px 72px 90px}}
@media(max-width:760px){
  .quote-top-actions{width:100%;justify-content:flex-start}.quote-form-grid{grid-template-columns:1fr}.quote-form-grid label.full{grid-column:auto}
  .mission-editor-head{display:none}.mission-editor-row{grid-template-columns:28px 1fr 74px 74px;grid-template-areas:"check copy copy total" "check qty unit price" "check discount discount total";gap:7px 8px}
  .mission-select{grid-area:check}.mission-copy{grid-area:copy}.mission-qty{grid-area:qty}.mission-unit{grid-area:unit}.mission-price{grid-area:price}.discount-field{grid-area:discount}.mission-line-total{grid-area:total;align-self:center}
  .quote-party-grid,.quote-preview-bottom{grid-template-columns:1fr}.quote-preview{padding:16px}.quote-preview-header{gap:10px}.quote-logo strong{font-size:11px}
}
@media print{
  @page{size:A4 portrait;margin:0}

  html,body{
    width:210mm!important;
    height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.printing-quote .sidebar,
  body.printing-quote .topbar,
  body.printing-quote .bottom-nav,
  body.printing-quote #view-home,
  body.printing-quote #view-tasks,
  body.printing-quote #view-bureau,
  body.printing-quote #view-finance,
  body.printing-quote #view-companies,
  body.printing-quote #view-ai,
  body.printing-quote .quote-title,
  body.printing-quote .quote-drive-route,
  body.printing-quote .quote-editor,
  body.printing-quote .quote-totals,
  body.printing-quote .toast,
  body.printing-quote .import-modal,
  body.printing-quote .clients-modal{
    display:none!important;
  }

  body.printing-quote .app-shell,
  body.printing-quote .workspace,
  body.printing-quote main,
  body.printing-quote #view-devis,
  body.printing-quote .quote-workspace,
  body.printing-quote .quote-preview-wrap{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.printing-quote #view-devis{
    opacity:1!important;
    visibility:visible!important;
  }

  body.printing-quote #quotePreview{
    display:block!important;
    position:relative!important;
    width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:12mm 14mm!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:#fff!important;
    color:#132235!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    page-break-inside:avoid!important;
    break-before:avoid-page!important;
    break-after:avoid-page!important;
    break-inside:avoid-page!important;
  }

  body.printing-quote #quotePreview *{
    box-sizing:border-box;
  }
}


/* --- Missions devis : prix visibles + lignes Autre --- */
.mission-head-actions{display:flex;align-items:center;gap:8px}
.add-other-btn{margin:0!important;padding:7px 10px;font-size:9px}
.mission-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}
.mission-name-line>strong{margin-top:0}
.catalog-price{
  display:inline-flex;align-items:center;white-space:nowrap;
  border:1px solid rgba(217,170,87,.28);background:rgba(217,170,87,.08);
  color:var(--gold2);border-radius:999px;padding:3px 7px;font-size:7px;font-weight:800
}
.custom-missions-block{margin-top:14px;padding-top:13px;border-top:1px solid rgba(217,170,87,.24)}
.custom-missions-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}
.custom-missions-title span{font-size:9px;font-weight:900;color:var(--gold2);text-transform:uppercase;letter-spacing:.08em}
.custom-missions-title small{font-size:7.5px;color:var(--muted)}
.custom-other-row{
  position:relative;border:1px solid rgba(217,170,87,.18)!important;
  border-radius:12px;margin-top:7px;padding:10px!important;
  background:linear-gradient(120deg,rgba(217,170,87,.055),rgba(8,29,51,.62))
}
.custom-line-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.remove-other{
  width:24px;height:24px;border-radius:7px;border:1px solid rgba(255,92,104,.24);
  background:rgba(255,92,104,.07);color:#ff8b94;cursor:pointer;font-size:15px;line-height:1
}
.remove-other:hover{background:rgba(255,92,104,.14);border-color:rgba(255,92,104,.42)}
.custom-copy .mission-name-input{margin-top:5px}
.custom-copy .mission-description-input{margin-top:5px}

@media(max-width:760px){
  .mission-head-actions{width:100%;justify-content:space-between}
  .custom-missions-title{align-items:flex-start;flex-direction:column;gap:3px}
}


/* --- Fichier clients + autocomplétion devis --- */
.client-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.client-count-badge{display:inline-flex;align-items:center;border:1px solid rgba(217,170,87,.24);background:rgba(217,170,87,.08);color:var(--gold2);padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800}
.client-search-field{position:relative}
.client-suggestions{
  position:absolute;left:0;right:0;top:100%;margin-top:5px;z-index:80;display:none;
  border:1px solid rgba(67,116,164,.44);border-radius:13px;padding:5px;
  background:rgba(5,21,38,.98);box-shadow:0 18px 45px rgba(0,0,0,.42);max-height:280px;overflow:auto
}
.client-suggestions.show{display:block}
.client-suggestion{
  width:100%;border:0;background:transparent;color:white;border-radius:10px;padding:9px;
  display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer
}
.client-suggestion:hover{background:rgba(42,139,230,.11)}
.client-suggestion-avatar,.client-file-avatar{
  width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#a86f2d);color:#071422;font-size:9px;font-weight:900
}
.client-suggestion strong{display:block;font-size:9.5px}.client-suggestion small{display:block;color:var(--muted);font-size:7.5px;margin-top:2px}
.client-suggestion em{font-style:normal;color:#7895b0;font-size:7px;white-space:nowrap}
.client-no-result{padding:11px;color:#8fa6bb;font-size:8.5px;text-align:center}
.clients-modal{position:fixed;inset:0;z-index:125;display:none;align-items:center;justify-content:center;padding:18px}
.clients-modal.open{display:flex}
.clients-backdrop{position:absolute;inset:0;background:rgba(1,8,16,.8);backdrop-filter:blur(10px)}
.clients-dialog{
  position:relative;z-index:1;width:min(760px,100%);max-height:min(86vh,850px);overflow:auto;
  border:1px solid rgba(66,116,164,.42);border-radius:22px;padding:20px;
  background:radial-gradient(circle at 85% 0%,rgba(217,170,87,.10),transparent 20rem),linear-gradient(160deg,#0b223a,#061525 72%);
  box-shadow:0 28px 90px rgba(0,0,0,.54)
}
.clients-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.clients-head h2{margin:0 0 6px;font-size:24px}.clients-head p:last-child{margin:0;color:var(--muted);font-size:10px}
.clients-toolbar{display:flex;gap:10px;align-items:center;margin:16px 0 12px}.clients-toolbar .secondary-btn{margin:0;white-space:nowrap}
.clients-search{flex:1;border:1px solid rgba(58,105,151,.38);background:#081d33;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 11px}
.clients-search span{color:#8099b2}.clients-search input{flex:1;border:0;background:transparent;color:white;padding:11px 0;font-size:10px}
.clients-list{display:flex;flex-direction:column;gap:7px}
.client-file-row{display:grid;grid-template-columns:38px minmax(0,1fr) 55px auto;gap:10px;align-items:center;border:1px solid rgba(53,99,144,.27);background:rgba(7,27,47,.68);border-radius:13px;padding:10px}
.client-file-main strong{display:block;font-size:10px}.client-file-main span{display:block;font-size:8px;color:#aec0d0;margin-top:3px}.client-file-main small{display:block;color:#748ca3;font-size:7.5px;margin-top:3px}
.client-file-meta{text-align:center}.client-file-meta b{display:block;color:var(--gold2);font-size:13px}.client-file-meta small{font-size:7px;color:#8097ac}
.client-use-btn{border:1px solid rgba(217,170,87,.32);background:rgba(217,170,87,.08);color:var(--gold2);border-radius:9px;padding:8px 10px;font-size:8px;cursor:pointer}
.client-use-btn:hover{background:rgba(217,170,87,.14)}
.clients-empty{text-align:center;padding:30px 10px;color:#8da3b8}.clients-empty>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;border-radius:14px;background:rgba(217,170,87,.09);color:var(--gold2);font-size:20px}.clients-empty strong{display:block;font-size:11px}.clients-empty p{font-size:8.5px;max-width:360px;margin:6px auto 0;line-height:1.5}
.clients-sync-note{font-size:8px;color:#6e879e;text-align:center;margin:13px 0 0}
@media(max-width:850px){
  .bottom-nav{grid-template-columns:repeat(6,minmax(48px,1fr));overflow-x:auto}
  .client-head-actions{width:100%;justify-content:space-between}
  .client-suggestions{position:fixed;left:12px;right:12px;top:auto;max-height:42vh;margin-top:4px}
}
@media(max-width:600px){
  .clients-modal{padding:8px;align-items:flex-end}.clients-dialog{max-height:92vh;border-radius:20px 20px 10px 10px;padding:15px}
  .clients-head h2{font-size:20px}.clients-toolbar{flex-direction:column;align-items:stretch}.clients-toolbar .secondary-btn{width:100%}
  .client-file-row{grid-template-columns:36px 1fr auto;grid-template-areas:"avatar main use" "avatar meta use"}
  .client-file-avatar{grid-area:avatar}.client-file-main{grid-area:main}.client-file-meta{grid-area:meta;text-align:left;display:flex;gap:4px;align-items:center}.client-file-meta b{font-size:9px}.client-file-meta small{font-size:7px}.client-use-btn{grid-area:use}
  .client-suggestion{grid-template-columns:34px 1fr}.client-suggestion em{display:none}
}


/* --- Devis temps réel / actions --- */
.quote-save-state{
  display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;
  border:1px solid rgba(76,124,171,.28);background:rgba(8,29,51,.62);
  color:#8ea6bc;font-size:8px;white-space:nowrap
}
.quote-save-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#5d7e9f}
.quote-save-state.saved{color:#8ee1b5;border-color:rgba(50,209,125,.25);background:rgba(50,209,125,.07)}
.quote-save-state.saved:before{background:var(--green)}
.quote-logo span{letter-spacing:.12em;font-weight:800;color:#9b7a42!important}

@media(max-width:760px){
  .quote-title{align-items:stretch}
  .quote-top-actions{
    display:grid;grid-template-columns:1fr 1fr;gap:8px;
    position:sticky;top:58px;z-index:34;padding:9px;
    margin:0 -4px;border:1px solid rgba(51,96,139,.28);border-radius:14px;
    background:rgba(5,20,36,.96);backdrop-filter:blur(12px)
  }
  .quote-top-actions #newQuoteBtn,.quote-top-actions #saveQuoteBtn,.quote-top-actions #printQuoteBtn{width:100%;margin:0;min-height:42px}
  .quote-top-actions #printQuoteBtn{grid-column:1/-1}
  .quote-save-state{grid-column:1/-1;justify-content:center}
  .quote-preview-wrap{margin-top:6px}
}


/* --- Routage Drive devis / factures --- */
.quote-drive-route{
  margin:0 0 12px;padding:12px 14px;border:1px solid rgba(217,170,87,.22);
  background:linear-gradient(110deg,rgba(217,170,87,.07),rgba(7,27,47,.9));
  border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:12px
}
.quote-drive-route span{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.1em;color:#8198ae}
.quote-drive-route strong{display:block;font-size:10px;color:#e6edf4;margin-top:4px}
@media(max-width:760px){
  .quote-drive-route{align-items:flex-start;flex-direction:column}
  .quote-drive-route .text-btn{padding-left:0}
}


/* --- Missions & Factures --- */
.tracking-title{align-items:center}
.tracking-kpis{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px
}
.tracking-kpis article{
  min-height:94px;border:1px solid rgba(51,96,139,.28);border-radius:15px;padding:13px;
  background:linear-gradient(160deg,rgba(11,34,58,.92),rgba(6,22,39,.96));
  box-shadow:0 12px 30px rgba(0,0,0,.14)
}
.tracking-kpis span{display:block;color:#8ca2b8;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.tracking-kpis strong{display:block;color:#f5f8fb;font-size:22px;margin-top:8px;line-height:1}
.tracking-kpis small{display:block;color:#738aa0;font-size:7.5px;margin-top:7px}
.tracking-kpis .kpi-paid{border-color:rgba(50,209,125,.20)}
.tracking-kpis .kpi-paid strong{color:#79dda9}
.tracking-kpis .kpi-due{border-color:rgba(243,183,74,.23)}
.tracking-kpis .kpi-due strong{color:var(--gold2)}

.tracking-filterbar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px
}
.tracking-tabs{
  display:flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(52,98,142,.28);
  background:rgba(5,20,36,.7);border-radius:12px;overflow-x:auto
}
.tracking-tabs button{
  border:0;background:transparent;color:#879eb4;padding:8px 11px;border-radius:9px;
  font-size:8.5px;font-weight:800;white-space:nowrap;cursor:pointer
}
.tracking-tabs button.active{
  background:linear-gradient(135deg,#123e69,#0a2a49);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(78,143,207,.24)
}
.tracking-search{
  min-width:260px;border:1px solid rgba(53,100,145,.34);background:#081d33;
  border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 10px
}
.tracking-search span{color:#7d97af}.tracking-search input{width:100%;border:0;background:transparent;color:white;padding:9px 0;font-size:9px}

.tracking-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:12px;align-items:start}
.tracking-list-panel{padding:0;overflow:hidden}
.tracking-table-head,.tracking-row{
  display:grid;grid-template-columns:minmax(235px,1.65fr) .62fr .78fr .8fr .7fr .82fr;
  gap:9px;align-items:center
}
.tracking-table-head{
  padding:10px 13px;background:rgba(6,23,40,.72);border-bottom:1px solid rgba(52,96,139,.24);
  color:#738ba2;font-size:7px;text-transform:uppercase;letter-spacing:.07em
}
.tracking-list{display:flex;flex-direction:column}
.tracking-row{
  width:100%;border:0;border-bottom:1px solid rgba(47,89,128,.20);background:transparent;
  color:#e9eff5;text-align:left;padding:10px 13px;cursor:pointer;transition:.16s
}
.tracking-row:hover{background:rgba(34,91,148,.08)}
.tracking-row.selected{background:linear-gradient(90deg,rgba(217,170,87,.09),rgba(28,91,150,.06));box-shadow:inset 3px 0 0 var(--gold)}
.tracking-main{display:flex;gap:9px;align-items:center;min-width:0}
.tracking-avatar{
  width:31px;height:31px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#1c76c7,#0b487e);font-style:normal;color:white;font-size:8px;font-weight:900
}
.tracking-main>span{min-width:0}.tracking-main strong{display:block;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracking-main small{display:block;color:#7f96ac;font-size:7.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracking-stage{font-size:8px;color:#b2c1cf}.tracking-money strong{display:block;font-size:9px}.tracking-money small{display:block;color:#8da2b6;font-size:7px;margin-top:2px}
.tracking-status,.tracking-status-pill{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;
  font-size:7.5px;font-weight:900;white-space:nowrap;border:1px solid transparent
}
.status-good{background:rgba(50,209,125,.11)!important;color:#70dda3!important;border-color:rgba(50,209,125,.20)!important}
.status-danger{background:rgba(255,92,104,.10)!important;color:#ff8790!important;border-color:rgba(255,92,104,.20)!important}
.status-warn{background:rgba(243,183,74,.10)!important;color:#f3c56f!important;border-color:rgba(243,183,74,.22)!important}
.status-blue{background:rgba(42,139,230,.11)!important;color:#75b9f5!important;border-color:rgba(42,139,230,.20)!important}
.status-neutral{background:rgba(113,138,163,.10)!important;color:#9eb0c1!important;border-color:rgba(113,138,163,.18)!important}
.tracking-date{font-size:8px;color:#91a5b8}.tracking-date.late{color:#ff7c85;font-weight:800}
.tracking-progress-cell{display:flex;align-items:center;gap:7px}.tracking-progress-cell>i{display:block;flex:1;height:6px;border-radius:999px;background:#102d49;overflow:hidden}.tracking-progress-cell>i>b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1b7bc8,#38c178)}.tracking-progress-cell small{font-size:7px;color:#839bb1;min-width:24px}
.tracking-empty{text-align:center;padding:45px 20px}.tracking-empty>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:14px;background:rgba(217,170,87,.09);color:var(--gold2);font-size:20px}.tracking-empty strong{display:block;font-size:11px}.tracking-empty p{color:#7e96ad;font-size:8.5px;margin:6px auto 12px;max-width:360px}.tracking-empty .secondary-btn{margin:0}

.tracking-detail{display:flex;flex-direction:column;gap:10px;position:sticky;top:86px}
.tracking-detail-card,.tracking-alerts-card{padding:14px}
.tracking-detail-empty{text-align:center;padding:42px 10px;color:#8298ad}.tracking-detail-empty>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border-radius:13px;background:rgba(42,139,230,.09);color:#66ace9;font-size:18px}.tracking-detail-empty strong{display:block;font-size:10px;color:#dae4ed}.tracking-detail-empty p{font-size:8px;line-height:1.5;max-width:270px;margin:6px auto 0}
.tracking-client-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(50,94,136,.22)}
.tracking-client-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2686d6,#0d4e84);font-size:11px;font-weight:900}.tracking-client-head>div strong{display:block;font-size:11px}.tracking-client-head>div small{display:block;color:#8097ad;font-size:7.5px;margin-top:3px}
.tracking-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.tracking-detail-grid>div{border:1px solid rgba(49,93,135,.22);border-radius:10px;padding:9px;background:rgba(6,23,40,.45)}.tracking-detail-grid span{display:block;color:#718ba3;font-size:7px;text-transform:uppercase}.tracking-detail-grid strong{display:block;font-size:9px;margin-top:4px}
.tracking-progress-wrap{margin:12px 0}.tracking-progress-wrap>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#91a6b9}.tracking-progress-wrap>div:first-child strong{color:#dbe5ee}.tracking-progress{height:7px;background:#102d49;border-radius:999px;overflow:hidden;margin-top:7px}.tracking-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1f83d2,#37c47a);transition:.25s}
.tracking-timeline{display:flex;flex-direction:column;gap:0;margin:14px 0}.tracking-event{position:relative;display:grid;grid-template-columns:18px 1fr;gap:8px;padding:0 0 13px}.tracking-event:before{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:#214362}.tracking-event:last-child:before{display:none}.tracking-event>i{width:11px;height:11px;border-radius:50%;margin-top:2px;background:#4c78a1;border:2px solid #0b2239;box-shadow:0 0 0 1px #315a80}.tracking-event>i.good,.tracking-event>i.payment{background:#39cd7d}.tracking-event>i.invoice{background:#d9aa57}.tracking-event>i.mission{background:#2e94e6}.tracking-event>div strong{display:block;font-size:8.5px}.tracking-event>div small{display:block;color:#718aa1;font-size:7px;margin-top:2px}
.tracking-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tracking-actions button{margin:0;min-height:36px;font-size:8px}.tracking-actions .primary-btn{grid-column:1/-1}.tracking-actions button[hidden]{display:none!important}

.tracking-alerts{display:flex;flex-direction:column;gap:6px}.tracking-alert{width:100%;border:1px solid rgba(50,95,138,.22);background:rgba(7,26,46,.62);color:white;border-radius:10px;padding:9px;display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;text-align:left;cursor:pointer}.tracking-alert>i{width:7px;height:7px;border-radius:50%;background:#5a83aa}.tracking-alert.warn>i{background:#f3b74a}.tracking-alert.danger>i{background:#ff5c68}.tracking-alert.blue>i{background:#2a8be6}.tracking-alert strong{display:block;font-size:8px}.tracking-alert small{display:block;color:#7c94aa;font-size:7px;margin-top:2px}.tracking-alert em{font-style:normal;color:#6787a5}
.tracking-all-good{text-align:center;padding:18px 8px;color:#81a592}.tracking-all-good span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin:0 auto 7px;background:rgba(50,209,125,.09);color:#62d698}.tracking-all-good strong{display:block;font-size:9px;color:#bfe7d0}.tracking-all-good small{display:block;font-size:7px;margin-top:3px}

.tracking-modal{position:fixed;inset:0;z-index:130;display:none;align-items:center;justify-content:center;padding:16px}.tracking-modal.open{display:flex}.tracking-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,16,.82);backdrop-filter:blur(10px)}.tracking-modal-dialog{position:relative;z-index:1;width:min(520px,100%);border:1px solid rgba(65,114,162,.42);border-radius:20px;padding:18px;background:radial-gradient(circle at 85% 0%,rgba(217,170,87,.10),transparent 18rem),linear-gradient(160deg,#0b223a,#061525 72%);box-shadow:0 28px 90px rgba(0,0,0,.54)}.tracking-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tracking-modal-head h2{font-size:21px;margin:0 0 5px}.tracking-modal-head p:last-child{font-size:9px;color:#8ba1b6;margin:0}.tracking-payment-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.tracking-payment-form label{display:flex;flex-direction:column;gap:6px}.tracking-payment-form label.full{grid-column:1/-1}.tracking-payment-form label>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8198ae}.tracking-payment-form input{width:100%;border:1px solid rgba(57,103,148,.4);background:#081d33;color:white;border-radius:10px;padding:10px 11px;font-size:10px}.tracking-modal-summary{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:11px;background:rgba(217,170,87,.07);border:1px solid rgba(217,170,87,.18)}.tracking-modal-summary span{font-size:8px;color:#8198ae}.tracking-modal-summary strong{font-size:13px;color:var(--gold2)}.tracking-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.tracking-modal-actions button{margin:0}

@media(max-width:1350px){
  .tracking-kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1050px){
  .tracking-layout{grid-template-columns:1fr}
  .tracking-detail{position:static;display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .tracking-title{align-items:flex-start}.tracking-title .primary-btn{width:100%;margin-top:8px}
  .tracking-kpis{grid-template-columns:repeat(2,1fr)}
  .tracking-filterbar{align-items:stretch;flex-direction:column}
  .tracking-tabs{width:100%}.tracking-search{width:100%;min-width:0}
  .tracking-table-head{display:none}
  .tracking-list-panel{background:transparent;border:0;box-shadow:none}
  .tracking-list{gap:8px}
  .tracking-row{
    display:grid;grid-template-columns:1fr auto;grid-template-areas:
      "main status"
      "stage amount"
      "date progress";
    gap:8px 10px;border:1px solid rgba(51,96,139,.26);border-radius:13px;
    background:linear-gradient(155deg,rgba(10,31,53,.92),rgba(6,22,39,.97));padding:11px
  }
  .tracking-row.selected{box-shadow:inset 3px 0 0 var(--gold)}
  .tracking-main{grid-area:main}.tracking-stage{grid-area:stage}.tracking-money{grid-area:amount;text-align:right}.tracking-row>span:nth-child(4){grid-area:status;text-align:right}.tracking-date{grid-area:date}.tracking-progress-cell{grid-area:progress;min-width:125px}
  .tracking-detail{display:flex}
}
@media(max-width:600px){
  .tracking-kpis{grid-template-columns:1fr 1fr;gap:8px}.tracking-kpis article{min-height:82px;padding:11px}.tracking-kpis strong{font-size:18px}
  .tracking-tabs button{padding:8px 9px}
  .tracking-detail-grid{grid-template-columns:1fr 1fr}
  .tracking-actions{grid-template-columns:1fr}.tracking-actions .primary-btn{grid-column:auto}
  .tracking-modal{align-items:flex-end;padding:8px}.tracking-modal-dialog{border-radius:20px 20px 10px 10px;max-height:92vh;overflow:auto}.tracking-payment-form{grid-template-columns:1fr}.tracking-payment-form label.full{grid-column:auto}
}


/* --- Bureau cockpit central --- */
.bureau-hub-title{align-items:center}
.bureau-hub-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.bureau-hub-actions .secondary-btn{margin:0}

.bureau-tabs{
  display:flex;align-items:center;gap:5px;margin:0 0 12px;padding:4px;
  border:1px solid rgba(53,100,145,.28);border-radius:13px;
  background:rgba(5,20,36,.76);overflow-x:auto;scrollbar-width:none
}
.bureau-tabs::-webkit-scrollbar{display:none}
.bureau-tabs button{
  flex:0 0 auto;border:0;border-radius:9px;background:transparent;color:#8ea4b8;
  padding:9px 14px;font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap
}
.bureau-tabs button.active{
  background:linear-gradient(135deg,#d7a34f,#b2762d);color:#071523;
  box-shadow:0 5px 18px rgba(217,170,87,.16)
}
.bureau-tabs button b{
  display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;
  border-radius:999px;background:#ff5c68;color:white;font-size:7px
}
.bureau-tabs button.active b{background:#0b2743;color:#fff}
.bureau-tab-panel{display:none}
.bureau-tab-panel.active{display:block}

.bureau-kpis{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px
}
.bureau-kpis article{
  position:relative;min-height:104px;padding:14px;border:1px solid rgba(52,99,145,.27);
  border-radius:15px;background:
    radial-gradient(circle at 100% 0%,rgba(42,139,230,.08),transparent 8rem),
    linear-gradient(155deg,rgba(11,34,58,.96),rgba(6,22,39,.97));
  overflow:hidden
}
.bureau-kpis span{display:block;color:#8ba2b8;font-size:7.6px;text-transform:uppercase;letter-spacing:.07em}
.bureau-kpis strong{display:block;margin-top:9px;font-size:20px;line-height:1;color:#f3f7fb}
.bureau-kpis small{display:block;margin-top:8px;color:#778fa5;font-size:7.4px}
.kpi-spark{
  position:absolute;right:11px;top:14px;width:29px;height:29px;border-radius:9px;
  display:grid;place-items:center;font-style:normal;background:rgba(42,139,230,.09);color:#65b0f1
}
.kpi-spark.green{background:rgba(50,209,125,.08);color:#68d89d}
.kpi-spark.gold{background:rgba(217,170,87,.09);color:var(--gold2)}
.kpi-spark.blue{background:rgba(42,139,230,.09);color:#6ab6f6}

.bureau-company-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px
}
.bureau-company-strip>button,.bureau-company-grid>button{
  border:1px solid rgba(54,101,147,.27);border-radius:14px;color:#eef4f9;text-align:left;
  background:linear-gradient(150deg,rgba(11,35,59,.94),rgba(6,23,40,.98));
  cursor:pointer;transition:.18s
}
.bureau-company-strip>button:hover,.bureau-company-grid>button:hover{
  border-color:rgba(217,170,87,.32);transform:translateY(-1px)
}
.bureau-company-strip>button{
  display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 12px
}
.bureau-company-strip>button>span{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#d9aa57,#9d6727);color:#081522;font-weight:900;font-size:9px
}
.bureau-company-strip strong{display:block;font-size:9.5px}
.bureau-company-strip small{display:block;color:#7992a8;font-size:7.4px;margin-top:3px}
.bureau-company-strip em{font-style:normal;color:#bd9049;font-size:7.5px}

.bureau-overview-grid{
  display:grid;grid-template-columns:1.15fr .9fr .95fr;gap:10px;margin-bottom:12px
}
.bureau-overview-grid>.panel{padding:14px;min-height:220px}
.bureau-activity-card{grid-row:span 2}
.bureau-priority-card{grid-column:2/4}
.bureau-mail-card,.bureau-agenda-card,.bureau-deadlines-card{min-height:235px!important}
.bureau-deadlines-card{grid-column:3}
.bureau-agenda-card{grid-column:2}
.bureau-mail-card{grid-column:1}

.bureau-bars{
  height:145px;display:flex;gap:22px;align-items:flex-end;justify-content:center;padding:16px 18px 4px
}
.bureau-bar-column{height:100%;width:25%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.bureau-bar-column>strong{font-size:7.5px;color:#a7b8c8}
.bureau-bar-column>i{display:block;width:38px;height:100px;border-radius:7px 7px 3px 3px;background:#102b45;overflow:hidden;position:relative}
.bureau-bar-column>i>b{position:absolute;left:0;right:0;bottom:0;border-radius:7px 7px 2px 2px;display:block}
.bureau-bar-column>i>b.signed{background:linear-gradient(180deg,#3a9fe8,#1e6fb0)}
.bureau-bar-column>i>b.invoiced{background:linear-gradient(180deg,#e0b15e,#aa702c)}
.bureau-bar-column>i>b.paid{background:linear-gradient(180deg,#61d79a,#269a63)}
.bureau-bar-column>span{font-size:7px;color:#758da3}
.bureau-legend{display:flex;justify-content:center;gap:14px;margin-top:7px}
.bureau-legend span{font-size:7px;color:#7f96ab}
.bureau-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}
.bureau-legend .signed{background:#3499df}.bureau-legend .invoiced{background:#d9aa57}.bureau-legend .paid{background:#4dcc89}

.bureau-priorities,.bureau-deadlines,.bureau-mail-list,.bureau-agenda-list{display:flex;flex-direction:column}
.bureau-priorities button,.bureau-mail-list button,.bureau-deadlines button{
  width:100%;border:0;border-top:1px solid rgba(50,93,134,.20);background:transparent;
  color:#e7eef5;text-align:left;cursor:pointer
}
.bureau-priorities button:first-child,.bureau-mail-list button:first-child,.bureau-deadlines button:first-child{border-top:0}
.bureau-priorities button{
  display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:8px 2px
}
.bureau-priorities button>i{width:7px;height:7px;border-radius:50%;background:#6384a3}
.bureau-priorities button.danger>i{background:#ff5c68}.bureau-priorities button.warn>i{background:#e2ac52}.bureau-priorities button.blue>i{background:#338fdf}
.bureau-priorities strong,.bureau-deadlines strong,.bureau-mail-list strong,.bureau-agenda-list strong{display:block;font-size:8.6px}
.bureau-priorities small,.bureau-deadlines small,.bureau-mail-list small,.bureau-agenda-list small{display:block;color:#7991a7;font-size:7px;margin-top:2px}
.bureau-priorities em{font-style:normal;color:#6f8ca7}

.bureau-mail-list button{
  display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:10px 2px
}
.bureau-mail-list button>i{width:6px;height:6px;border-radius:50%;background:#415b74}
.bureau-mail-list button>i.unread{background:#328ee1;box-shadow:0 0 0 3px rgba(50,142,225,.08)}
.bureau-mail-list time{font-size:7px;color:#7c94aa}
.bureau-mail-list.large button{padding:13px 4px}.bureau-mail-list.large strong{font-size:9.5px}

.bureau-agenda-list>div{
  display:grid;grid-template-columns:42px 8px 1fr;gap:8px;align-items:start;padding:8px 2px;border-top:1px solid rgba(50,93,134,.18)
}
.bureau-agenda-list>div:first-child{border-top:0}
.bureau-agenda-list time{font-size:7.5px;color:#b7c4cf}
.bureau-agenda-list>div>i{width:7px;height:7px;border-radius:50%;margin-top:2px;background:#3b86c8}
.bureau-agenda-list>div>i.green{background:#47cd88}.bureau-agenda-list>div>i.gold{background:#d9aa57}.bureau-agenda-list>div>i.blue{background:#388fd9}
.bureau-agenda-list.large>div{padding:12px 4px}.bureau-agenda-list.large strong{font-size:9.5px}

.bureau-deadlines button{
  display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:8px 2px
}
.bureau-deadlines time{
  width:38px;min-height:38px;border-radius:9px;display:grid;place-items:center;background:#fff1eb;color:#d5564d;padding:4px
}
.bureau-deadlines time b{font-size:9px}.bureau-deadlines time small{font-size:5.5px;color:#d5564d;margin:0}
.bureau-deadlines em{font-style:normal;font-size:7px;color:#e5bc70;border-radius:999px;padding:4px 7px;background:rgba(217,170,87,.09)}
.bureau-all-good{text-align:center;padding:20px 8px;color:#80a894}.bureau-all-good span{display:block;font-size:17px;color:#51d08c}.bureau-all-good strong{display:block;font-size:8.5px;margin-top:5px}

.bureau-recent-docs{padding:14px}
.bureau-doc-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.bureau-doc-shortcuts button{
  border:1px solid rgba(52,98,142,.24);background:rgba(7,27,47,.62);color:white;
  border-radius:11px;padding:11px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;
  column-gap:9px;text-align:left;cursor:pointer
}
.bureau-doc-shortcuts button>span{
  grid-row:1/3;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;
  background:rgba(217,170,87,.09);color:var(--gold2);font-size:8px;font-weight:900
}
.bureau-doc-shortcuts strong{font-size:8.5px}.bureau-doc-shortcuts small{font-size:7px;color:#7b94aa;margin-top:2px}

.bureau-panel-heading{
  display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:16px 0 11px
}
.bureau-panel-heading h2{font-size:20px;margin:0}.bureau-panel-heading p:last-child{font-size:9px;color:#7d95ab;margin:5px 0 0}
.bureau-panel-heading .secondary-btn{margin:0}

.bureau-company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}
.bureau-company-grid>button{padding:14px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}
.bureau-company-grid .company-logo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d9aa57,#986324);color:#061522;font-size:9px;font-weight:900}
.bureau-company-grid strong{display:block;font-size:9.5px}.bureau-company-grid small{display:block;color:#7992a8;font-size:7px;margin-top:3px}.bureau-company-grid em{grid-column:1/-1;font-style:normal;color:#c39650;font-size:7.5px}

.bureau-company-focus{padding:14px}
.bureau-company-focus-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.bureau-company-focus-head>div{display:flex;align-items:center;gap:10px}
.bureau-focus-logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#d9aa57,#986324);color:#071523;font-size:10px;font-weight:900}
.bureau-company-focus-head strong{display:block;font-size:11px}.bureau-company-focus-head small{display:block;color:#7e96ab;font-size:7.5px;margin-top:3px}
.bureau-folder-mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.bureau-folder-mini-grid button{border:1px solid rgba(52,98,143,.23);background:rgba(6,24,42,.7);color:white;border-radius:10px;padding:10px;text-align:left;cursor:pointer}
.bureau-folder-mini-grid button>span{display:block;font-size:17px}.bureau-folder-mini-grid strong{display:block;font-size:7.7px;margin-top:5px;line-height:1.25}.bureau-folder-mini-grid small{display:block;font-size:6.5px;color:#748ea5;margin-top:3px}.bureau-folder-mini-grid button.inbox{border-color:rgba(217,170,87,.28);background:rgba(217,170,87,.06)}

.bureau-full-list{padding:12px 15px}
.bureau-two-col{display:grid;grid-template-columns:1fr 1fr;gap:11px}.bureau-two-col>.panel{padding:14px}

.bureau-business-table{padding:0;overflow:hidden}
.bureau-business-head,.bureau-business-row{
  display:grid;grid-template-columns:1.1fr .72fr 1.3fr .72fr .7fr .55fr;gap:9px;align-items:center
}
.bureau-business-head{padding:10px 13px;background:rgba(5,21,38,.72);color:#718aa1;font-size:6.8px;text-transform:uppercase;letter-spacing:.07em}
.bureau-business-head.billing,.bureau-business-row.billing{grid-template-columns:1.15fr .78fr .72fr .72fr .72fr .8fr}
.bureau-business-row{
  width:100%;border:0;border-top:1px solid rgba(48,90,130,.20);background:transparent;color:#e9eff5;
  text-align:left;padding:10px 13px;cursor:pointer
}
.bureau-business-row:hover{background:rgba(42,139,230,.06)}
.bureau-business-row strong{font-size:8.7px}.bureau-business-row small{display:block;color:#718ba2;font-size:6.8px;margin-top:2px}
.bureau-business-row>span{font-size:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bureau-business-row em{font-style:normal;color:#c59850;font-size:7px}
.bureau-business-row .danger{color:#ff7b85}
.bureau-empty-inline{text-align:center;color:#7c94aa;padding:28px 12px;font-size:8.5px}

.bureau-billing-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}
.bureau-billing-kpis>div{border:1px solid rgba(52,98,142,.24);border-radius:12px;padding:12px;background:rgba(7,27,47,.66)}
.bureau-billing-kpis span{display:block;color:#7992a8;font-size:7px;text-transform:uppercase}.bureau-billing-kpis strong{display:block;font-size:15px;margin-top:6px}

.compact-drive{margin-top:0}

@media(max-width:1300px){
  .bureau-kpis{grid-template-columns:repeat(3,1fr)}
  .bureau-overview-grid{grid-template-columns:1fr 1fr}
  .bureau-activity-card{grid-row:auto}.bureau-priority-card{grid-column:auto}.bureau-mail-card,.bureau-agenda-card,.bureau-deadlines-card{grid-column:auto}
  .bureau-company-grid,.bureau-company-strip{grid-template-columns:repeat(2,1fr)}
  .bureau-folder-mini-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:850px){
  .bureau-hub-title{align-items:flex-start}.bureau-hub-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .bureau-hub-actions button{width:100%;margin:0}
  .bureau-tabs{margin-left:-4px;margin-right:-4px;padding:4px;position:sticky;top:58px;z-index:31;background:rgba(5,20,36,.95);backdrop-filter:blur(12px)}
  .bureau-kpis{grid-template-columns:repeat(2,1fr)}
  .bureau-company-strip{display:flex;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.bureau-company-strip::-webkit-scrollbar{display:none}.bureau-company-strip>button{min-width:245px}
  .bureau-overview-grid{grid-template-columns:1fr}.bureau-overview-grid>.panel{min-height:auto}
  .bureau-company-grid{grid-template-columns:1fr 1fr}
  .bureau-folder-mini-grid{grid-template-columns:repeat(2,1fr)}
  .bureau-two-col{grid-template-columns:1fr}
  .bureau-business-head{display:none}
  .bureau-business-row,.bureau-business-row.billing{
    grid-template-columns:1fr auto;grid-template-areas:"client status" "ref amount" "object action";
    gap:7px;border:1px solid rgba(52,98,142,.24);border-radius:11px;margin:7px;padding:10px;width:calc(100% - 14px)
  }
  .bureau-business-row>span:nth-child(1){grid-area:client}.bureau-business-row>span:nth-child(2){grid-area:ref}.bureau-business-row>span:nth-child(3){grid-area:object}.bureau-business-row>span:nth-child(4){grid-area:amount;text-align:right}.bureau-business-row>span:nth-child(5){grid-area:status;text-align:right}.bureau-business-row>span:nth-child(6){grid-area:action;text-align:right}
  .bureau-business-row.billing>span:nth-child(1){grid-area:client}.bureau-business-row.billing>span:nth-child(2){grid-area:ref}.bureau-business-row.billing>span:nth-child(3){grid-area:amount;text-align:right}.bureau-business-row.billing>span:nth-child(4){grid-area:object}.bureau-business-row.billing>span:nth-child(5){grid-area:action;text-align:right}.bureau-business-row.billing>span:nth-child(6){grid-area:status;text-align:right}
  .bureau-doc-shortcuts{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .bureau-kpis{gap:8px}.bureau-kpis article{min-height:91px;padding:11px}.bureau-kpis strong{font-size:17px}
  .bureau-company-grid{grid-template-columns:1fr}
  .bureau-panel-heading{align-items:flex-start;flex-direction:column}
  .bureau-company-focus-head{align-items:flex-start;flex-direction:column}.bureau-company-focus-head .primary-btn{width:100%}
  .bureau-billing-kpis{grid-template-columns:1fr 1fr}
  .bureau-doc-shortcuts{grid-template-columns:1fr}
  .bureau-bars{height:125px}
}


/* --- Gestion dynamique des sociétés --- */
.managed-company-card{
  position:relative;border:1px solid rgba(54,101,147,.27);border-radius:14px;
  background:linear-gradient(150deg,rgba(11,35,59,.94),rgba(6,23,40,.98));
  overflow:hidden;transition:.18s
}
.managed-company-card:hover{border-color:rgba(217,170,87,.32);transform:translateY(-1px)}
.managed-company-open{
  width:100%;min-height:118px;border:0;background:transparent;color:#eef4f9;text-align:left;
  padding:14px 44px 14px 14px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;cursor:pointer
}
.managed-company-open .company-logo{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#d9aa57,#986324);color:#061522;font-size:9px;font-weight:900
}
.managed-company-open strong{display:block;font-size:9.5px}
.managed-company-open small{display:block;color:#7992a8;font-size:7px;margin-top:3px}
.managed-company-open em{grid-column:1/-1;font-style:normal;color:#c39650;font-size:7.5px}
.company-manage-btn{
  position:absolute;right:9px;top:9px;width:30px;height:30px;border-radius:9px;
  border:1px solid rgba(84,126,166,.25);background:rgba(5,21,38,.78);color:#a8b9c9;
  cursor:pointer;font-size:16px;line-height:1
}
.company-manage-btn:hover{color:var(--gold2);border-color:rgba(217,170,87,.36)}
.add-company-card{
  min-height:118px;border:1px dashed rgba(217,170,87,.38)!important;border-radius:14px;
  background:rgba(217,170,87,.035)!important;color:#d8b36f!important;display:flex!important;
  flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center!important;cursor:pointer
}
.add-company-card>span{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  border:1px solid rgba(217,170,87,.32);background:rgba(217,170,87,.07);font-size:18px
}
.add-company-card strong{font-size:9px}.add-company-card small{font-size:7px;color:#8da0b3}

.company-modal{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:16px}
.company-modal.open{display:flex}
.company-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,16,.84);backdrop-filter:blur(10px)}
.company-modal-dialog{
  position:relative;z-index:1;width:min(680px,100%);max-height:min(90vh,850px);overflow:auto;
  border:1px solid rgba(66,116,164,.42);border-radius:22px;padding:19px;
  background:radial-gradient(circle at 90% 0%,rgba(217,170,87,.11),transparent 20rem),
             linear-gradient(160deg,#0b223a,#061525 72%);
  box-shadow:0 28px 90px rgba(0,0,0,.56)
}
.company-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.company-modal-head h2{font-size:23px;margin:0 0 5px}
.company-modal-head p:last-child{margin:0;color:#8098ae;font-size:9px}
.company-form-grid{display:grid;grid-template-columns:1fr 140px;gap:10px;margin:16px 0}
.company-form-grid label,.company-drive-url{display:flex;flex-direction:column;gap:6px}
.company-form-grid label.full{grid-column:1/-1}
.company-form-grid label>span,.company-drive-url>span{
  color:#8198ae;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em
}
.company-form-grid input,.company-drive-url input{
  width:100%;border:1px solid rgba(57,103,148,.4);background:#081d33;color:white;
  border-radius:10px;padding:10px 11px;font-size:10px
}
.company-drive-choice{
  border:1px solid rgba(55,99,143,.26);border-radius:14px;padding:13px;background:rgba(6,23,40,.50);margin-bottom:10px
}
.company-drive-choice>strong{font-size:9px}
.company-drive-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.company-drive-options label{
  min-height:83px;border:1px solid rgba(60,105,149,.27);border-radius:11px;padding:10px;
  display:flex;gap:8px;align-items:flex-start;cursor:pointer;background:rgba(8,29,51,.58)
}
.company-drive-options label:has(input:checked){border-color:rgba(217,170,87,.45);background:rgba(217,170,87,.07)}
.company-drive-options input{margin-top:2px;accent-color:#d9aa57}
.company-drive-options b{display:block;font-size:8.5px}.company-drive-options small{display:block;color:#738ca3;font-size:7px;line-height:1.4;margin-top:3px}
.company-drive-url{margin:10px 0}
.company-standard-folders{
  border:1px solid rgba(56,102,146,.24);border-radius:13px;padding:12px;background:rgba(5,21,38,.48);margin-top:10px
}
.company-standard-folders>div:first-child{display:flex;justify-content:space-between;gap:10px}
.company-standard-folders strong{font-size:8.5px}.company-standard-folders small{color:#758ea4;font-size:7px}
.company-folder-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.company-folder-tags span{
  border:1px solid rgba(67,112,155,.25);border-radius:999px;padding:5px 8px;
  background:rgba(9,31,53,.7);color:#9cb0c2;font-size:6.8px
}
.company-modal-note{
  display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:10px;border-radius:11px;
  border:1px solid rgba(42,139,230,.22);background:rgba(42,139,230,.06)
}
.company-modal-note>span{
  flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  background:rgba(42,139,230,.13);color:#69b4f3;font-size:8px;font-weight:900
}
.company-modal-note p{margin:1px 0 0;color:#89a1b7;font-size:7.5px;line-height:1.5}
.company-danger-zone{
  margin-top:14px;padding:11px 12px;border:1px solid rgba(255,92,104,.20);border-radius:12px;
  background:rgba(255,92,104,.045);display:flex;justify-content:space-between;align-items:center;gap:12px
}
.company-danger-zone strong{display:block;font-size:8.5px;color:#ff9da4}
.company-danger-zone small{display:block;font-size:7px;color:#8f777d;margin-top:3px}
.danger-outline-btn{
  border:1px solid rgba(255,92,104,.30);background:transparent;color:#ff8f98;border-radius:9px;
  padding:8px 10px;font-size:7.5px;cursor:pointer;white-space:nowrap
}
.danger-outline-btn:hover{background:rgba(255,92,104,.08)}
.company-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.company-modal-actions button{margin:0}

@media(max-width:700px){
  .company-modal{padding:8px;align-items:flex-end}
  .company-modal-dialog{max-height:94vh;border-radius:20px 20px 10px 10px;padding:15px}
  .company-form-grid{grid-template-columns:1fr}
  .company-form-grid label.full{grid-column:auto}
  .company-drive-options{grid-template-columns:1fr}
  .company-drive-options label{min-height:auto}
  .company-danger-zone{align-items:flex-start;flex-direction:column}
  .danger-outline-btn{width:100%}
  .company-modal-actions{position:sticky;bottom:-15px;padding:18px 0 5px;background:linear-gradient(180deg,rgba(6,21,37,0),#061525 35%)}
  .company-modal-actions button{flex:1}
}


/* --- Accueil Gazette Fabronex --- */
.gazette-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px}
.gazette-welcome h1{margin:1px 0 3px;font-size:29px;font-weight:750}.gazette-welcome h1 em{font-style:normal;color:var(--gold2)}
.gazette-welcome>div>p:last-child{margin:0;color:#89a0b6;font-size:9px}
.gazette-welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.gazette-welcome-actions .secondary-btn{margin:0}

.gazette-premium-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.gazette-premium-kpis>button{
  min-height:91px;border:1px solid rgba(217,170,87,.24);border-radius:14px;padding:13px 14px;
  background:radial-gradient(circle at 92% 5%,rgba(217,170,87,.10),transparent 8rem),linear-gradient(145deg,#0b243d,#07192b);
  color:#eef4f8;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.16)
}
.gazette-premium-kpis>button:hover{border-color:rgba(217,170,87,.42);transform:translateY(-1px)}
.gazette-kpi-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,170,87,.35);color:var(--gold2);background:rgba(217,170,87,.05);font-size:16px}
.gazette-premium-kpis small{display:block;color:#8da1b5;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em}
.gazette-premium-kpis strong{display:block;font-size:18px;margin-top:5px}.gazette-premium-kpis em{display:block;color:#71d49d;font-size:7px;font-style:normal;margin-top:4px}

.gazette-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr);gap:11px;align-items:start}
.gazette-paper{
  position:relative;overflow:hidden;color:#2b261f;border-radius:7px;padding:20px 22px 17px;
  border:1px solid #8e6f46;
  background:
    radial-gradient(circle at 15% 18%,rgba(113,74,34,.09),transparent 12rem),
    radial-gradient(circle at 82% 68%,rgba(99,62,28,.08),transparent 17rem),
    repeating-linear-gradient(0deg,rgba(90,64,35,.025),rgba(90,64,35,.025) 1px,transparent 1px,transparent 4px),
    #e7d2aa;
  box-shadow:0 18px 50px rgba(0,0,0,.32),inset 0 0 60px rgba(93,59,23,.12)
}
.gazette-paper:before,.gazette-paper:after{content:"";position:absolute;pointer-events:none;inset:0}
.gazette-paper:before{background:linear-gradient(90deg,rgba(73,44,18,.07),transparent 8%,transparent 92%,rgba(73,44,18,.08))}
.gazette-paper:after{border:1px solid rgba(74,49,25,.22);inset:7px;border-radius:3px}
.gazette-masthead{position:relative;z-index:1;display:grid;grid-template-columns:105px 1fr 110px;align-items:center;border-top:2px solid #51432d;border-bottom:2px solid #51432d;padding:10px 0}
.gazette-edition,.gazette-quality{font-family:Georgia,serif;font-size:6.5px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em}
.gazette-edition strong,.gazette-quality strong{display:block;font-size:7.5px}.gazette-quality{text-align:right}
.gazette-brand{text-align:center}.gazette-brand img{width:34px;height:34px;filter:sepia(.5) saturate(.7)}
.gazette-brand h2{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:.95;margin:4px 0 5px;letter-spacing:-.045em;font-weight:900}
.gazette-brand p{margin:0;font-family:Georgia,serif;font-size:6.5px;letter-spacing:.21em;font-weight:700}
.gazette-date-line{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #675438;padding:8px 2px;font-family:Georgia,serif;font-size:6.6px;letter-spacing:.08em}
.gazette-date-line strong{white-space:nowrap}

.gazette-lead{position:relative;z-index:1;display:grid;grid-template-columns:150px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid rgba(74,58,38,.5)}
.gazette-editorial{border-right:1px solid rgba(73,56,37,.55);padding-right:15px}
.gazette-section-label{display:block;font-family:Georgia,serif;font-size:6.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.gazette-editorial h3{font-family:Georgia,serif;font-size:24px;line-height:.92;margin:8px 0 10px;font-style:italic}
.gazette-editorial p{font-family:Georgia,serif;font-size:9px;line-height:1.32;text-align:justify;margin:0}
.gazette-signature{margin-top:13px;border-top:1px solid rgba(81,64,42,.55);padding-top:8px;font-family:Georgia,serif;font-size:7px;font-weight:700}.gazette-signature em{font-size:6px;font-weight:400}
.gazette-headline h3{font-family:Georgia,"Times New Roman",serif;font-size:35px;line-height:.98;margin:7px 0 8px;text-transform:uppercase;letter-spacing:-.035em}
.gazette-subhead{font-family:Georgia,serif;font-size:12px;text-align:center;margin:0 0 10px;border-bottom:1px solid rgba(78,60,39,.42);padding-bottom:8px}
.gazette-hero-art{
  height:205px;position:relative;overflow:hidden;border:1px solid rgba(61,48,32,.72);background:
    radial-gradient(circle at 48% 42%,rgba(233,211,165,.18),transparent 22%),
    linear-gradient(145deg,#29302f 0%,#171b1a 42%,#4a4537 100%);
}
.gazette-art-monogram{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);font-family:Georgia,serif;font-size:79px;font-weight:900;color:#d2ad69;opacity:.86;text-shadow:0 7px 30px #000}
.gazette-art-lines:before,.gazette-art-lines:after{content:"";position:absolute;bottom:0;width:52%;height:72%;border-top:1px solid rgba(229,203,150,.28);transform:skewY(-24deg)}
.gazette-art-lines:before{left:-5%}.gazette-art-lines:after{right:-5%;transform:skewY(24deg)}
.gazette-hero-art>span{position:absolute;left:14px;bottom:11px;color:#e5c98d;font-family:Georgia,serif;font-size:7px;letter-spacing:.16em;line-height:1.45}
.gazette-story-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:9px}
.gazette-story-columns p{font-family:Georgia,serif;font-size:8.7px;line-height:1.35;text-align:justify;margin:0}
.gazette-story-columns p+ p{border-left:1px solid rgba(79,60,39,.45);padding-left:14px}

.gazette-news-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid rgba(78,60,39,.52)}
.gazette-news-grid article{padding:12px 13px 13px;border-right:1px solid rgba(78,60,39,.46)}.gazette-news-grid article:first-child{padding-left:1px}.gazette-news-grid article:last-child{border-right:0;padding-right:1px}
.gazette-news-grid h4{font-family:Georgia,serif;font-size:13px;line-height:1.05;margin:5px 0 6px}.gazette-news-grid p{font-family:Georgia,serif;font-size:7.7px;line-height:1.35;margin:0;min-height:42px}
.gazette-news-grid button{border:0;background:transparent;padding:0;margin-top:7px;color:#624a2b;font-family:Georgia,serif;font-size:6.8px;text-decoration:underline;cursor:pointer}
.gazette-paper-footer{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(82,62,39,.6);margin-top:12px}
.gazette-paper-footer>div{padding:9px;text-align:center;border-right:1px solid rgba(82,62,39,.5)}.gazette-paper-footer>div:last-child{border-right:0}
.gazette-paper-footer span{display:block;font-family:Georgia,serif;font-size:5.8px;font-weight:800}.gazette-paper-footer strong{display:block;font-family:Georgia,serif;font-size:15px;margin-top:4px}

.gazette-widgets{display:flex;flex-direction:column;gap:10px}
.gazette-widget,.gazette-quote-card{
  border:1px solid rgba(217,170,87,.28);border-radius:13px;padding:13px;background:
    radial-gradient(circle at 90% 0%,rgba(217,170,87,.06),transparent 8rem),
    linear-gradient(155deg,#0a2239,#061728);
  box-shadow:0 12px 32px rgba(0,0,0,.18)
}
.gazette-widget-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(70,114,157,.25)}
.gazette-widget-head>div{display:flex;align-items:center;gap:7px}.gazette-widget-head>div>span{color:var(--gold2)}.gazette-widget-head strong{font-size:9.5px;color:#e8c77f;letter-spacing:.04em}
.gazette-widget-head b{display:grid;place-items:center;min-width:17px;height:17px;border-radius:999px;background:#df4955;color:#fff;font-size:7px}
.gazette-widget-head button{border:0;background:transparent;color:#89a2b9;font-size:7px;cursor:pointer}
.gazette-priority-list{display:flex;flex-direction:column}
.gazette-priority-list button{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;width:100%;border:0;border-top:1px solid rgba(56,100,142,.20);background:transparent;color:#eef4f8;text-align:left;padding:9px 1px;cursor:pointer}
.gazette-priority-list button:first-child{border-top:0}.gazette-priority-list i{width:7px;height:7px;border-radius:50%;background:#d9aa57}.gazette-priority-list button.danger i{background:#ff5965}.gazette-priority-list button.good i{background:#49cf88}
.gazette-priority-list strong{display:block;font-size:8px}.gazette-priority-list small{display:block;font-size:6.8px;color:#7e96ac;margin-top:2px}.gazette-priority-list em{font-style:normal;font-size:7px;color:#8ca2b7}
.gazette-agenda>div{display:grid;grid-template-columns:42px 8px 1fr;gap:8px;align-items:start;padding:9px 1px;border-top:1px solid rgba(56,100,142,.20)}.gazette-agenda>div:first-child{border-top:0}
.gazette-agenda time{font-size:7.5px;color:#aec0ce}.gazette-agenda i{width:7px;height:7px;border-radius:50%;margin-top:2px;background:#d9aa57}.gazette-agenda strong{display:block;font-size:8px}.gazette-agenda small{display:block;color:#7e96ac;font-size:6.8px;margin-top:2px}
.gazette-mails button{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;width:100%;border:0;border-top:1px solid rgba(56,100,142,.20);background:transparent;color:#edf3f8;text-align:left;padding:9px 1px;cursor:pointer}.gazette-mails button:first-child{border-top:0}
.gazette-mails button>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ceb06f;color:#172331;font-weight:900;font-size:7px}.gazette-mails strong{display:block;font-size:8px}.gazette-mails small{display:block;color:#7d95aa;font-size:6.8px;margin-top:2px}.gazette-mails time{font-size:6.7px;color:#8299ae}
.gazette-source-note{display:block;text-align:right;color:#627d95;font-size:6.3px;margin-top:5px}
.gazette-mini-widgets{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.gazette-mini-widgets>button{border:1px solid rgba(217,170,87,.25);border-radius:11px;background:linear-gradient(150deg,#0a2239,#061728);color:white;padding:11px;text-align:left;display:grid;grid-template-columns:29px 1fr;gap:8px;cursor:pointer}
.gazette-mini-widgets>button>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:rgba(217,170,87,.08);color:var(--gold2)}
.gazette-mini-widgets small{display:block;color:#8ca2b7;font-size:6.5px}.gazette-mini-widgets strong{display:block;font-size:16px;margin-top:4px}.gazette-mini-widgets em{display:block;font-style:normal;color:#c99b4e;font-size:6.5px;margin-top:3px}
.gazette-quote-card{text-align:center;padding:18px}.gazette-quote-card img{width:29px;height:29px}.gazette-quote-card blockquote{font-family:Georgia,serif;font-size:11px;font-style:italic;color:#d7c8aa;line-height:1.35;margin:9px 0}.gazette-quote-card span{font-size:5.8px;letter-spacing:.15em;color:#9c7c47}

@media(max-width:1200px){
  .gazette-layout{grid-template-columns:1fr}
  .gazette-widgets{display:grid;grid-template-columns:1fr 1fr}.gazette-quote-card{grid-column:1/-1}
}
@media(max-width:850px){
  .gazette-welcome{align-items:flex-start;flex-direction:column}.gazette-welcome-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.gazette-welcome-actions button{width:100%;margin:0}
  .gazette-premium-kpis{display:flex;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.gazette-premium-kpis::-webkit-scrollbar{display:none}.gazette-premium-kpis>button{min-width:210px}
  .gazette-paper{padding:15px 14px 13px}
  .gazette-masthead{grid-template-columns:70px 1fr 76px}.gazette-brand h2{font-size:23px}.gazette-brand img{width:27px;height:27px}
  .gazette-lead{grid-template-columns:125px 1fr}.gazette-headline h3{font-size:28px}.gazette-hero-art{height:175px}
}
@media(max-width:650px){
  .gazette-welcome-actions{grid-template-columns:1fr 1fr}.gazette-welcome-actions .primary-btn{grid-column:1/-1}
  .gazette-paper{padding:12px 10px}
  .gazette-masthead{grid-template-columns:1fr}.gazette-edition,.gazette-quality{display:none}.gazette-brand h2{font-size:24px}
  .gazette-date-line{font-size:5.8px}.gazette-date-line>span{max-width:65%}
  .gazette-lead{grid-template-columns:1fr}.gazette-editorial{border-right:0;border-bottom:1px solid rgba(73,56,37,.55);padding:0 0 11px}
  .gazette-editorial h3{font-size:21px}.gazette-editorial p{font-size:8.5px}.gazette-headline h3{font-size:26px}.gazette-subhead{font-size:10px}.gazette-hero-art{height:155px}
  .gazette-story-columns{grid-template-columns:1fr}.gazette-story-columns p+ p{border-left:0;border-top:1px solid rgba(79,60,39,.45);padding:7px 0 0}
  .gazette-news-grid{grid-template-columns:1fr}.gazette-news-grid article,.gazette-news-grid article:first-child,.gazette-news-grid article:last-child{padding:10px 1px;border-right:0;border-top:1px solid rgba(78,60,39,.4)}.gazette-news-grid article:first-child{border-top:0}
  .gazette-news-grid p{min-height:0}
  .gazette-paper-footer{grid-template-columns:1fr 1fr}.gazette-paper-footer>div:nth-child(2){border-right:0}.gazette-paper-footer>div:nth-child(-n+2){border-bottom:1px solid rgba(82,62,39,.5)}
  .gazette-widgets{display:flex}.gazette-mini-widgets{grid-template-columns:1fr 1fr}
}


/* --- Navigation épurée / sous-onglets Finance --- */
.side-nav{gap:5px}
.side-nav>button{
  min-height:44px;border-radius:11px;
}
.side-nav>button span{width:24px;text-align:center}
.side-signature{margin-top:auto}

.finance-hub-title{align-items:center}
.finance-tabs{
  display:flex;gap:5px;align-items:center;margin-bottom:12px;padding:4px;
  border:1px solid rgba(53,100,145,.28);border-radius:13px;
  background:rgba(5,20,36,.76);overflow-x:auto;scrollbar-width:none
}
.finance-tabs::-webkit-scrollbar{display:none}
.finance-tabs button{
  flex:0 0 auto;border:0;background:transparent;color:#8ea4b8;border-radius:9px;
  padding:9px 14px;font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap
}
.finance-tabs button.active{
  background:linear-gradient(135deg,#d7a34f,#b2762d);color:#071523;
  box-shadow:0 5px 18px rgba(217,170,87,.16)
}
.finance-tab-panel{display:none}
.finance-tab-panel.active{display:block}
.finance-overview-kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px
}
.finance-overview-kpis article{
  min-height:96px;padding:13px;border:1px solid rgba(52,99,145,.27);border-radius:14px;
  background:linear-gradient(155deg,rgba(11,34,58,.96),rgba(6,22,39,.97))
}
.finance-overview-kpis span{display:block;color:#8aa0b5;font-size:7.5px;text-transform:uppercase;letter-spacing:.07em}
.finance-overview-kpis strong{display:block;font-size:20px;margin-top:8px}
.finance-overview-kpis small{display:block;color:#748ca2;font-size:7px;margin-top:6px}
.finance-universe-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px
}
.finance-universe-grid button{
  border:1px solid rgba(53,99,144,.27);border-radius:14px;background:rgba(7,27,47,.66);
  color:#eef4f9;padding:14px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer
}
.finance-universe-grid button>span{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:rgba(217,170,87,.08);color:var(--gold2);font-size:15px
}
.finance-universe-grid strong{display:block;font-size:9px}
.finance-universe-grid small{display:block;color:#7f96ac;font-size:7px;margin-top:3px}
.finance-universe-grid em{font-style:normal;color:#c39448;font-size:7px}
.finance-module-hero{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
  padding:15px;border:1px solid rgba(53,99,144,.27);border-radius:14px;
  background:linear-gradient(155deg,rgba(10,32,55,.94),rgba(6,22,39,.98));margin-bottom:10px
}
.finance-module-hero h2{margin:3px 0 5px;font-size:20px}
.finance-module-hero p{margin:0;color:#8198ad;font-size:8.5px;max-width:560px}
.finance-connection-card{margin-top:10px;padding:14px}
.finance-connection-card>strong{font-size:10px}
.finance-connection-card .secondary-btn{margin-top:10px}

/* Équipe dans Bureau */
.bureau-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bureau-team-card,.bureau-team-placeholder{padding:14px;min-height:92px}
.bureau-team-card{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}
.bureau-team-avatar{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#d9aa57,#9c6727);color:#071523;font-size:10px;font-weight:900
}
.bureau-team-card strong{display:block;font-size:9.5px}.bureau-team-card small{display:block;color:#7f97ad;font-size:7px;margin-top:3px}
.bureau-team-card em{font-style:normal;color:#6ed59e;font-size:7px}
.bureau-team-placeholder{
  border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center
}
.bureau-team-placeholder>span{font-size:20px;color:var(--gold2)}
.bureau-team-placeholder strong{font-size:9px;margin-top:4px}
.bureau-team-placeholder small{font-size:7px;color:#7d94aa;margin-top:4px;max-width:300px}

/* Paramètres */
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.settings-card{
  min-height:105px;padding:14px;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center
}
.settings-card>span{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:rgba(217,170,87,.08);color:var(--gold2);font-size:15px
}
.settings-card strong{display:block;font-size:9.5px}
.settings-card small{display:block;color:#7c94a9;font-size:7px;line-height:1.45;margin-top:4px}
.settings-card .text-btn{white-space:nowrap}

/* Mobile: même hiérarchie que desktop */
@media(max-width:850px){
  .bottom-nav{grid-template-columns:repeat(6,minmax(52px,1fr));overflow-x:visible}
  .finance-tabs{
    position:sticky;top:58px;z-index:31;margin-left:-4px;margin-right:-4px;
    background:rgba(5,20,36,.95);backdrop-filter:blur(12px)
  }
  .finance-overview-kpis{grid-template-columns:repeat(2,1fr)}
  .finance-universe-grid{grid-template-columns:1fr}
  .settings-grid{grid-template-columns:1fr}
  .bureau-team-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .bottom-nav button small{font-size:6.7px}
  .bottom-nav button span{font-size:17px}
  .finance-overview-kpis article{min-height:84px;padding:11px}
  .finance-overview-kpis strong{font-size:17px}
  .settings-card{grid-template-columns:36px 1fr}
  .settings-card .text-btn{grid-column:2;justify-self:start}
}


/* --- Agenda unifié & Planificateur de journée --- */
.agenda-hub-heading{align-items:center}
.agenda-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.agenda-head-actions .secondary-btn{margin:0}

.agenda-hub-tabs{
  display:flex;align-items:center;gap:5px;margin-bottom:12px;padding:4px;
  border:1px solid rgba(53,100,145,.28);border-radius:13px;background:rgba(5,20,36,.76);
  overflow-x:auto;scrollbar-width:none
}
.agenda-hub-tabs::-webkit-scrollbar{display:none}
.agenda-hub-tabs button{
  flex:0 0 auto;border:0;background:transparent;color:#8ea4b8;border-radius:9px;
  padding:9px 14px;font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap
}
.agenda-hub-tabs button.active{
  background:linear-gradient(135deg,#d7a34f,#b2762d);color:#071523;
  box-shadow:0 5px 18px rgba(217,170,87,.16)
}
.agenda-hub-panel{display:none}
.agenda-hub-panel.active{display:block}

.calendar-source-strip{display:flex;gap:7px;align-items:center;overflow-x:auto;margin-bottom:10px;scrollbar-width:none}
.calendar-source-strip::-webkit-scrollbar{display:none}
.calendar-source-strip button{
  flex:0 0 auto;border:1px solid rgba(53,100,145,.24);border-radius:999px;background:rgba(6,23,40,.58);
  color:#90a6ba;padding:7px 10px;display:flex;align-items:center;gap:6px;font-size:7.5px;cursor:pointer
}
.calendar-source-strip button.active{border-color:rgba(217,170,87,.38);color:#f1d296;background:rgba(217,170,87,.07)}
.calendar-source-strip em{font-style:normal;font-size:6px;color:#6f879d}
.calendar-source-strip i,.agenda-sync-status i{
  width:8px;height:8px;border-radius:50%;display:inline-block;flex:none
}
.source-all{background:#d9aa57}.source-fabronex{background:#d9aa57}.source-google{background:#34a853}.source-outlook{background:#2584df}.source-apple{background:#aeb9c3}

.unified-calendar-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:10px;align-items:start}
.unified-calendar-card,.agenda-today-card,.agenda-sync-card{padding:14px}
.unified-calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.calendar-date-nav{display:flex;align-items:center;gap:6px;min-width:0}
.calendar-date-nav button,.calendar-mode-switch button{
  border:1px solid rgba(54,99,142,.27);background:#081d33;color:#92a8bc;border-radius:8px;padding:7px 9px;font-size:7.5px;cursor:pointer
}
.calendar-date-nav strong{font-size:9px;margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-mode-switch{display:flex;gap:4px}
.calendar-mode-switch button.active{background:rgba(217,170,87,.11);border-color:rgba(217,170,87,.34);color:var(--gold2)}

.unified-calendar{min-height:360px}
.calendar-day-list{display:flex;flex-direction:column;gap:7px}
.calendar-event-card{
  width:100%;border:1px solid rgba(53,99,144,.24);background:rgba(7,26,45,.66);color:#edf3f8;
  border-radius:11px;padding:9px 10px;display:grid;grid-template-columns:52px 7px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer
}
.calendar-event-card:hover{border-color:rgba(217,170,87,.30);background:rgba(12,36,60,.78)}
.calendar-event-time strong{}.calendar-event-time{font-size:8.5px;font-weight:800}.calendar-event-time small{display:block;color:#718ba1;font-size:6.5px;margin-top:2px}
.calendar-event-card>i{width:7px;height:34px;border-radius:999px;background:#d9aa57}
.calendar-event-card.source-google>i{background:#34a853}.calendar-event-card.source-outlook>i{background:#2584df}.calendar-event-card.source-apple>i{background:#aeb9c3}
.calendar-event-copy strong{display:block;font-size:8.8px}.calendar-event-copy small{display:block;color:#7d95aa;font-size:6.8px;margin-top:2px}
.calendar-event-card>em{font-style:normal;font-size:6.5px;color:#7790a5}
.calendar-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7e96ab;text-align:center}
.calendar-empty>span{font-size:26px;color:#4a6f91}.calendar-empty strong{font-size:10px;color:#b8c8d5;margin-top:7px}.calendar-empty small{font-size:7px;margin-top:4px}

.calendar-week-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:6px;overflow-x:auto;padding-bottom:2px}
.calendar-week-day{min-height:330px;border:1px solid rgba(53,99,144,.22);border-radius:10px;background:rgba(6,23,40,.42);padding:7px}
.calendar-week-day.today{border-color:rgba(217,170,87,.36);background:rgba(217,170,87,.04)}
.calendar-week-day header{text-align:center;border-bottom:1px solid rgba(53,99,144,.18);padding-bottom:6px;margin-bottom:7px}
.calendar-week-day header small{display:block;text-transform:uppercase;color:#7690a6;font-size:6px}.calendar-week-day header strong{display:block;font-size:14px;margin-top:2px}
.calendar-week-day .calendar-event-card{grid-template-columns:1fr;padding:7px;gap:3px;margin-bottom:5px}
.calendar-week-day .calendar-event-card>i,.calendar-week-day .calendar-event-card>em{display:none}
.calendar-week-day .calendar-event-time{font-size:7px;color:var(--gold2)}.calendar-week-day .calendar-event-copy strong{font-size:7.5px}.calendar-week-day .calendar-event-copy small{font-size:6px}
.calendar-no-event{display:block;text-align:center;color:#506a82;font-size:7px;padding:10px 0}

.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.calendar-month-day{
  min-height:72px;border:1px solid rgba(53,99,144,.20);border-radius:8px;background:rgba(6,23,40,.42);color:#dce5ed;padding:7px;text-align:left;cursor:pointer
}
.calendar-month-day.outside{opacity:.35}.calendar-month-day.today{border-color:rgba(217,170,87,.48);box-shadow:inset 0 0 0 1px rgba(217,170,87,.12)}
.calendar-month-day>strong{font-size:8px}.calendar-month-day>span{display:flex;gap:3px;flex-wrap:wrap;margin-top:8px}.calendar-month-day i{width:6px;height:6px;border-radius:50%;background:#d9aa57}.calendar-month-day i.source-google{background:#34a853}.calendar-month-day i.source-outlook{background:#2584df}.calendar-month-day i.source-apple{background:#aeb9c3}
.calendar-month-day small{display:block;color:#748da3;font-size:5.5px;margin-top:4px}

.calendar-side-stack{display:flex;flex-direction:column;gap:10px}
.agenda-sync-status{display:flex;flex-direction:column}
.agenda-sync-status>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;padding:9px 1px;border-top:1px solid rgba(53,99,144,.18)}
.agenda-sync-status>div:first-child{border-top:0}
.agenda-sync-status strong{display:block;font-size:8px}.agenda-sync-status small{display:block;color:#758ea4;font-size:6.6px;margin-top:2px}.agenda-sync-status em{font-style:normal;color:#d3a452;font-size:6.5px}

/* Planner */
.planner-top-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-bottom:10px}
.planner-settings-card,.planner-summary-card,.planner-stops-card,.planner-result-card{padding:14px}
.planner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.planner-form-grid label{display:flex;flex-direction:column;gap:6px}.planner-form-grid label.full{grid-column:1/-1}
.planner-form-grid label>span{font-size:7.2px;text-transform:uppercase;letter-spacing:.07em;color:#8198ae}
.planner-form-grid input,.planner-stop-row input,.planner-stop-row select,.agenda-event-form input,.agenda-event-form select,.agenda-event-form textarea{
  width:100%;border:1px solid rgba(57,103,148,.4);background:#081d33;color:white;border-radius:9px;padding:9px 10px;font-size:8.5px
}
.planner-form-grid input:disabled,.planner-stop-row input:disabled{opacity:.45}
.planner-return-toggle{flex-direction:row!important;align-items:flex-start!important;border:1px solid rgba(54,99,142,.22);border-radius:10px;padding:10px;background:rgba(7,26,45,.5);cursor:pointer}
.planner-return-toggle input{width:auto;margin-top:2px;accent-color:#d9aa57}.planner-return-toggle>span{display:block!important;text-transform:none!important;letter-spacing:0!important}
.planner-return-toggle strong{display:block;color:#dbe5ed;font-size:8px}.planner-return-toggle small{display:block;color:#738ca2;font-size:6.7px;margin-top:3px}

.planner-summary-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.planner-summary-kpis>div{border:1px solid rgba(53,99,144,.20);border-radius:10px;padding:10px;background:rgba(7,26,45,.50)}
.planner-summary-kpis span{display:block;color:#7790a5;font-size:6.5px;text-transform:uppercase}.planner-summary-kpis strong{display:block;font-size:13px;margin-top:5px}
.planner-api-state{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;margin-top:9px;padding:9px;border:1px solid rgba(42,139,230,.20);border-radius:10px;background:rgba(42,139,230,.05)}
.planner-api-state>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#163a5c;color:#78baf2;font-size:7px;font-weight:900}
.planner-api-state strong{display:block;font-size:8px}.planner-api-state small{display:block;color:#7790a5;font-size:6.5px;line-height:1.4;margin-top:2px}.planner-api-state.needs-api{border-color:rgba(217,170,87,.28);background:rgba(217,170,87,.05)}

.planner-stops-head{align-items:center}.planner-stops-head .secondary-btn{margin:0}
.planner-stops-headings,.planner-stop-row{
  display:grid;grid-template-columns:1.05fr 1.35fr .72fr .65fr .68fr .7fr 30px;gap:7px;align-items:center
}
.planner-stops-headings{padding:0 4px 7px;color:#718ba1;font-size:6.5px;text-transform:uppercase;letter-spacing:.05em}
.planner-stops{display:flex;flex-direction:column;gap:6px}
.planner-stop-row{border-top:1px solid rgba(53,99,144,.18);padding-top:8px}
.planner-stop-title{display:grid;grid-template-columns:24px 1fr;gap:5px;align-items:center}.planner-stop-title>b{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(217,170,87,.09);color:var(--gold2);font-size:7px}
.planner-duration-input{display:flex;align-items:center;border:1px solid rgba(57,103,148,.4);border-radius:9px;background:#081d33;overflow:hidden}.planner-duration-input input{border:0;background:transparent;border-radius:0;padding-right:2px}.planner-duration-input span{font-size:6.5px;color:#718ba1;padding-right:7px}
.planner-stop-remove{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,92,104,.24);background:rgba(255,92,104,.05);color:#ff8d96;cursor:pointer}
.planner-stops-empty{text-align:center;padding:30px 10px;color:#7890a6}.planner-stops-empty>span{display:block;font-size:22px;color:#d1a353}.planner-stops-empty strong{display:block;font-size:9px;color:#c3d0db;margin-top:5px}.planner-stops-empty p{font-size:7px;max-width:420px;margin:4px auto 0}

.planner-action-bar{
  margin:10px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;
  border:1px solid rgba(217,170,87,.24);border-radius:13px;background:linear-gradient(115deg,rgba(217,170,87,.07),rgba(7,26,45,.75))
}
.planner-action-bar>div:first-child span{display:block;color:#c99a4a;font-size:6.5px;text-transform:uppercase;letter-spacing:.08em}.planner-action-bar>div:first-child strong{display:block;font-size:9px;margin-top:3px}.planner-action-bar>div:first-child small{display:block;color:#768fa5;font-size:6.7px;margin-top:3px}
.planner-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.planner-action-buttons .secondary-btn{margin:0}
.planner-route-summary{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(53,99,144,.20);border-radius:10px;background:rgba(7,26,45,.48);margin-bottom:10px;overflow-x:auto}
.planner-route-summary>div{min-width:150px}.planner-route-summary span{display:block;color:#7790a5;font-size:6px;text-transform:uppercase}.planner-route-summary strong{display:block;font-size:8px;margin-top:3px}.planner-route-summary small{display:block;color:#738ba1;font-size:6.3px;margin-top:2px}.planner-route-summary>i{color:#c99a4a;font-style:normal}
.planner-result-list{display:flex;flex-direction:column;gap:7px}
.planner-result-stop{display:grid;grid-template-columns:30px 58px 1fr auto;gap:9px;align-items:center;border:1px solid rgba(53,99,144,.20);border-radius:10px;padding:9px;background:rgba(7,26,45,.48)}
.planner-result-order{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(217,170,87,.10);color:var(--gold2);font-size:8px;font-weight:900}
.planner-result-time strong{display:block;font-size:8px}.planner-result-time small{display:block;color:#758ea4;font-size:6.5px;margin-top:2px}
.planner-result-copy strong{display:block;font-size:8.5px}.planner-result-copy small{display:block;color:#8097ac;font-size:6.8px;margin-top:2px}.planner-result-copy em{display:block;font-style:normal;color:#b58b49;font-size:6.2px;margin-top:3px}
.planner-nav-buttons{display:flex;gap:5px}.planner-nav-buttons button{border:1px solid rgba(53,99,144,.25);background:#081d33;color:#9eb0c1;border-radius:7px;padding:6px 7px;font-size:6.5px;cursor:pointer}.planner-nav-buttons button:hover{color:var(--gold2);border-color:rgba(217,170,87,.32)}

/* Calendar connections */
.agenda-connections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.calendar-connection-card{padding:14px;display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center}
.calendar-provider-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:15px;font-weight:900}
.calendar-provider-logo.google{background:rgba(52,168,83,.12);color:#66d485}.calendar-provider-logo.outlook{background:rgba(37,132,223,.12);color:#6ab2f4}.calendar-provider-logo.apple{background:rgba(174,185,195,.12);color:#d9e1e7}.calendar-provider-logo.maps{background:rgba(217,170,87,.10);color:var(--gold2)}
.calendar-connection-card strong{display:block;font-size:9.5px}.calendar-connection-card small{display:block;color:#7c94a9;font-size:7px;line-height:1.4;margin-top:3px}.calendar-connection-card>em{font-style:normal;color:#d4a755;font-size:6.8px}.calendar-connection-card .primary-btn{grid-column:2/4;width:max-content;margin-top:2px}
.calendar-connection-note{margin-top:10px;padding:12px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.calendar-connection-note>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(42,139,230,.09);color:#65b2f0;font-size:9px}.calendar-connection-note strong{display:block;font-size:8.5px}.calendar-connection-note p{margin:3px 0 0;color:#7b93a8;font-size:7px;line-height:1.5}

/* Agenda event modal */
.agenda-event-modal{position:fixed;inset:0;z-index:145;display:none;align-items:center;justify-content:center;padding:16px}
.agenda-event-modal.open{display:flex}.agenda-event-backdrop{position:absolute;inset:0;background:rgba(1,8,16,.84);backdrop-filter:blur(10px)}
.agenda-event-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(66,116,164,.42);border-radius:22px;padding:18px;background:radial-gradient(circle at 90% 0%,rgba(217,170,87,.10),transparent 18rem),linear-gradient(160deg,#0b223a,#061525 72%);box-shadow:0 28px 90px rgba(0,0,0,.56)}
.agenda-event-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.agenda-event-form label{display:flex;flex-direction:column;gap:6px}.agenda-event-form label.full{grid-column:1/-1}.agenda-event-form label>span{font-size:7.2px;text-transform:uppercase;letter-spacing:.07em;color:#8198ae}.agenda-event-form textarea{min-height:70px;resize:vertical}
.agenda-event-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;margin-top:14px}.agenda-event-actions .secondary-btn{margin:0}

@media(max-width:1150px){
  .unified-calendar-layout{grid-template-columns:1fr}
  .calendar-side-stack{display:grid;grid-template-columns:1fr 1fr}
  .planner-top-grid{grid-template-columns:1fr}
  .agenda-connections-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .agenda-hub-heading{align-items:flex-start}
  .agenda-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.agenda-head-actions button{width:100%}
  .agenda-hub-tabs{position:sticky;top:58px;z-index:31;background:rgba(5,20,36,.95);backdrop-filter:blur(12px);margin-left:-4px;margin-right:-4px}
  .unified-calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-mode-switch{width:100%}.calendar-mode-switch button{flex:1}
  .calendar-side-stack{grid-template-columns:1fr}
  .calendar-week-grid{grid-template-columns:repeat(7,145px)}
  .planner-stops-headings{display:none}
  .planner-stop-row{
    grid-template-columns:1fr 1fr 34px;
    grid-template-areas:
      "title title remove"
      "address address remove"
      "type time remove"
      "duration priority remove";
    gap:7px;padding:10px;border:1px solid rgba(53,99,144,.22);border-radius:11px;background:rgba(7,26,45,.46)
  }
  .planner-stop-title{grid-area:title}.planner-stop-row>[data-stop-field="address"]{grid-area:address}.planner-stop-row>[data-stop-field="type"]{grid-area:type}.planner-stop-row>[data-stop-field="time"]{grid-area:time}.planner-duration-input{grid-area:duration}.planner-stop-row>[data-stop-field="priority"]{grid-area:priority}.planner-stop-remove{grid-area:remove;height:100%}
  .planner-action-bar{align-items:flex-start;flex-direction:column}.planner-action-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.planner-action-buttons button{width:100%}
  .planner-result-stop{grid-template-columns:30px 58px 1fr;grid-template-areas:"order time copy" "nav nav nav"}.planner-result-order{grid-area:order}.planner-result-time{grid-area:time}.planner-result-copy{grid-area:copy}.planner-nav-buttons{grid-area:nav}.planner-nav-buttons button{flex:1}
}
@media(max-width:600px){
  .planner-form-grid{grid-template-columns:1fr}.planner-form-grid label.full{grid-column:auto}
  .planner-summary-kpis{grid-template-columns:1fr 1fr}
  .planner-action-buttons{grid-template-columns:1fr}
  .calendar-month-day{min-height:58px;padding:5px}
  .calendar-connection-card{grid-template-columns:42px 1fr}.calendar-connection-card>em{grid-column:2}.calendar-connection-card .primary-btn{grid-column:2;width:100%}
  .agenda-event-modal{padding:8px;align-items:flex-end}.agenda-event-dialog{max-height:94vh;border-radius:20px 20px 10px 10px;padding:15px}.agenda-event-form{grid-template-columns:1fr}.agenda-event-form label.full{grid-column:auto}.agenda-event-actions{grid-template-columns:1fr 1fr}.agenda-event-actions>span{display:none}.agenda-event-actions #agendaDeleteEventBtn{grid-column:1/-1}
}

.planner-stops-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.planner-stops-actions .secondary-btn{margin:0}
@media(max-width:700px){
  .planner-stops-head{align-items:flex-start;flex-direction:column}
  .planner-stops-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .planner-stops-actions button{width:100%}
}


/* --- Optimisation horaire Google Maps --- */
.planner-form-grid{grid-template-columns:repeat(3,1fr)}
.planner-form-grid label.full{grid-column:1/-1}
.planner-api-state.connected{border-color:rgba(50,209,125,.28);background:rgba(50,209,125,.055)}
.planner-api-state.connected>span{background:rgba(50,209,125,.12);color:#6edba1}
.planner-conflicts{
  margin:0 0 10px;padding:10px 12px;border:1px solid rgba(255,92,104,.26);border-radius:11px;
  background:rgba(255,92,104,.055);color:#f2d8da
}
.planner-conflicts strong{display:block;color:#ff8b94;font-size:8.5px;margin-bottom:5px}
.planner-conflicts p{margin:4px 0 0;font-size:7px;line-height:1.45;color:#c8a5aa}
.planner-result-stop.fixed-stop{border-color:rgba(217,170,87,.32);background:linear-gradient(110deg,rgba(217,170,87,.055),rgba(7,26,45,.50))}
.planner-result-stop.late-stop{border-color:rgba(255,92,104,.34);background:rgba(255,92,104,.045)}
.planner-result-stop.return-stop{border-style:dashed}
.planner-result-time b{
  display:inline-flex;margin-top:4px;border-radius:999px;padding:3px 5px;
  background:rgba(217,170,87,.11);color:var(--gold2);font-size:5.5px;letter-spacing:.07em
}
.planner-result-copy>i{display:block;font-style:normal;font-size:6.2px;margin-top:4px}
.planner-result-copy>i.good{color:#6ed79e}
.planner-result-copy>i.danger{color:#ff7f89;font-weight:800}
.planner-google-attribution{text-align:right;color:#667e93;font-size:6px;margin-top:8px}
#plannerApplyAgendaBtn:disabled,#plannerOptimizeBtn:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:900px){
  .planner-form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .planner-form-grid{grid-template-columns:1fr}
}


/* --- Adresses Google / localisation --- */
.planner-form-grid select{
  width:100%;border:1px solid rgba(57,103,148,.4);background:#081d33;color:white;
  border-radius:9px;padding:9px 10px;font-size:8.5px
}
.planner-location-info{display:flex!important;flex-direction:column;gap:6px}
.planner-location-chip{
  display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;
  border:1px solid rgba(42,139,230,.24);border-radius:10px;padding:10px;background:rgba(42,139,230,.055)
}
.planner-location-chip>i{
  grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:rgba(42,139,230,.12);color:#73b8f0;font-style:normal;font-size:14px
}
.planner-location-chip strong{display:block;font-size:8px}
.planner-location-chip small{display:block;color:#7991a7;font-size:6.7px;margin-top:2px}
.planner-home-needed>span{color:var(--gold2)!important}
.planner-home-needed input{border-color:rgba(217,170,87,.42)!important;background:rgba(217,170,87,.045)!important}

.address-autocomplete-popover{
  position:fixed;z-index:220;max-height:310px;overflow:auto;border:1px solid rgba(70,118,165,.46);
  border-radius:12px;background:linear-gradient(160deg,#0b223a,#061525);
  box-shadow:0 18px 55px rgba(0,0,0,.48);padding:5px
}
.address-autocomplete-popover[hidden]{display:none!important}
#addressAutocompleteList{display:flex;flex-direction:column}
#addressAutocompleteList button{
  width:100%;border:0;border-bottom:1px solid rgba(56,99,140,.18);background:transparent;
  color:#edf4f9;text-align:left;padding:9px 10px;cursor:pointer;border-radius:8px
}
#addressAutocompleteList button:last-child{border-bottom:0}
#addressAutocompleteList button:hover{background:rgba(42,139,230,.09)}
#addressAutocompleteList strong{display:block;font-size:8px;font-weight:800}
#addressAutocompleteList small{display:block;color:#7d95aa;font-size:6.8px;margin-top:3px}
.address-autocomplete-popover>small{
  display:block;text-align:right;padding:5px 7px 3px;color:#6c8397;font-size:6px
}
.address-autocomplete-empty{padding:13px 10px;color:#7d95aa;font-size:7.5px;text-align:center}

@media(max-width:600px){
  .address-autocomplete-popover{left:8px!important;right:8px!important;width:auto!important;max-width:none}
}


/* --- Déplacements : train, avion, hébergement --- */
.travel-hub-heading{margin-bottom:10px}
.travel-hub-heading h2{margin:2px 0 4px}
.travel-hub-heading p:last-child{margin:0;color:#7d95aa;font-size:8px}

.travel-tabs{
  display:flex;gap:5px;align-items:center;margin-bottom:12px;padding:4px;
  border:1px solid rgba(53,100,145,.28);border-radius:13px;background:rgba(5,20,36,.76);
  overflow-x:auto;scrollbar-width:none
}
.travel-tabs::-webkit-scrollbar{display:none}
.travel-tabs button{
  flex:0 0 auto;border:0;background:transparent;color:#8ea4b8;border-radius:9px;
  padding:9px 14px;font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap
}
.travel-tabs button.active{
  background:linear-gradient(135deg,#d7a34f,#b2762d);color:#071523;
  box-shadow:0 5px 18px rgba(217,170,87,.16)
}
.travel-panel{display:none}
.travel-panel.active{display:block}
.travel-search-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:10px}
.travel-search-card,.travel-context-card{padding:14px}
.travel-context-card h3{font-size:13px;margin:7px 0}
.travel-context-card p{font-size:7.5px;line-height:1.55;color:#7f96ab;margin:0}

.travel-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}
.travel-form-grid.compact{margin-top:8px}
.travel-form-grid label{display:flex;flex-direction:column;gap:6px}
.travel-form-grid label.full{grid-column:1/-1}
.travel-form-grid label>span{font-size:6.8px;text-transform:uppercase;letter-spacing:.07em;color:#8299ae}
.travel-form-grid input{
  width:100%;border:1px solid rgba(57,103,148,.4);background:#081d33;color:white;
  border-radius:9px;padding:9px 10px;font-size:8.5px
}
.travel-search-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:11px}
.travel-search-actions .secondary-btn{margin:0}
.travel-helper{display:block;margin-top:8px;color:#667f95;font-size:6.5px}
.travel-search-state{
  margin-top:10px;padding:10px 12px;border:1px solid rgba(52,120,180,.24);border-radius:10px;
  background:rgba(42,139,230,.045);color:#9bb0c1;font-size:7.5px
}
.travel-search-state.error{border-color:rgba(217,170,87,.26);background:rgba(217,170,87,.045);color:#d1b376}

.train-results{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.train-result-card{
  display:grid;grid-template-columns:120px minmax(150px,1fr) 120px minmax(120px,.8fr) auto;
  gap:12px;align-items:center;padding:12px 14px
}
.train-result-time strong{display:block;font-size:18px}
.train-result-time small{display:block;color:#8098ae;font-size:6.8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.train-result-time.arrival{text-align:right}
.train-result-journey{text-align:center}
.train-result-journey>span{font-size:7px;color:#91a6b9}
.train-result-journey>div{display:grid;grid-template-columns:7px 1fr 7px;align-items:center;gap:0;margin:5px 0}
.train-result-journey i{width:7px;height:7px;border-radius:50%;border:1px solid #d8aa57}
.train-result-journey b{height:1px;background:linear-gradient(90deg,#d8aa57,#567997)}
.train-result-journey small{font-size:6.5px;color:#6f879c}
.train-result-meta strong{display:block;font-size:8px;color:#e8c77f}
.train-result-meta small{display:block;font-size:6.5px;color:#748ba0;margin-top:3px}
.train-result-card .secondary-btn{margin:0;white-space:nowrap}
.travel-empty{padding:34px 10px;text-align:center;color:#7991a6}
.travel-empty>span{display:block;font-size:24px}
.travel-empty strong{display:block;color:#b9c8d5;font-size:9px;margin-top:6px}
.travel-empty small{display:block;font-size:6.8px;margin-top:4px}

.travel-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.travel-link-grid button{
  border:1px solid rgba(53,99,144,.25);border-radius:12px;background:rgba(7,26,45,.58);
  color:#edf4f9;padding:12px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:3px 8px;cursor:pointer
}
.travel-link-grid button:hover{border-color:rgba(217,170,87,.34);background:rgba(217,170,87,.05)}
.travel-link-grid strong{font-size:8.5px}
.travel-link-grid small{grid-column:1;color:#758da2;font-size:6.5px}
.travel-link-grid em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:#c89a4d}

.travel-manual-add{
  margin-top:14px;padding-top:13px;border-top:1px solid rgba(53,99,144,.20)
}
.travel-manual-add>strong{font-size:8px;color:#e1c17e}
.travel-manual-add>.secondary-btn{margin-top:10px}

@media(max-width:1100px){
  .travel-search-grid{grid-template-columns:1fr}
  .train-result-card{grid-template-columns:100px 1fr 100px auto}
  .train-result-meta{grid-column:1/4}
}
@media(max-width:760px){
  .travel-form-grid{grid-template-columns:1fr}
  .travel-form-grid label.full{grid-column:auto}
  .travel-link-grid{grid-template-columns:1fr}
  .train-result-card{
    grid-template-columns:1fr 90px 1fr;gap:8px;padding:11px;
    grid-template-areas:"depart journey arrival" "meta meta meta" "action action action"
  }
  .train-result-time:first-child{grid-area:depart}
  .train-result-journey{grid-area:journey}
  .train-result-time.arrival{grid-area:arrival}
  .train-result-meta{grid-area:meta}
  .train-result-card .secondary-btn{grid-area:action;width:100%}
}

.address-autocomplete-empty.error{color:#e0b66d;background:rgba(217,170,87,.05);border-radius:8px}


/* =========================================================
   FABRONEX HUB — CHARTE CLAIRE V13
   Blanc · bleu clair · bleu nuit · or
   ========================================================= */
:root{
  --bg:#f3f7fc;
  --bg2:#eaf2fb;
  --navy:#142b5f;
  --navy2:#193b72;
  --navy3:#295a96;
  --card:#ffffff;
  --card2:#f8fbff;
  --line:#d8e5f2;
  --line2:#b9cfe5;
  --text:#142b5f;
  --muted:#6f86a2;
  --blue:#4387cf;
  --blue2:#7fa9d9;
  --cyan:#8fc6eb;
  --green:#2aa56a;
  --red:#df5964;
  --amber:#c89a3d;
  --gold:#c89a3d;
  --gold2:#d7ad58;
  --gold3:#9c7029;
  --shadow:0 14px 34px rgba(29,67,107,.10);
  --radius:18px
}
html{background:var(--bg)}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 20% -10%,rgba(127,169,217,.24),transparent 31rem),
    radial-gradient(circle at 95% 8%,rgba(200,154,61,.09),transparent 24rem),
    linear-gradient(180deg,#f8fbff 0%,#f2f7fc 48%,#edf4fb 100%);
}
button{color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid rgba(200,154,61,.60);
  outline-offset:2px
}

/* Shell */
.sidebar{
  background:
    radial-gradient(circle at 20% 100%,rgba(127,169,217,.24),transparent 18rem),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 66%,#edf5fd 100%);
  border-right:1px solid #d9e6f2;
  box-shadow:8px 0 26px rgba(29,67,107,.045);
  scrollbar-color:rgba(200,154,61,.45) transparent
}
.side-brand span{color:var(--navy)}
.side-brand img{filter:drop-shadow(0 7px 16px rgba(35,71,110,.12))}
.side-nav button{color:#31527a}
.side-nav button span{color:#315d91}
.side-nav button:hover{background:#eef5fd;color:var(--navy)}
.side-nav button.active{
  position:relative;
  background:linear-gradient(90deg,#dbeaf9,#eaf4fd);
  color:var(--navy);
  box-shadow:0 7px 18px rgba(53,108,162,.08)
}
.side-nav button.active:before{
  content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:999px;background:var(--gold)
}
.side-nav button.active span{color:var(--gold3)}
.side-signature{
  border-color:#d7e4f0;
  background:
    radial-gradient(circle at 75% 72%,rgba(127,169,217,.32),transparent 12rem),
    linear-gradient(155deg,#f9fcff,#e7f1fb 63%,#dcebf8);
  box-shadow:0 10px 28px rgba(32,70,109,.07)
}
.side-signature strong{color:var(--navy);text-shadow:none}
.side-signature span{color:#56718f}
.signature-glow{border-left-color:rgba(200,154,61,.45)}

.topbar{
  background:rgba(255,255,255,.90);
  border-bottom:1px solid #dae6f1;
  box-shadow:0 6px 24px rgba(29,67,107,.05)
}
.search-box{
  border-color:#d7e4f0;
  background:#f8fbff;
  box-shadow:0 5px 16px rgba(42,79,117,.045)
}
.search-box span{color:#7899bb}
.search-box input{color:var(--navy)}
.search-box input::placeholder{color:#8aa0b8}
.search-box kbd{background:#edf4fb;border-color:#d8e5f1;color:#7189a2}
.icon-btn{
  border-color:#d6e3ef;
  background:#fff;
  color:var(--navy);
  box-shadow:0 5px 15px rgba(29,67,107,.06)
}
.notification-dot{border-color:#fff}
.profile-copy b{color:var(--navy)}
.profile-copy small,.profile-btn i{color:#7188a1}
.avatar{background:linear-gradient(145deg,#e4c57f,#bf8a31);color:#fff}
main{color:var(--navy)}

/* Shared cards */
.panel,
.quote-card,
.company-card,
.tracking-kpis article,
.bureau-kpis article,
.finance-overview-kpis article,
.finance-module-hero,
.finance-universe-grid button,
.settings-card,
.gazette-widget,
.gazette-quote-card,
.planner-settings-card,
.planner-summary-card,
.planner-stops-card,
.planner-result-card,
.travel-search-card,
.travel-context-card,
.calendar-connection-card,
.calendar-connection-note{
  background:#fff;
  border-color:#d9e5f0;
  color:var(--navy);
  box-shadow:0 10px 28px rgba(31,70,109,.075)
}
.panel-title h2,
.section-title h1,
.section-title h2,
.bureau-panel-heading h2,
.travel-hub-heading h2,
.finance-module-hero h2,
.settings-card strong{color:var(--navy)}
.eyebrow,.panel-kicker{color:#688bae}
.muted{color:var(--muted)!important}

/* Hero / general highlights */
.hero-banner{
  border-color:#c9dced;
  background:
    radial-gradient(circle at 78% 24%,rgba(200,154,61,.13),transparent 14rem),
    radial-gradient(circle at 60% 110%,rgba(127,169,217,.32),transparent 24rem),
    linear-gradient(115deg,#ffffff 0%,#eff7ff 56%,#dcecf9 100%);
  color:var(--navy);
  box-shadow:var(--shadow)
}
.hero-banner:after{opacity:.12}
.hero-banner h1,.hero-banner strong{color:var(--navy)}
.hero-banner p,.hero-banner small{color:#67819e}
.hero-weather{background:rgba(255,255,255,.62);border-color:#cddfed;color:var(--navy)}

.primary-btn,.gold-action{
  border-color:#d7aa55;
  background:linear-gradient(145deg,#e2bc67,#b87e29);
  color:#fff;
  box-shadow:0 8px 20px rgba(181,126,44,.20)
}
.primary-btn:hover,.gold-action:hover{box-shadow:0 12px 27px rgba(181,126,44,.27)}
.secondary-btn{
  border-color:#cbddec;
  background:#fff;
  color:var(--navy);
  box-shadow:0 6px 17px rgba(32,70,109,.07)
}
.secondary-btn:hover{background:#eef6fd;border-color:#abc8e2;color:#173764}
.text-btn{color:#356d9f}

/* Inputs */
input,textarea,select,
.quote-form-grid input,.quote-form-grid textarea,.mission-editor-row input,
.planner-form-grid input,.planner-form-grid select,
.planner-stop-row input,.planner-stop-row select,
.agenda-event-form input,.agenda-event-form select,.agenda-event-form textarea,
.travel-form-grid input{
  background:#fff;
  color:var(--navy);
  border-color:#cadbeb;
  box-shadow:inset 0 1px 2px rgba(37,73,108,.025)
}
input::placeholder,textarea::placeholder{color:#91a5b8}
.input-suffix,.planner-duration-input{background:#fff;border-color:#cadbeb}
.input-suffix input,.planner-duration-input input{background:transparent}
input:disabled,.planner-stop-row input:disabled{background:#f1f5f9;color:#91a0af}

/* Pills / tabs */
.bureau-tabs,
.finance-tabs,
.agenda-hub-tabs,
.travel-tabs,
.tracking-tabs{
  background:#fff;
  border-color:#d8e5f0;
  box-shadow:0 7px 20px rgba(29,67,107,.055)
}
.bureau-tabs button,
.finance-tabs button,
.agenda-hub-tabs button,
.travel-tabs button,
.tracking-tabs button{color:#607d9b}
.bureau-tabs button:hover,
.finance-tabs button:hover,
.agenda-hub-tabs button:hover,
.travel-tabs button:hover,
.tracking-tabs button:hover{background:#eff6fd;color:var(--navy)}
.bureau-tabs button.active,
.finance-tabs button.active,
.agenda-hub-tabs button.active,
.travel-tabs button.active,
.tracking-tabs button.active{
  background:#dcebf9;
  color:var(--navy);
  box-shadow:inset 0 -2px 0 var(--gold),0 4px 10px rgba(55,101,145,.06)
}
.bureau-tabs button.active b{background:var(--navy);color:#fff}
.filter{background:#fff;border-color:#d5e3ef;color:#617e9a}
.filter.active{background:#e6f1fb;border-color:#b7cfe4;color:var(--navy)}
.status-pill{background:#f8fbff;border-color:#d4e2ee;color:#496987}

/* Bureau */
.bureau-kpis article{
  background:
    radial-gradient(circle at 100% 0%,rgba(127,169,217,.17),transparent 8rem),
    #fff
}
.bureau-kpis strong{color:var(--navy)}
.bureau-kpis span,.bureau-kpis small{color:#7189a1}
.bureau-company-strip>button,
.bureau-company-card,
.bureau-folder-card,
.bureau-company-focus,
.bureau-activity-card,
.bureau-priority-card,
.bureau-mail-card,
.bureau-agenda-card,
.bureau-deadlines-card{
  background:#fff;
  border-color:#d8e5f0;
  color:var(--navy)
}
.bureau-business-head{background:#edf4fb;color:#647f9b}
.bureau-business-row{color:var(--navy);border-color:#e1eaf2}
.bureau-business-row:hover{background:#f1f7fd}
.bureau-business-row small{color:#7890a7}
.bureau-bar-column>strong{color:#657f98}
.bureau-bar-column>i{background:#e2edf7}
.desktop-shell{
  border-color:#d5e3ef;
  background:#fff;
  box-shadow:0 16px 40px rgba(29,67,107,.085)
}
.desktop-company-bar{
  background:#f4f8fc;
  border-right-color:#d8e5f0
}
.desktop-company{color:#4d6c8b}
.desktop-company:hover{background:#eaf3fb;border-color:#cfdfec}
.desktop-company.active{
  background:#dbeaf8;
  border-color:#bcd2e6;
  color:var(--navy)
}

/* Tracking / missions */
.tracking-kpis article{
  background:#fff;
  box-shadow:0 9px 25px rgba(31,70,109,.065)
}
.tracking-kpis strong{color:var(--navy)}
.tracking-kpis span,.tracking-kpis small{color:#7189a1}
.tracking-kpis .kpi-paid strong{color:#25895a}
.tracking-kpis .kpi-due strong{color:#a87520}
.tracking-filterbar input,.tracking-search{background:#fff!important;color:var(--navy)!important;border-color:#d5e3ef!important}
.tracking-row,.tracking-detail,.tracking-alerts,.tracking-list{color:var(--navy)}
.tracking-row{background:#fff;border-color:#dce7f0}
.tracking-row:hover{background:#f5f9fd}

/* Devis */
.invoice-toggle{color:#597593}
.quote-form-grid label>span,.mission-editor-row label>span{color:#718aa2}
.quote-editor,.quote-workspace{color:var(--navy)}
.mission-editor-row{border-color:#dce7f0}
.client-suggestions,
.clients-modal-dialog,
.company-modal-dialog,
.agenda-event-dialog,
.payment-dialog,
.import-dialog{
  background:#fff!important;
  color:var(--navy)!important;
  border-color:#d5e3ef!important;
  box-shadow:0 24px 70px rgba(29,67,107,.18)!important
}
.client-suggestions button{color:var(--navy);border-color:#e1eaf2}
.client-suggestions button:hover{background:#f1f7fd}

/* Agenda */
.calendar-source-strip button{
  border-color:#d6e3ef;
  background:#fff;
  color:#587694
}
.calendar-source-strip button.active{border-color:#c7d9e9;background:#e9f3fc;color:var(--navy)}
.unified-calendar-card,.agenda-today-card,.agenda-sync-card{background:#fff;border-color:#d8e5f0}
.calendar-date-nav button,.calendar-mode-switch button{
  background:#fff;border-color:#d2e0ec;color:#587593
}
.calendar-mode-switch button.active{background:#e0eef9;color:var(--navy);border-color:#bad1e5}
.calendar-event-card{
  background:#f9fcff;
  border-color:#dbe6ef;
  color:var(--navy)
}
.calendar-event-card:hover{background:#eef6fd;border-color:#bfd5e8}
.calendar-event-copy small,.calendar-event-card>em,.calendar-event-time small{color:#748ca4}
.calendar-week-day,.calendar-month-day{
  background:#fbfdff;border-color:#dfe9f1;color:var(--navy)
}
.calendar-week-day.today,.calendar-month-day.today{background:#fffaf0;border-color:#dcc48d}
.calendar-empty{color:#738da6}
.calendar-empty strong{color:var(--navy)}
.agenda-sync-status strong{color:var(--navy)}

/* Planner */
.planner-return-toggle,
.planner-stop-row,
.planner-api-state,
.planner-route-summary,
.planner-result-stop{
  background:#f9fcff;
  border-color:#d9e5ef;
  color:var(--navy)
}
.planner-stop-row input,.planner-stop-row select{background:#fff}
.planner-stop-title>b,
.planner-result-order{background:#fff6df;color:#9b6d20}
.planner-location-chip{background:#edf6fe;border-color:#c7def1;color:var(--navy)}
.planner-api-state.connected{background:#edf9f3;border-color:#c8ead7}
.planner-action-bar{
  background:linear-gradient(115deg,#fff8e9,#f5faff);
  border-color:#e2d2ad;
  color:var(--navy)
}
.planner-result-stop.fixed-stop{background:#fffaf1;border-color:#dfcb9f}
.planner-result-stop.late-stop{background:#fff2f3;border-color:#efc2c6}
.planner-result-stop.return-stop{background:#f5f9fd}
.planner-nav-buttons button{
  background:#fff;border-color:#caddeb;color:#345f87
}
.planner-nav-buttons button:hover{background:#eaf4fc;color:var(--navy)}
.planner-conflicts{background:#fff3f4;color:#9b4550;border-color:#efc2c6}
.planner-conflicts p{color:#9c6570}
.planner-google-attribution{color:#71889f}

/* Travel */
.travel-tabs{background:#fff}
.travel-context-card p,.travel-helper{color:#718aa2}
.travel-search-state{background:#eef7ff;border-color:#c9deef;color:#5e7d9b}
.travel-search-state.error{background:#fff8e8;border-color:#ead6ad;color:#9a752f}
.train-result-card{background:#fff;border-color:#d9e5f0;color:var(--navy)}
.train-result-time small,.train-result-journey>span,.train-result-journey small,.train-result-meta small{color:#718aa2}
.train-result-journey b{background:linear-gradient(90deg,#d1a74c,#84abd0)}
.travel-link-grid button{
  background:#fff;
  border-color:#d5e3ef;
  color:var(--navy);
  box-shadow:0 6px 18px rgba(29,67,107,.05)
}
.travel-link-grid button:hover{background:#eef6fd;border-color:#bcd3e7}
.travel-link-grid small{color:#758da4}
.travel-manual-add{border-top-color:#e0e9f1}
.travel-empty{color:#718aa2}
.travel-empty strong{color:var(--navy)}

/* Finance */
.finance-overview-kpis article{background:#fff}
.finance-overview-kpis span,.finance-overview-kpis small{color:#718aa2}
.finance-overview-kpis strong{color:var(--navy)}
.finance-universe-grid button{background:#fff;border-color:#d8e5f0}
.finance-universe-grid button:hover{background:#eff6fd}
.finance-universe-grid small{color:#748da4}
.finance-module-hero p{color:#718aa2}
.finance-hero{
  background:
    radial-gradient(circle at 92% 0%,rgba(200,154,61,.14),transparent 15rem),
    linear-gradient(120deg,#fff,#edf6fe);
  border-color:#d9c89f;
  color:var(--navy);
  box-shadow:var(--shadow)
}
.finance-hero span{color:#607d9a}
.finance-grid .panel,.dashboard-grid .panel{background:#fff}

/* IA */
.ai-home-panel textarea{
  background:#fff;border-color:#cbddeb;color:var(--navy)
}
.ai-home-panel textarea::placeholder{color:#91a5b8}
.ai-chips button,.suggestions button{
  background:#fff;border-color:#d4e2ed;color:#456887
}
.ai-chips button:hover,.suggestions button:hover{background:#edf6fd}
.ai-orb{
  background:linear-gradient(145deg,#f8fbff,#e1eef9);
  border-color:#d8c28e;
  box-shadow:0 16px 48px rgba(67,111,153,.12)
}
.message>div{background:#fff;border-color:#d9e5ef;color:var(--navy)}
.message.user>div{background:#fff7e5;border-color:#e6cf9c}
.message strong{color:#9c7029}
.message p{color:#4f6d89}

/* Settings */
.settings-card>span{background:#fff5dd;color:#a97825}
.settings-card small{color:#728aa2}

/* Gazette: conserver le caractère éditorial mais l'intégrer au thème clair */
.gazette-welcome h1{color:var(--navy)}
.gazette-welcome>div>p:last-child{color:#7188a0}
.gazette-premium-kpis>button{
  border-color:#d7e4ef;
  background:#fff;
  color:var(--navy);
  box-shadow:0 10px 25px rgba(29,67,107,.075)
}
.gazette-premium-kpis>button:hover{border-color:#c2d8ea;background:#f8fbff}
.gazette-premium-kpis small{color:#7188a0}
.gazette-premium-kpis strong{color:var(--navy)}
.gazette-kpi-icon{background:#fff6e2;border-color:#e4cd99;color:#a77725}
.gazette-widgets .gazette-widget,.gazette-quote-card{
  background:#fff;border-color:#d8e5f0;color:var(--navy)
}
.gazette-widget-head{border-bottom-color:#e1eaf2}
.gazette-widget-head strong{color:var(--navy)}
.gazette-widget-head button{color:#5d7c99}
.gazette-priority-list button,.gazette-agenda>div,.gazette-mails button{color:var(--navy);border-color:#e2eaf1}
.gazette-priority-list small,.gazette-agenda small,.gazette-mails small,.gazette-source-note{color:#718ba2}
.gazette-mini-widgets>button{
  background:#fff;border-color:#d8e5f0;color:var(--navy)
}
.gazette-mini-widgets small{color:#718aa2}
.gazette-quote-card blockquote{color:#385a79}
.gazette-paper{
  border-color:#cdb88b;
  background:
    radial-gradient(circle at 15% 18%,rgba(113,74,34,.055),transparent 12rem),
    radial-gradient(circle at 82% 68%,rgba(99,62,28,.045),transparent 17rem),
    repeating-linear-gradient(0deg,rgba(90,64,35,.018),rgba(90,64,35,.018) 1px,transparent 1px,transparent 4px),
    #f3e7cc;
  box-shadow:0 15px 38px rgba(84,68,46,.13)
}

/* Address autocomplete */
.address-autocomplete-popover{
  background:#fff;
  border-color:#caddeb;
  box-shadow:0 18px 48px rgba(29,67,107,.17)
}
#addressAutocompleteList button{color:var(--navy);border-color:#e1eaf2}
#addressAutocompleteList button:hover{background:#edf6fd}
#addressAutocompleteList small,.address-autocomplete-popover>small{color:#718aa2}
.address-autocomplete-empty{color:#718aa2}
.address-autocomplete-empty.error{color:#98712e;background:#fff7e7}

/* Modals overlays remain darkened, dialog itself is light */
.company-modal-head h2,.agenda-event-dialog h2{color:var(--navy)}
.import-close{color:#5f7892}
.danger-outline-btn{background:#fff;color:#bd4752}

/* Toast */
.toast{
  background:#17345f;
  border-color:#254b7a;
  color:#fff;
  box-shadow:0 12px 32px rgba(20,43,95,.20)
}

/* Mobile */
@media(max-width:850px){
  .topbar{background:rgba(255,255,255,.94)}
  .mobile-brand strong{color:var(--navy)}
  .bottom-nav{
    background:rgba(255,255,255,.96);
    border-color:#d4e2ee;
    box-shadow:0 12px 34px rgba(29,67,107,.13)
  }
  .bottom-nav button{color:#627f9b}
  .bottom-nav button.active{color:var(--navy);background:#e1effa}
  .bottom-nav button.active span{color:#a97825}
  .bureau-tabs,.finance-tabs,.agenda-hub-tabs,.travel-tabs{
    background:rgba(255,255,255,.96)
  }
  .planner-stop-row{background:#f9fcff;border-color:#d9e5ef}
}


/* =========================================================
   V15 — Correctifs lisibilité thème clair
   IA · Planificateur · Résumé de tournée · Widgets
   ========================================================= */

/* Résumé de tournée */
.planner-summary-kpis>div{
  background:#f8fbff !important;
  border:1px solid #d7e4ef !important;
  color:#142b5f !important;
  box-shadow:none !important
}
.planner-summary-kpis span{
  color:#6f86a2 !important
}
.planner-summary-kpis strong{
  color:#142b5f !important
}
.planner-api-state{
  background:#f4f9fe !important;
  border-color:#cfe0ee !important;
  color:#142b5f !important
}
.planner-api-state>span{
  background:#dcecf9 !important;
  color:#285c8f !important
}
.planner-api-state strong{
  color:#142b5f !important
}
.planner-api-state small{
  color:#6f86a2 !important
}
.planner-api-state.needs-api{
  background:#fff8e9 !important;
  border-color:#ead8ad !important
}
.planner-api-state.connected{
  background:#edf9f3 !important;
  border-color:#c8ead7 !important
}
.planner-duration-input{
  background:#fff !important;
  border-color:#cadbeb !important
}
.planner-duration-input span{
  color:#6f86a2 !important
}
.planner-stop-remove{
  background:#fff6f7 !important;
  border-color:#efc7cb !important;
  color:#c84f59 !important
}

/* Tout bloc "stat / KPI / metric" encore sombre */
.summary-grid>div,
.finance-kpis>div,
.dashboard-grid .panel,
.home-grid .panel,
.lower-grid .panel{
  color:#142b5f
}
.summary-grid>div{
  background:#f8fbff !important;
  border-color:#d8e5f0 !important
}
.summary-grid b,
.finance-kpis strong{
  color:#142b5f !important
}
.summary-grid span,
.finance-kpis span,
.finance-kpis em{
  color:#6f86a2 !important
}

/* IA Fabronex */
.ai-home-panel,
.ai-wrap,
.ai-panel,
.ai-card,
.ai-widget,
.ai-stats-card,
.ai-actions-card,
.ai-response-card{
  color:#142b5f !important
}
.ai-home-panel textarea{
  background:#fff !important;
  border-color:#cadbeb !important;
  color:#142b5f !important
}
.ai-home-panel textarea::placeholder{
  color:#91a5b8 !important
}
.ai-chips button,
.suggestions button{
  background:#fff !important;
  border-color:#d4e2ed !important;
  color:#355f87 !important
}
.ai-chips button:hover,
.suggestions button:hover{
  background:#edf6fd !important;
  border-color:#b9d0e4 !important;
  color:#142b5f !important
}
.ai-orb{
  background:linear-gradient(145deg,#ffffff,#e7f1fb) !important;
  border-color:#dfc88f !important
}
.ai-wrap h1,
.ai-wrap h2,
.ai-wrap strong{
  color:#142b5f !important
}
.ai-wrap p,
.ai-wrap small{
  color:#6f86a2 !important
}
.chat .message>div{
  background:#fff !important;
  border-color:#d8e5f0 !important;
  color:#142b5f !important
}
.chat .message.user>div{
  background:#fff7e6 !important;
  border-color:#e5cf9b !important
}
.chat .message strong{
  color:#9b7027 !important
}
.chat .message p{
  color:#4f6d89 !important
}

/* Actions IA : aucun bouton noir / bleu sombre */
.ai-home-panel button:not(.gold-action):not(.primary-btn),
.ai-wrap button:not(.gold-action):not(.primary-btn),
.ai-panel button:not(.gold-action):not(.primary-btn),
.ai-card button:not(.gold-action):not(.primary-btn){
  background:#fff !important;
  color:#142b5f !important;
  border-color:#cbddeb !important
}
.ai-home-panel button:not(.gold-action):not(.primary-btn):hover,
.ai-wrap button:not(.gold-action):not(.primary-btn):hover,
.ai-panel button:not(.gold-action):not(.primary-btn):hover,
.ai-card button:not(.gold-action):not(.primary-btn):hover{
  background:#edf6fd !important
}

/* Boutons génériques hérités de l'ancien thème */
.action-btn,
.quick-action,
.icon-action,
.card-action{
  background:#fff !important;
  color:#142b5f !important;
  border-color:#caddeb !important
}
.action-btn:hover,
.quick-action:hover,
.icon-action:hover,
.card-action:hover{
  background:#eef6fd !important
}

/* Calendrier / planificateur : petits boutons */
.calendar-date-nav button,
.calendar-mode-switch button,
.planner-nav-buttons button,
.travel-link-grid button{
  background:#fff !important;
  color:#142b5f !important;
  border-color:#caddeb !important
}
.calendar-date-nav button:hover,
.calendar-mode-switch button:hover,
.planner-nav-buttons button:hover,
.travel-link-grid button:hover{
  background:#edf6fd !important
}
.calendar-mode-switch button.active{
  background:#dcebf9 !important;
  color:#142b5f !important;
  border-color:#b8d0e4 !important
}

/* Petites cartes internes qui héritaient du fond #081d33 */
.planner-form-grid select,
.travel-form-grid select,
.agenda-event-form select{
  background:#fff !important;
  color:#142b5f !important;
  border-color:#cadbeb !important
}

/* Force lisibilité des icônes / textes secondaires */
.planner-summary-card .panel-title h2,
.planner-settings-card .panel-title h2,
.planner-stops-card .panel-title h2,
.planner-result-card .panel-title h2{
  color:#142b5f !important
}
.planner-summary-card .title-icon,
.planner-settings-card .title-icon,
.planner-stops-card .title-icon,
.planner-result-card .title-icon{
  color:#a97825 !important
}

/* Mobile : empêcher le retour des blocs sombres */
@media(max-width:850px){
  .planner-summary-kpis>div,
  .planner-stop-row,
  .planner-api-state,
  .chat .message>div,
  .ai-chips button,
  .suggestions button{
    background:#fff !important;
    color:#142b5f !important
  }
}


/* V16 — Autocomplétion adresse alignée sur Fabronex Coordination */
#addressAutocompleteList button{
  display:grid !important;
  grid-template-columns:30px 1fr !important;
  gap:9px !important;
  align-items:center !important;
  padding:10px !important
}
.address-suggestion-pin{
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  background:#e8f2fb;color:#2d679c;
  font-size:14px;font-weight:800
}
.address-suggestion-copy{min-width:0}
.address-suggestion-copy strong{
  display:block;color:#142b5f;font-size:8.4px;line-height:1.3
}
.address-suggestion-copy small{
  display:block;color:#748ca4;font-size:6.7px;line-height:1.35;margin-top:3px
}
input.address-localized{
  border-color:#9bcbb2 !important;
  box-shadow:0 0 0 3px rgba(42,165,106,.08) !important;
  background:
    linear-gradient(90deg,rgba(42,165,106,.055),transparent 42%),
    #fff !important
}
.address-autocomplete-empty.error strong{
  display:block;color:#9c7029;font-size:8px
}
.address-autocomplete-empty.error small{
  display:block;color:#7b8fa3;font-size:6.7px;margin-top:3px
}


/* =========================================================
   ÉTAPE 1 — Fiabilisation & ergonomie
   Aujourd’hui · + Créer · dépenses rapides
   ========================================================= */

.top-create-btn{
  height:36px;border:1px solid #d3b36e;border-radius:10px;padding:0 12px;
  background:linear-gradient(145deg,#e2bc67,#bd8330);color:#fff;
  display:flex;align-items:center;gap:6px;font-size:8px;font-weight:800;
  box-shadow:0 7px 18px rgba(181,126,44,.18);cursor:pointer
}
.top-create-btn span{font-size:15px;line-height:1}
.top-create-btn:hover{box-shadow:0 10px 23px rgba(181,126,44,.25)}

.today-command-center{
  display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:9px;align-items:stretch;
  margin:0 0 12px
}
.today-command-card{
  min-height:76px;border:1px solid #d8e5f0;border-radius:15px;background:#fff;
  display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:11px 12px;
  box-shadow:0 8px 23px rgba(31,70,109,.06)
}
.today-command-card.next{
  background:
    radial-gradient(circle at 100% 0%,rgba(127,169,217,.18),transparent 9rem),
    #fff
}
.today-command-icon{
  width:38px;height:38px;border-radius:11px;background:#e8f2fb;color:#285f93;
  display:grid;place-items:center;font-size:15px
}
.today-command-card small{
  display:block;color:#7890a7;font-size:6.2px;font-weight:800;letter-spacing:.07em
}
.today-command-card strong{
  display:block;color:#142b5f;font-size:9.2px;margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.today-command-card em{
  display:block;color:#6e87a0;font-style:normal;font-size:6.7px;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.today-command-actions{
  min-width:105px;border:1px solid #d8e5f0;border-radius:15px;background:#fff;
  display:flex;flex-direction:column;padding:5px;gap:4px;
  box-shadow:0 8px 23px rgba(31,70,109,.06)
}
.today-command-actions button{
  flex:1;border:0;border-radius:9px;background:transparent;color:#426887;
  text-align:left;padding:6px 8px;font-size:7px;font-weight:800;cursor:pointer
}
.today-command-actions button:hover{background:#eaf4fc;color:#142b5f}

/* Global Create */
.global-create-modal{
  position:fixed;inset:0;z-index:230;display:none;align-items:center;justify-content:center;padding:16px
}
.global-create-modal.open{display:flex}
.global-create-backdrop{
  position:absolute;inset:0;background:rgba(20,43,95,.25);backdrop-filter:blur(8px)
}
.global-create-dialog{
  position:relative;z-index:1;width:min(620px,100%);
  border:1px solid #d3e0ec;border-radius:22px;background:#fff;padding:18px;
  box-shadow:0 26px 80px rgba(29,67,107,.20)
}
.global-create-head{
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
  padding-bottom:12px;border-bottom:1px solid #e2eaf1
}
.global-create-head h2{margin:2px 0 4px;color:#142b5f;font-size:21px}
.global-create-head p:last-child{margin:0;color:#7189a1;font-size:7.5px}
.global-create-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px
}
.global-create-grid>button{
  border:1px solid #d7e4ef;border-radius:13px;background:#fbfdff;color:#142b5f;
  display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;
  text-align:left;padding:11px;cursor:pointer
}
.global-create-grid>button:hover{
  background:#edf6fd;border-color:#bad2e6;transform:translateY(-1px)
}
.global-create-grid>button>span{
  width:38px;height:38px;border-radius:11px;background:#fff5de;color:#a67625;
  display:grid;place-items:center;font-size:15px
}
.global-create-grid strong{display:block;font-size:9px}
.global-create-grid small{display:block;color:#758da4;font-size:6.6px;margin-top:3px}
.global-create-grid em{font-style:normal;color:#a97b2e;font-size:9px}

/* Quick expenses */
.quick-expenses-card{margin-top:10px;padding:14px}
.quick-expenses-card .secondary-btn{margin:0}
.quick-expenses-summary{
  display:flex;justify-content:space-between;align-items:baseline;
  margin:10px 0 4px;padding:10px 11px;border-radius:11px;background:#f6faff;border:1px solid #dce7f0
}
.quick-expenses-summary span{color:#7189a1;font-size:7px;text-transform:uppercase}
.quick-expenses-summary strong{color:#142b5f;font-size:16px}
.quick-expenses-list{display:flex;flex-direction:column}
.quick-expense-row{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  padding:8px 3px;border-bottom:1px solid #e4ecf3
}
.quick-expense-row:last-child{border-bottom:0}
.quick-expense-row strong{display:block;color:#142b5f;font-size:8px}
.quick-expense-row small{display:block;color:#758da4;font-size:6.4px;margin-top:2px}
.quick-expense-row b{color:#9b7029;font-size:8px}
.quick-expense-empty{padding:12px 3px;color:#8095a8;font-size:7px}

/* Travel interaction states */
.travel-tabs button,
.travel-link-grid button,
.travel-search-actions button{
  cursor:pointer
}
.travel-link-grid button:active,
.travel-tabs button:active{
  transform:translateY(1px)
}

/* Mobile simplification */
@media(max-width:980px){
  .today-command-center{grid-template-columns:1fr 1fr}
  .today-command-actions{
    grid-column:1/-1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr)
  }
  .today-command-actions button{text-align:center}
}
@media(max-width:700px){
  .top-create-btn{
    width:36px;padding:0;justify-content:center;border-radius:10px
  }
  .top-create-btn b{display:none}
  .today-command-center{grid-template-columns:1fr}
  .today-command-actions{grid-column:auto}
  .global-create-modal{padding:8px;align-items:flex-end}
  .global-create-dialog{
    border-radius:20px 20px 10px 10px;padding:15px;max-height:88vh;overflow:auto
  }
  .global-create-grid{grid-template-columns:1fr}
}


/* =========================================================
   V19 — CHARTE FABRONEX COORDINATION
   Référence: fabronex-coordination/src/styles.css
   Bleu profond #103654 · Bleu clair #5eb6df · Blanc · Or
   ========================================================= */
:root{
  --bg:#f4f7fa;
  --bg2:#eef4f7;
  --navy:#103654;
  --navy2:#123956;
  --navy3:#17435f;
  --card:#ffffff;
  --card2:#f8fafb;
  --line:#e2e8ed;
  --line2:#d8e1e8;
  --text:#263545;
  --muted:#6b7d8c;
  --blue:#5eb6df;
  --blue2:#67b9df;
  --cyan:#7ac8e8;
  --green:#2a7651;
  --red:#a9473f;
  --amber:#ba6829;
  --gold:#c69a3b;
  --gold2:#d6b167;
  --gold3:#9a7130;
  --shadow:0 6px 24px rgba(31,53,72,.045);
  --radius:16px
}
html{background:#f4f7fa}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#f4f7fa;
  color:#263545
}
main{color:#263545}
.workspace{background:#f4f7fa}

/* Sidebar identique à Coordination */
.sidebar{
  background:#103654 !important;
  color:#fff !important;
  border-right:0 !important;
  box-shadow:8px 0 28px rgba(16,54,84,.08) !important
}
.side-brand span,
.side-brand strong{color:#fff !important}
.side-brand small{color:#b8d1e1 !important}
.side-brand img{
  background:#000;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 20px rgba(0,0,0,.12)
}
.side-nav button{
  background:transparent !important;
  color:#d9e6ef !important;
  border-radius:10px !important;
  box-shadow:none !important
}
.side-nav button span{color:#b8d1e1 !important}
.side-nav button:hover{
  background:rgba(255,255,255,.07) !important;
  color:#fff !important
}
.side-nav button.active{
  background:#fff !important;
  color:#103654 !important;
  font-weight:800 !important
}
.side-nav button.active:before{display:none !important}
.side-nav button.active span{color:#103654 !important}
.side-signature{
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:none !important
}
.side-signature strong{color:#fff !important}
.side-signature span{color:#b8d1e1 !important}
.signature-glow{border-left-color:#d6b167 !important}

/* Header Coordination */
.topbar{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #e3e9ef !important;
  box-shadow:0 5px 18px rgba(19,55,82,.04) !important;
  backdrop-filter:blur(14px)
}
.search-box{
  background:#f7fafc !important;
  border:1px solid #e1e8ed !important;
  box-shadow:none !important;
  border-radius:12px !important
}
.search-box span{color:#7690a1 !important}
.search-box input{color:#24455f !important}
.search-box input::placeholder{color:#8194a3 !important}
.search-box kbd{
  background:#eef3f6 !important;
  border-color:#dfe7ee !important;
  color:#718391 !important
}
.icon-btn{
  background:#eaf1f6 !important;
  border:0 !important;
  color:#103654 !important;
  box-shadow:none !important;
  border-radius:10px !important
}
.profile-btn{color:#263545 !important}
.profile-copy b{color:#153b57 !important}
.profile-copy small{color:#7a8995 !important}
.avatar{
  background:#103654 !important;
  color:#7ac8e8 !important;
  border-radius:12px !important
}
.top-create-btn{
  background:#103654 !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:none !important;
  border-radius:10px !important
}
.top-create-btn:hover{background:#0b2d48 !important}

/* Titres */
.eyebrow{
  color:#5eb6df !important;
  font-weight:800 !important;
  letter-spacing:.14em !important
}
h1,h2,h3,
.section-title h1,.section-title h2,
.panel-title h2,.bureau-panel-heading h2,
.travel-hub-heading h2,.finance-module-hero h2{
  color:#123956
}
.muted{color:#6b7d8c !important}

/* Cartes Coordination */
.panel,
.quote-card,
.company-card,
.tracking-kpis article,
.bureau-kpis article,
.finance-overview-kpis article,
.finance-module-hero,
.finance-universe-grid button,
.settings-card,
.gazette-widget,
.gazette-quote-card,
.planner-settings-card,
.planner-summary-card,
.planner-stops-card,
.planner-result-card,
.travel-search-card,
.travel-context-card,
.calendar-connection-card,
.calendar-connection-note,
.today-command-card,
.today-command-actions,
.quick-expenses-card{
  background:#fff !important;
  border:1px solid #e2e8ed !important;
  border-radius:16px !important;
  box-shadow:0 6px 24px rgba(31,53,72,.045) !important;
  color:#263545 !important
}

/* KPI */
.gazette-premium-kpis>button,
.bureau-kpis article,
.tracking-kpis article,
.finance-overview-kpis article{
  background:#fff !important;
  border:1px solid #e1e8ed !important;
  border-radius:15px !important;
  box-shadow:none !important
}
.gazette-premium-kpis>button:hover,
.bureau-kpis article:hover,
.tracking-kpis article:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(31,53,72,.09) !important;
  border-color:#bdd9e8 !important
}
.gazette-kpi-icon,
.today-command-icon,
.title-icon{
  background:#e8f3f9 !important;
  color:#103654 !important
}
.gazette-premium-kpis strong,
.bureau-kpis strong,
.tracking-kpis strong,
.finance-overview-kpis strong,
.today-command-card strong{
  color:#123956 !important
}
.gazette-premium-kpis small,
.bureau-kpis span,.bureau-kpis small,
.tracking-kpis span,.tracking-kpis small,
.finance-overview-kpis span,.finance-overview-kpis small,
.today-command-card small,.today-command-card em{
  color:#71808c !important
}

/* Boutons exacts Coordination */
.primary-btn,.gold-action{
  background:#103654 !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:none !important;
  border-radius:10px !important;
  font-weight:750 !important
}
.primary-btn:hover,.gold-action:hover{background:#0b2d48 !important}
.secondary-btn{
  background:#e7f2f8 !important;
  border:0 !important;
  color:#123956 !important;
  box-shadow:none !important;
  border-radius:10px !important;
  font-weight:750 !important
}
.secondary-btn:hover{background:#d9edf7 !important}
.danger-outline-btn{
  background:#fff1ec !important;
  border:0 !important;
  color:#b65e37 !important
}

/* Formulaires Coordination */
input,select,textarea,
.quote-form-grid input,.quote-form-grid textarea,.mission-editor-row input,
.planner-form-grid input,.planner-form-grid select,
.planner-stop-row input,.planner-stop-row select,
.agenda-event-form input,.agenda-event-form select,.agenda-event-form textarea,
.travel-form-grid input,.travel-form-grid select{
  background:#fff !important;
  color:#263545 !important;
  border:1px solid #d8e1e8 !important;
  border-radius:10px !important;
  box-shadow:none !important
}
input:focus,select:focus,textarea:focus,
.quote-form-grid input:focus,.planner-form-grid input:focus,
.agenda-event-form input:focus,.travel-form-grid input:focus{
  border-color:#67b9df !important;
  box-shadow:0 0 0 3px rgba(103,185,223,.15) !important;
  outline:none !important
}
input::placeholder,textarea::placeholder{color:#8999a5 !important}
.input-suffix,.planner-duration-input{
  background:#fff !important;
  border:1px solid #d8e1e8 !important
}

/* Onglets / filtres */
.bureau-tabs,.finance-tabs,.agenda-hub-tabs,.travel-tabs,.tracking-tabs{
  background:#fff !important;
  border:1px solid #e1e8ed !important;
  border-radius:12px !important;
  box-shadow:none !important;
  padding:4px !important
}
.bureau-tabs button,.finance-tabs button,.agenda-hub-tabs button,
.travel-tabs button,.tracking-tabs button{
  color:#536675 !important;
  border-radius:9px !important
}
.bureau-tabs button:hover,.finance-tabs button:hover,.agenda-hub-tabs button:hover,
.travel-tabs button:hover,.tracking-tabs button:hover{
  background:#f2f7fa !important;
  color:#103654 !important
}
.bureau-tabs button.active,.finance-tabs button.active,.agenda-hub-tabs button.active,
.travel-tabs button.active,.tracking-tabs button.active{
  background:#103654 !important;
  color:#fff !important;
  box-shadow:none !important
}
.filter{
  background:#f7fafc !important;
  border:1px solid #dbe4ea !important;
  color:#4e6575 !important
}
.filter.active{
  background:#103654 !important;
  color:#fff !important;
  border-color:#103654 !important
}

/* Tables / lignes */
.tracking-row,
.bureau-business-row,
.calendar-event-card,
.train-result-card{
  background:#fff !important;
  border-color:#edf1f4 !important;
  color:#263545 !important
}
.tracking-row:hover,
.bureau-business-row:hover,
.calendar-event-card:hover,
.train-result-card:hover{
  background:#f8fbfd !important
}
.bureau-business-head{
  background:#eef5f9 !important;
  color:#5c7080 !important
}
.tracking-status,
.status-pill,.pill{
  border-radius:999px !important
}

/* Agenda Coordination */
.calendar-source-strip button{
  background:#f7fafc !important;
  border:1px solid #dbe4ea !important;
  color:#4e6575 !important
}
.calendar-source-strip button.active{
  background:#103654 !important;
  color:#fff !important;
  border-color:#103654 !important
}
.calendar-date-nav button,.calendar-mode-switch button,
.planner-nav-buttons button{
  background:#e7f2f8 !important;
  border:0 !important;
  color:#123956 !important;
  border-radius:10px !important
}
.calendar-mode-switch button.active{
  background:#103654 !important;
  color:#fff !important
}
.calendar-week-day,.calendar-month-day{
  background:#fff !important;
  border:1px solid #e2e8ed !important
}
.calendar-week-day.today,.calendar-month-day.today{
  background:#f2fbff !important;
  border-color:#bdd9e8 !important
}

/* Planner */
.planner-summary-kpis>div,
.planner-stop-row,
.planner-api-state,
.planner-route-summary,
.planner-result-stop{
  background:#f8fafb !important;
  border:1px solid #edf1f4 !important;
  color:#263545 !important
}
.planner-stop-title>b,.planner-result-order{
  background:#e8f3f9 !important;
  color:#103654 !important
}
.planner-location-chip{
  background:#e8f3f9 !important;
  border:1px solid #d8e7ef !important
}
.planner-action-bar{
  background:#f8fafb !important;
  border:1px solid #e2e8ed !important
}
.planner-result-stop.fixed-stop{
  background:#fffaf5 !important;
  border-color:#efc8a9 !important
}
.planner-result-stop.late-stop{
  background:#fde9e6 !important;
  border-color:#e6b6b0 !important
}

/* Déplacements */
.travel-link-grid button{
  background:#fff !important;
  border:1px solid #e1e8ed !important;
  color:#263545 !important;
  border-radius:12px !important;
  box-shadow:none !important
}
.travel-link-grid button:hover{
  background:#f8fbfd !important;
  border-color:#bdd9e8 !important
}
.travel-link-grid em{color:#c69a3b !important}
.train-result-journey b{background:#67b9df !important}
.train-result-meta strong{color:#153b57 !important}

/* Finance: garder le bandeau sombre signature Coordination */
.finance-hero{
  background:linear-gradient(135deg,#123956 0%,#0f2f49 100%) !important;
  color:#fff !important;
  border-color:#123956 !important;
  box-shadow:0 10px 28px rgba(11,37,74,.12) !important
}
.finance-hero h1,.finance-hero h2,.finance-hero strong{color:#fff !important}
.finance-hero span,.finance-hero p,.finance-hero small{color:#b9d1df !important}
.finance-hero .eyebrow{color:#d9b56d !important}
.finance-universe-grid button:hover{background:#f8fbfd !important}

/* IA */
.ai-orb{
  background:#e8f3f9 !important;
  border:1px solid #d6e4ec !important;
  box-shadow:none !important
}
.ai-chips button,.suggestions button{
  background:#e7f2f8 !important;
  border:0 !important;
  color:#123956 !important;
  border-radius:10px !important
}
.ai-chips button:hover,.suggestions button:hover{background:#d9edf7 !important}
.chat .message>div,.message>div{
  background:#fff !important;
  border:1px solid #e2e8ed !important;
  color:#263545 !important
}
.chat .message.user>div,.message.user>div{
  background:#e8f3f9 !important;
  border-color:#d5e5ee !important
}

/* Modales */
.global-create-dialog,.company-modal-dialog,.agenda-event-dialog,
.clients-modal-dialog,.payment-dialog,.import-dialog{
  background:#fff !important;
  border:1px solid #e2e8ed !important;
  border-radius:16px !important;
  box-shadow:0 16px 38px rgba(11,42,68,.15) !important;
  color:#263545 !important
}
.global-create-grid>button{
  background:#f8fafb !important;
  border:1px solid #edf1f4 !important;
  color:#263545 !important
}
.global-create-grid>button:hover{background:#f2f7fa !important}
.global-create-grid>button>span{
  background:#e8f3f9 !important;
  color:#103654 !important
}

/* Adresse */
.address-autocomplete-popover{
  background:#fff !important;
  border:1px solid #dfe7ee !important;
  border-radius:12px !important;
  box-shadow:0 16px 38px rgba(11,42,68,.15) !important
}
#addressAutocompleteList button:hover{background:#f2f7fa !important}
.address-suggestion-pin{
  background:#e8f3f9 !important;
  color:#103654 !important
}
input.address-localized{
  border-color:#67b9df !important;
  box-shadow:0 0 0 3px rgba(103,185,223,.10) !important;
  background:#fff !important
}

/* Gazette: cadre Hub mais composants Coordination */
.gazette-welcome h1{color:#123956 !important}
.gazette-premium-kpis>button{color:#263545 !important}
.gazette-widgets .gazette-widget,.gazette-quote-card{
  background:#fff !important;
  border:1px solid #e2e8ed !important;
  box-shadow:0 6px 24px rgba(31,53,72,.045) !important
}
.gazette-mini-widgets>button{
  background:#fff !important;
  border:1px solid #e1e8ed !important;
  color:#263545 !important
}
/* Le journal papier reste volontairement vintage */
.gazette-paper{
  box-shadow:0 8px 28px rgba(31,53,72,.08) !important
}

/* Quick Create / Aujourd'hui */
.today-command-actions button{
  color:#4e6575 !important
}
.today-command-actions button:hover{
  background:#e7f2f8 !important;
  color:#103654 !important
}
.quick-expenses-summary{
  background:#f8fafb !important;
  border:1px solid #edf1f4 !important
}

/* Mobile comme Coordination : clair + bleu */
@media(max-width:850px){
  .topbar{background:rgba(255,255,255,.97) !important}
  .mobile-brand strong{color:#103654 !important}
  .bottom-nav{
    background:#fff !important;
    border:1px solid #e1e8ed !important;
    box-shadow:0 10px 26px rgba(31,53,72,.09) !important
  }
  .bottom-nav button{color:#627685 !important}
  .bottom-nav button.active{
    background:#e7f2f8 !important;
    color:#103654 !important
  }
  .bottom-nav button.active span{color:#103654 !important}
  .agenda-hub-tabs,.bureau-tabs,.finance-tabs,.travel-tabs{
    background:#fff !important
  }
}


/* V20 — Données centrales D1 */
.hub-data-status{
  height:36px;display:flex;align-items:center;gap:7px;
  border:1px solid #e1e8ed;border-radius:10px;background:#fff;color:#263545;
  padding:0 9px;cursor:pointer;position:relative;z-index:95;pointer-events:auto!important
}
.hub-data-status i{
  width:8px;height:8px;border-radius:50%;background:#9ca9b3;
  box-shadow:0 0 0 3px rgba(156,169,179,.10)
}
.hub-data-status span{display:flex;flex-direction:column;text-align:left;line-height:1.05}
.hub-data-status strong{font-size:7px;color:#153b57}
.hub-data-status small{font-size:5.7px;color:#7a8995;margin-top:2px}
.hub-data-status[data-mode="cloud"] i{background:#2f8b64;box-shadow:0 0 0 3px rgba(47,139,100,.12)}
.hub-data-status[data-mode="syncing"] i{background:#c69a3b;box-shadow:0 0 0 3px rgba(198,154,59,.12)}
.hub-central-card{grid-column:1/-1}
.hub-central-card>span{background:#e8f3f9!important;color:#103654!important}
.hub-settings-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:700px){
  .hub-data-status{width:36px;padding:0;justify-content:center}
  .hub-data-status span{display:none}
  .hub-central-card{grid-template-columns:38px 1fr!important}
  .hub-settings-actions{grid-column:1/-1;justify-content:stretch}
  .hub-settings-actions button{flex:1}
}


/* V21 — Diagnostic D1 */
.hub-central-copy{min-width:0}
.hub-health-grid{
  display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));
  gap:7px;margin-top:10px
}
.hub-health-grid>div{
  display:grid;grid-template-columns:8px 1fr;column-gap:7px;row-gap:2px;
  align-items:center;padding:8px 9px;border:1px solid #edf1f4;
  border-radius:10px;background:#f8fafb
}
.hub-health-grid i{
  width:7px;height:7px;border-radius:50%;background:#a9b4bc;
  grid-row:1/3
}
.hub-health-grid span{font-size:6.4px;color:#7a8995}
.hub-health-grid strong{font-size:7px;color:#153b57}
.hub-health-grid>div[data-state="ok"] i{background:#2f8b64}
.hub-health-grid>div[data-state="warn"] i{background:#c69a3b}
@media(max-width:900px){
  .hub-health-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .hub-health-grid{grid-template-columns:1fr 1fr}
}


/* =========================================================
   V22 — ÉTAPE 3 · ACCÈS, PRESTATAIRES ET ESPACE PRIVÉ
   ========================================================= */
.external-only{display:none!important}
body.external-profile .external-only{display:block!important}
body.external-profile [data-owner-nav]{display:none!important}
body.external-profile .external-only-nav{display:flex!important}
body:not(.external-profile) .external-only-nav{display:none!important}

body.external-profile #view-home>.gazette-welcome,
body.external-profile #view-home>.today-command-center,
body.external-profile #view-home>.gazette-premium-kpis,
body.external-profile #view-home>.gazette-layout,
body.external-profile #view-home>.gazette-widgets{display:none!important}
.external-home-hero{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#0b254a 0%,#123663 68%,#173f6d 100%);
  color:#fff;box-shadow:0 10px 28px rgba(11,37,74,.12);margin-bottom:14px
}
.external-home-hero h1{color:#fff;margin:4px 0 6px}
.external-home-hero p{margin:0;color:#c9d5e5}
.external-home-hero .eyebrow{color:#d9b56d!important}
.external-home-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.external-home-kpis button{
  display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;text-align:left;
  padding:14px;border:1px solid #e1e8ed;border-radius:15px;background:#fff;color:#263545
}
.external-home-kpis button>span{width:40px;height:40px;border-radius:11px;background:#e8f3f9;color:#103654;display:grid;place-items:center}
.external-home-kpis button div{min-width:0;display:flex;flex-direction:column}
.external-home-kpis small{font-size:8px;font-weight:900;color:#71808c;text-transform:uppercase}
.external-home-kpis strong{font-size:13px;color:#123956;margin-top:2px}
.external-home-kpis em{font-size:8px;font-style:normal;color:#7a8995;margin-top:2px}
.external-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.external-home-grid>.external-private-card{grid-column:1/-1}
.external-action-list,.external-company-access{display:flex;flex-direction:column;gap:7px}
.external-action-list button,.external-company-access button{
  width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;
  padding:9px;border:1px solid #edf1f4;border-radius:11px;background:#fbfcfd;color:#263545
}
.external-action-list button>span,.external-company-access button>span{
  width:32px;height:32px;border-radius:9px;background:#e8f3f9;color:#103654;display:grid;place-items:center;font-weight:900
}
.external-action-list strong,.external-company-access strong{display:block;font-size:10px;color:#153b57}
.external-action-list small,.external-company-access small{display:block;font-size:8px;color:#7a8995;margin-top:2px}
.external-action-list em,.external-company-access em{font-style:normal;color:#9a7130;font-size:8px;font-weight:900}
.external-private-card p{color:#627685;line-height:1.5;margin:0 0 12px}
.external-private-actions{display:flex;gap:8px;flex-wrap:wrap}

body.external-profile #view-bureau>.bureau-hub-title,
body.external-profile #view-bureau>#bureauTabs,
body.external-profile #view-bureau>.bureau-tab-panel{display:none!important}
body.external-profile #externalBureau{display:block!important}
body.external-profile.external-agenda-mode #externalBureau{display:none!important}
body.external-profile.external-agenda-mode #view-bureau>[data-bureau-panel="agenda"]{display:block!important}
.external-company-switch{display:flex;gap:7px;flex-wrap:wrap}
.external-company-switch button{
  border:1px solid #dbe4ea;background:#fff;color:#4e6575;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900
}
.external-company-switch button.active{background:#103654;color:#fff;border-color:#103654}
.external-workspace-head{
  display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid #e2e8ed;border-radius:16px;margin-bottom:14px
}
.external-company-logo{width:46px;height:46px;border-radius:12px;background:#103654;color:#7ac8e8;display:grid;place-items:center;font-weight:900}
.external-workspace-head small{font-size:8px;color:#7a8995;font-weight:900}
.external-workspace-head h2{margin:2px 0;color:#123956}
.external-workspace-head p{margin:0;color:#71808c;font-size:9px}
.external-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.external-module-card{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0!important
}
.external-module-card>span{width:40px;height:40px;border-radius:11px;background:#e8f3f9;color:#103654;display:grid;place-items:center;font-weight:900}
.external-module-card div{min-width:0}
.external-module-card small{display:block;color:#7a8995;font-size:8px}
.external-module-card strong{display:block;color:#153b57;margin-top:2px}
.external-module-card em{display:inline-flex;margin-top:5px;font-style:normal;font-size:8px;color:#9a7130;font-weight:900}
.external-module-card button{border:0;background:#e7f2f8;color:#123956;border-radius:10px;padding:9px 11px;font-size:8px;font-weight:900}
.external-module-card button:disabled{opacity:.45}
.external-shared-rule{display:flex!important;gap:11px;align-items:flex-start}
.external-shared-rule>span{width:38px;height:38px;border-radius:10px;background:#e8f3f9;display:grid;place-items:center;flex:0 0 auto}
.external-shared-rule p{margin:3px 0 0;color:#71808c;font-size:9px;line-height:1.45}

.external-ai-scope{margin:0 auto 14px;max-width:720px;padding:10px 12px;border:1px solid #d9e7ee;background:#f1f7fa;border-radius:11px}
body.external-profile .external-ai-scope{display:flex!important;align-items:center;gap:9px}
.external-ai-scope strong{display:block;color:#153b57;font-size:10px}
.external-ai-scope small{display:block;color:#71808c;font-size:8px;margin-top:2px}

.team-security-note{display:flex!important;align-items:center;gap:11px;background:#f8fafb!important}
.team-security-note>span{width:38px;height:38px;border-radius:10px;background:#e8f3f9;display:grid;place-items:center}
.team-security-note p{margin:3px 0 0;color:#71808c;font-size:9px;line-height:1.4}
.bureau-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bureau-team-card{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0!important}
.bureau-team-card .secondary-btn{grid-column:2/-1;justify-self:start}
.bureau-team-card em{font-style:normal;border-radius:999px;padding:5px 8px;background:#eaf8f0;color:#257848;font-size:8px;font-weight:900}
.bureau-team-card em.danger{background:#feebeb;color:#a93838}
.bureau-team-placeholder{min-height:118px;border:1px dashed #cbd7df!important;background:#f8fafb!important;border-radius:16px!important;color:#536675;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.bureau-team-placeholder>span{font-size:20px;color:#103654}
.bureau-team-placeholder strong{color:#153b57}
.bureau-team-placeholder small{font-size:8px;color:#7a8995}

.team-access-dialog{width:min(860px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto}
.team-access-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0}
.team-access-form label{display:flex;flex-direction:column;gap:5px}
.team-access-form label>span{font-size:9px;font-weight:900;color:#627685;text-transform:uppercase}
.team-private-rule{padding:11px 12px;border:1px solid #d9e7ee;background:#f1f7fa;border-radius:11px;margin-bottom:14px}
.team-private-rule strong,.team-private-rule span,.team-private-rule small{display:block}
.team-private-rule strong{font-size:10px;color:#153b57}
.team-private-rule span{font-size:9px;color:#103654;font-weight:900;margin-top:3px}
.team-private-rule small{font-size:8px;color:#71808c;margin-top:3px}
.team-company-permissions{display:flex;flex-direction:column;gap:9px}
.team-company-permission{border:1px solid #e2e8ed;border-radius:13px;padding:11px;background:#fff}
.team-company-toggle{display:flex!important;align-items:center!important;gap:8px!important;flex-direction:row!important;font-weight:900;color:#153b57}
.team-company-toggle input{width:18px;height:18px}
.team-module-permissions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.team-module-permissions label{display:flex;flex-direction:column;gap:4px}
.team-module-permissions label span{font-size:8px;font-weight:900;color:#627685}
.team-module-permissions select{height:36px;font-size:9px}

.access-blocked{min-height:100vh;display:grid;place-items:center;background:#f4f7fa;padding:24px}
.access-blocked section{max-width:480px;text-align:center;background:#fff;border:1px solid #e2e8ed;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(31,53,72,.08)}
.access-blocked img{width:58px;height:58px}
.access-blocked h1{color:#123956}

@media(max-width:850px){
  .external-home-hero{align-items:flex-start;flex-direction:column}
  .external-home-kpis{grid-template-columns:1fr 1fr}
  .external-home-grid,.external-module-grid,.bureau-team-grid{grid-template-columns:1fr}
  .team-module-permissions{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .external-home-kpis{grid-template-columns:1fr}
  .team-access-form,.team-module-permissions{grid-template-columns:1fr}
  .external-module-card{grid-template-columns:38px minmax(0,1fr)}
  .external-module-card button{grid-column:1/-1}
}


/* Étape 3 — navigation prestataire */
body.external-user #bureauTabs [data-bureau-tab="agenda"]{display:none!important}
body.external-user #bureauTabs [data-bureau-tab="team"],
body.external-user #bureauTabs [data-bureau-tab="companies"]{display:none!important}


/* V22.1 — Alignement final espace prestataire */
.external-welcome{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 24px;border-radius:18px;
  background:linear-gradient(135deg,#0b254a 0%,#123663 68%,#173f6d 100%);
  color:#fff;box-shadow:0 10px 28px rgba(11,37,74,.12);margin-bottom:14px
}
.external-welcome h1{color:#fff;margin:4px 0 6px}
.external-welcome h1 em{font-style:normal;color:#fff}
.external-welcome p{margin:0;color:#c9d5e5}
.external-welcome .eyebrow{color:#d9b56d!important}
.external-private-banner{
  display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:14px;
  background:#f8fafb;border:1px solid #e2e8ed;border-radius:14px
}
.external-private-banner>span{
  width:38px;height:38px;border-radius:10px;background:#e8f3f9;
  display:grid;place-items:center;flex:0 0 auto
}
.external-private-banner strong{display:block;color:#153b57}
.external-private-banner small{display:block;color:#71808c;font-size:9px;line-height:1.45;margin-top:2px}
.external-access-card,.external-tools-card{margin:0!important}
.external-tool-list{display:flex;flex-direction:column;gap:7px}
.external-tool-list button{
  width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;
  align-items:center;text-align:left;padding:9px;border:1px solid #edf1f4;
  border-radius:11px;background:#fbfcfd;color:#263545
}
.external-tool-list button>span{
  width:32px;height:32px;border-radius:9px;background:#e8f3f9;
  color:#103654;display:grid;place-items:center
}
.external-tool-list strong{display:block;font-size:10px;color:#153b57}
.external-tool-list small{display:block;font-size:8px;color:#7a8995;margin-top:2px}
.external-tool-list em{font-style:normal;color:#ba6829;font-size:8px;font-weight:900}
.external-module-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.external-module-actions button{min-width:108px}
.bureau-team-scope{
  grid-column:2/-1;display:flex;gap:5px;flex-wrap:wrap
}
.bureau-team-scope span{
  display:inline-flex;padding:4px 7px;border-radius:999px;background:#e7f2f8;
  color:#123956;font-size:7px;font-weight:850
}
.bureau-team-card em.prepared{background:#fff5df;color:#966b16}
.team-permissions-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:10px;
  margin:14px 0 8px
}
.team-permissions-head div{display:flex;flex-direction:column;gap:2px}
.team-permissions-head strong{color:#153b57;font-size:11px}
.team-permissions-head small,.team-permissions-head>span{color:#7a8995;font-size:8px}
body.external-profile #openGlobalCreate{display:inline-flex}
@media(max-width:850px){
  .external-welcome{flex-direction:column;align-items:flex-start}
  .external-home-grid{grid-template-columns:1fr}
  .external-module-actions{grid-column:1/-1;justify-content:stretch}
  .external-module-actions button{flex:1}
}


/* V26 — CLASSEMENT PARTAGÉ DES FACTURES */
.shared-invoice-board{margin-top:14px}
.shared-invoice-intro{margin:-4px 0 12px;color:#71808c;font-size:10px}
.shared-invoice-list{display:flex;flex-direction:column;gap:7px}
.shared-invoice-row{
  display:grid;grid-template-columns:minmax(0,1.4fr) 150px 150px 34px;
  gap:10px;align-items:center;padding:10px 11px;border:1px solid #edf1f4;
  border-radius:11px;background:#fbfcfd
}
.shared-invoice-main{min-width:0}
.shared-invoice-main strong{display:block;color:#153b57;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shared-invoice-main small{display:block;color:#7a8995;font-size:8px;margin-top:3px}
.shared-invoice-company{
  display:inline-flex;margin-bottom:4px;padding:3px 6px;border-radius:999px;
  background:#e8f3f9;color:#103654;font-size:7px;font-weight:900
}
.shared-invoice-amount{font-size:9px;color:#536675;font-weight:800;text-align:right}
.shared-invoice-row select{height:34px;padding:0 8px;font-size:8px}
.shared-invoice-delete{
  width:30px;height:30px;border:0;border-radius:9px;background:#fff1ec;color:#b65e37;font-weight:900
}
.shared-invoice-empty{
  padding:16px;text-align:center;border:1px dashed #d8e1e8;border-radius:11px;
  color:#7a8995;background:#f8fafb;font-size:9px
}
.module-hidden{display:none!important}
@media(max-width:760px){
  .shared-invoice-row{grid-template-columns:1fr 1fr;gap:8px}
  .shared-invoice-main{grid-column:1/-1}
  .shared-invoice-amount{text-align:left}
  .shared-invoice-delete{justify-self:end}
}


/* V26 — JOURNAL DES ACCÈS */
.team-audit-card{margin-top:14px}
.team-audit-list{display:flex;flex-direction:column;gap:6px}
.team-audit-row{
  display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;
  padding:8px 9px;border:1px solid #edf1f4;border-radius:10px;background:#fbfcfd
}
.team-audit-row>span{
  width:28px;height:28px;border-radius:8px;background:#e8f3f9;color:#103654;
  display:grid;place-items:center;font-size:9px
}
.team-audit-row strong{display:block;color:#153b57;font-size:9px}
.team-audit-row small{display:block;color:#7a8995;font-size:7.5px;margin-top:2px}
.team-audit-row time{font-size:7.5px;color:#7a8995;white-space:nowrap}
@media(max-width:600px){
  .team-audit-row{grid-template-columns:28px 1fr}
  .team-audit-row time{grid-column:2}
}


/* V27 — Prévisualisation des droits */
.profile-preview-banner{
  position:sticky;top:0;z-index:85;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:9px 18px;background:#fff7e6;border-bottom:1px solid #ead6aa;
  color:#6f5420;box-shadow:0 3px 12px rgba(31,53,72,.05)
}
.profile-preview-banner[hidden]{display:none!important}
.profile-preview-banner>div{display:flex;align-items:center;gap:8px;min-width:0}
.profile-preview-banner>div>span{font-size:15px}
.profile-preview-banner strong{font-size:10px;color:#6b501e}
.profile-preview-banner strong b{color:#103654}
.profile-preview-banner small{font-size:8px;color:#8a754c}
.profile-preview-banner button{
  border:1px solid #d6b167;background:#fff;color:#103654;border-radius:9px;
  padding:7px 10px;font-size:8px;font-weight:900;white-space:nowrap
}
.bureau-team-card-actions{grid-column:2/-1;display:flex;gap:7px;flex-wrap:wrap}
.bureau-team-card-actions .secondary-btn{grid-column:auto!important;justify-self:auto!important}
@media(max-width:700px){
  .profile-preview-banner{position:relative;align-items:flex-start;flex-direction:column;padding:10px 14px}
  .profile-preview-banner>div{align-items:flex-start;flex-wrap:wrap}
  .profile-preview-banner button{width:100%}
}


/* Étape 4 — connexions calendrier */
.calendar-live-controls{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding-top:12px;
  margin-top:4px;
  border-top:1px solid rgba(255,255,255,.08);
}
.calendar-live-controls label{display:flex;align-items:center;gap:8px}
.calendar-live-controls label span,.calendar-live-controls small{color:var(--muted,#8f9aab);font-size:12px}
.calendar-live-controls select{
  min-height:36px;
  border-radius:10px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(7,17,31,.78);
  color:inherit;
}
.calendar-connection-card>em{max-width:240px;text-align:right}
@media(max-width:720px){
  .calendar-live-controls{align-items:stretch;flex-direction:column}
  .calendar-live-controls label{justify-content:space-between}
  .calendar-live-controls select{max-width:58%}
  .calendar-connection-card>em{text-align:left;max-width:none}
}


/* Étape 4 — connexions agenda réelles */
.calendar-live-controls{
  grid-column:2/4;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding-top:8px;
  margin-top:2px;
  border-top:1px solid rgba(41,77,108,.12);
}
.calendar-live-controls label{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:190px;
}
.calendar-live-controls label span{
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6d879c;
}
.calendar-live-controls select{
  min-height:34px;
  border:1px solid #d7e3ed;
  border-radius:9px;
  background:#fff;
  color:#18354f;
  padding:0 30px 0 10px;
  font:inherit;
  font-size:8px;
}
.calendar-live-controls>small{
  flex:1;
  min-width:150px;
  margin:0;
}
.calendar-live-controls .text-btn{
  white-space:nowrap;
}
.calendar-live-controls.apple .secondary-btn{
  margin-left:auto;
}
.calendar-connection-card:has(.calendar-live-controls){
  align-items:start;
}
@media(max-width:760px){
  .calendar-live-controls{
    grid-column:1/3;
    width:100%;
  }
  .calendar-live-controls label{
    width:100%;
    justify-content:space-between;
  }
  .calendar-live-controls select{
    flex:1;
  }
  .calendar-live-controls>small{
    width:100%;
  }
  .calendar-live-controls.apple .secondary-btn{
    width:100%;
    margin-left:0;
  }
}


/* Étape 7 — quotas IA par utilisateur */
.bureau-team-ai{grid-column:2/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;border-radius:10px;background:#f7f9fb;border:1px solid #e1e8ee}
.bureau-team-ai>span{font-size:8px;font-weight:900;color:#9b7635;text-transform:uppercase;letter-spacing:.06em}
.bureau-team-ai strong{font-size:9px!important;color:#153b57!important}
.bureau-team-ai small{font-size:8px!important;color:#7a8f9f!important;margin:0!important}

.team-ai-policy{border:1px solid #dbe5ec;background:#fbfcfd;border-radius:14px;padding:13px;margin:0 0 14px}
.team-ai-policy-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.team-ai-policy-head strong{display:block;color:#153b57;font-size:11px}
.team-ai-policy-head small{display:block;color:#758a9a;font-size:8px;margin-top:3px}
.team-ai-switch{display:flex!important;align-items:center!important;gap:7px!important;flex-direction:row!important;font-size:9px;font-weight:800;color:#26485f}
.team-ai-switch input{width:18px;height:18px}
.team-ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.team-ai-grid label{display:flex;flex-direction:column;gap:4px}
.team-ai-grid label>span{font-size:8px;font-weight:900;color:#627685;text-transform:uppercase}
.team-ai-grid input,.team-ai-grid select{height:36px;border:1px solid #dbe4eb;border-radius:9px;background:#fff;color:#173a54;padding:0 8px;font-size:9px}
.team-ai-grid .input-suffix{display:flex;align-items:center;border:1px solid #dbe4eb;border-radius:9px;background:#fff;overflow:hidden}
.team-ai-grid .input-suffix input{border:0;border-radius:0;min-width:0;flex:1}
.team-ai-grid .input-suffix b{padding:0 8px;color:#8497a6;font-size:8px;font-weight:800}
.team-ai-flags{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px}
.team-ai-flags label{display:flex;align-items:center;gap:6px;color:#456277;font-size:8px}
.team-ai-flags input{width:16px;height:16px}
.team-ai-usage{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid #e7edf2}
.team-ai-usage span{font-size:8px;text-transform:uppercase;font-weight:900;color:#7b8f9e}
.team-ai-usage strong{font-size:9px;color:#173b55;text-align:right}

.ai-quota-banner{margin:0 auto 14px;max-width:720px;padding:10px 12px;border:1px solid #ead9b7;background:#fffaf0;border-radius:11px}
body.external-profile .ai-quota-banner{display:flex!important;align-items:center;gap:9px}
.ai-quota-banner>span{width:34px;height:34px;border-radius:9px;background:#0d2d49;color:#d2af69;display:grid;place-items:center}
.ai-quota-banner strong{display:block;color:#153b57;font-size:10px}
.ai-quota-banner small{display:block;color:#71808c;font-size:8px;margin-top:2px}
.ai-quota-banner.disabled{border-color:#eccccc;background:#fff6f6}
.ai-quota-banner.disabled>span{background:#7f3d3d;color:#fff}

@media(max-width:850px){.team-ai-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.team-ai-policy-head,.team-ai-usage{flex-direction:column;align-items:flex-start}.team-ai-grid{grid-template-columns:1fr}.team-ai-usage strong{text-align:left}}