/* Each business page has its own visual identity; common table behavior stays consistent. */
.full-nav{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#315b70 #03131f}
.full-nav-item{flex:0 0 auto;min-width:92px;padding:0 10px}
.full-nav-item span{font-size:11px}
.full-shell{padding:20px clamp(14px,2vw,36px)}
.module-designed{--module-accent:#68b9ff;--module-tint:color-mix(in srgb,var(--module-accent) 18%,#071a29);color:#eaf4fa}
.designed-hero{position:relative;isolation:isolate;overflow:hidden;min-height:245px;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,25%);gap:20px;align-items:center;padding:clamp(22px,3vw,44px);border:1px solid color-mix(in srgb,var(--module-accent) 36%,#183a52);border-radius:18px;background:linear-gradient(117deg,color-mix(in srgb,var(--module-accent) 17%,#0a1b2c),#071522 74%);box-shadow:0 22px 55px #0002}
.designed-hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid color-mix(in srgb,var(--module-accent) 21%,transparent);border-radius:50%;right:-130px;top:-230px;z-index:-1}
.designed-hero:after{content:"";position:absolute;width:310px;height:310px;border:1px solid color-mix(in srgb,var(--module-accent) 18%,transparent);border-radius:50%;right:-30px;top:-140px;z-index:-1}
.hero-copy{max-width:820px}.hero-kicker{display:flex;align-items:center;gap:10px;color:var(--module-accent);font-size:11px;font-weight:800;letter-spacing:.16em}.hero-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--module-accent) 25%,transparent);font-size:18px}.hero-copy>small{display:block;color:#8eaebf;margin:18px 0 4px}.hero-copy h1{font-size:clamp(26px,3vw,43px);line-height:1.14;letter-spacing:-.03em;margin:0;max-width:760px}.hero-copy p{font-size:14px;color:#afc8d8;line-height:1.55;max-width:650px;margin:12px 0 22px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-actions .primary,.designed-filter .primary{background:var(--module-accent);border:0;color:#061524;font-weight:800;box-shadow:0 8px 24px color-mix(in srgb,var(--module-accent) 22%,transparent)}.hero-actions a{color:#d5e8f2;font-weight:600}.hero-focus{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;min-height:170px;padding:24px;border:1px solid color-mix(in srgb,var(--module-accent) 33%,#244257);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent) 22%,#0a2134),#091825);box-shadow:inset 0 1px #ffffff15}.hero-focus:before{content:"";width:34px;height:4px;border-radius:5px;background:var(--module-accent);position:absolute;top:22px;left:24px}.hero-focus span{font-size:13px;color:#b8d3e1}.hero-focus strong{font-size:clamp(30px,3vw,50px);letter-spacing:-.04em;line-height:1;overflow-wrap:anywhere}.hero-focus small{color:#8eabbb}
.designed-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.metric-tile{display:flex;flex-direction:column;gap:7px;min-height:105px;padding:18px 20px;border:1px solid #214057;border-radius:13px;background:#091b2a}.metric-tile:before{content:"";height:3px;width:32px;border-radius:3px;background:var(--module-accent);margin-bottom:3px}.metric-tile small{font-size:12px;color:#a7c1d1}.metric-tile b{font-size:24px;line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere}.metric-tile span{font-size:11px;color:#7598ac}.metric-total{background:color-mix(in srgb,var(--module-accent) 8%,#091b2a)}
.designed-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:start;scroll-margin-top:16px}.designed-side{display:grid;gap:14px}.designed-filter,.designed-breakdown{background:#081b2a;border:1px solid #1b3b52;border-radius:13px;padding:20px}.side-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.side-heading b{font-size:15px}.side-heading a,.side-heading>span{font-size:11px;color:var(--module-accent)}.designed-filter form{display:grid;gap:14px}.designed-filter label{display:grid;gap:7px;color:#b8ceda;font-size:12px;font-weight:600}.designed-filter input,.designed-filter select{min-width:0;width:100%;height:39px;background:#061421;border:1px solid #31516a;border-radius:8px;color:#eef8ff;padding:0 10px}.designed-filter input:focus,.designed-filter select:focus{outline:2px solid var(--module-accent);outline-offset:1px}.date-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-pair input{font-size:11px;padding:0 5px}.designed-filter .primary{border-radius:8px;margin-top:3px}.designed-breakdown{min-height:170px}.breakdown-item{margin:14px 0}.breakdown-item>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.breakdown-item>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-item>div b{font-variant-numeric:tabular-nums}.breakdown-item>i{display:block;height:5px;border-radius:6px;background:#142c3e;margin-top:8px;overflow:hidden}.breakdown-item>i span{display:block;height:100%;border-radius:6px;background:var(--module-accent)}.side-empty{font-size:12px;color:#789caf;line-height:1.5}
.designed-register{border-radius:13px;border-color:#214057}.designed-register>header{gap:12px;flex-wrap:wrap;padding:16px 18px}.designed-register>header>div:first-child{display:grid;gap:4px}.designed-register>header small{font-size:10px;color:var(--module-accent);letter-spacing:.1em}.designed-register>header b{font-size:17px}.designed-register>header>span{font-size:11px}.designed-register .header-actions a,.designed-register .header-actions button{background:#102b3e}.designed-register table{min-width:740px}.designed-register th,.designed-register td{padding:13px 14px}.designed-register th{background:#0b2435}.designed-register tbody tr:hover{background:color-mix(in srgb,var(--module-accent) 9%,#0d2536)}.designed-register .row-actions a:hover,.designed-register .row-actions button:hover{border-color:var(--module-accent);color:var(--module-accent)}.designed-register .pager b{background:color-mix(in srgb,var(--module-accent) 25%,#15384f)}.designed-register>footer{align-items:center;gap:10px}
.module-designed .modal-box{border-color:var(--module-accent)}.module-designed .modal-box h2{color:var(--module-accent)}.module-designed .modal-box .primary{background:var(--module-accent);border:0;color:#061524;font-weight:800}
/* Dispatch pages: route strip, prominent movement indicator, full-width register. */
.layout-route .designed-hero{grid-template-columns:1fr 250px;background:linear-gradient(115deg,#0b2537,color-mix(in srgb,var(--module-accent) 13%,#071724))}.layout-route .designed-hero:after{border-radius:0;border:0;border-top:2px dashed var(--module-accent);width:43%;height:0;top:69%;right:4%;transform:rotate(-12deg);opacity:.35}.layout-route .designed-workspace{grid-template-columns:1fr}.layout-route .designed-side{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.layout-route .designed-filter form{grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(140px,1fr)) auto;align-items:end}.layout-route .designed-filter .date-pair{grid-column:span 1}.layout-route .designed-filter button{white-space:nowrap}.layout-route .designed-breakdown{min-height:0}
/* Warehouses: operational rail and compact ledger. */
.layout-warehouse .designed-hero{background:linear-gradient(145deg,#162435,color-mix(in srgb,var(--module-accent) 14%,#071522));border-radius:8px}.layout-warehouse .hero-focus{border-radius:7px}.layout-warehouse .metric-tile,.layout-warehouse .designed-filter,.layout-warehouse .designed-breakdown,.layout-warehouse .designed-register{border-radius:6px}.layout-warehouse .designed-side{position:sticky;top:12px}.layout-warehouse .designed-register th{background:#14273a}
/* Contacts: light, spacious cards with the directory first. */
.layout-people .designed-hero{background:linear-gradient(110deg,color-mix(in srgb,var(--module-accent) 23%,#0b202b),#0a1b2b)}.layout-people .hero-focus{border-radius:999px;min-height:195px;align-items:center;text-align:center;justify-content:center;padding-top:42px}.layout-people .hero-focus:before{left:calc(50% - 17px)}.layout-people .designed-workspace{grid-template-columns:minmax(0,1fr) 260px}.layout-people .designed-register{grid-column:1;grid-row:1}.layout-people .designed-side{grid-column:2;grid-row:1}.layout-people .metric-tile{border-radius:18px;background:#0c2430}
/* Finance: ledger styling and a large leading balance. */
.layout-finance .designed-hero{background:radial-gradient(circle at 87% 40%,color-mix(in srgb,var(--module-accent) 19%,transparent),transparent 33%),linear-gradient(135deg,#101e2b,#061421);border-radius:3px}.layout-finance .hero-focus{border-radius:3px;border-left:4px solid var(--module-accent)}.layout-finance .designed-metrics{grid-template-columns:1.5fr repeat(3,1fr)}.layout-finance .metric-tile{border-radius:3px;border-top:3px solid var(--module-accent)}.layout-finance .metric-tile:first-child{background:color-mix(in srgb,var(--module-accent) 14%,#081a28)}.layout-finance .metric-tile:first-child b{font-size:30px}.layout-finance .designed-register{border-radius:3px}.layout-finance .designed-register td:nth-last-child(2){font-weight:700;font-variant-numeric:tabular-nums}
/* Reports: library-style composition and category index. */
.layout-studio .designed-hero{background:linear-gradient(145deg,#171638,#091a2a);grid-template-columns:1fr 210px}.layout-studio .designed-hero:before{border-radius:10px;transform:rotate(28deg);top:-240px;right:-120px}.layout-studio .designed-workspace{grid-template-columns:1fr}.layout-studio .designed-side{display:grid;grid-template-columns:1fr 1fr}.layout-studio .designed-register{border-radius:16px}.layout-studio .metric-tile{border-radius:16px}
/* Executive view: broad briefing card and result tiles. */
.layout-executive .designed-hero{min-height:300px;background:linear-gradient(120deg,#302514,#101d29 70%);border-color:#665034}.layout-executive .hero-copy h1{font-size:clamp(34px,4vw,54px)}.layout-executive .hero-focus{border-radius:3px;background:#2a251d}.layout-executive .designed-metrics{gap:20px}.layout-executive .metric-tile{background:#141d27;border-left:3px solid var(--module-accent);border-radius:4px}.layout-executive .designed-workspace{grid-template-columns:minmax(0,1fr) 280px}.layout-executive .designed-register{grid-column:1;grid-row:1}.layout-executive .designed-side{grid-column:2;grid-row:1}
/* Admin: restrained settings console with right-hand controls. */
.layout-admin .designed-hero{min-height:210px;background:linear-gradient(110deg,#172635,#091724)}.layout-admin .hero-copy h1{font-size:clamp(27px,2.6vw,38px)}.layout-admin .hero-focus{min-height:140px}.layout-admin .designed-workspace{grid-template-columns:minmax(0,1fr) 270px}.layout-admin .designed-register{grid-column:1;grid-row:1}.layout-admin .designed-side{grid-column:2;grid-row:1}.layout-admin .metric-tile{border-radius:5px}
/* Personal visual cues for the twenty modules. */
.module-designed--expeditions .designed-hero{background-image:linear-gradient(115deg,#291824,#081b2b 75%)}.module-designed--tournees .designed-hero{background-image:linear-gradient(115deg,#302319,#081b2b 75%)}.module-designed--transport .designed-hero{background-image:linear-gradient(115deg,#102843,#081b2b 75%)}.module-designed--flotte .designed-hero{background-image:linear-gradient(115deg,#302519,#081b2b 75%)}.module-designed--importexport .designed-hero{background-image:linear-gradient(115deg,#12303b,#081b2b 75%)}
.module-designed--depots .designed-hero{border-left:5px solid var(--module-accent)}.module-designed--stock .designed-hero{border-bottom:5px solid var(--module-accent)}.module-designed--maintenance .designed-hero{border-right:5px solid var(--module-accent)}
.module-designed--clients .designed-hero{background-image:linear-gradient(115deg,#10372f,#0b202b 80%)}.module-designed--fournisseurs .designed-hero{background-image:linear-gradient(115deg,#35202f,#0b202b 80%)}.module-designed--rh .designed-hero{background-image:linear-gradient(115deg,#302032,#0b202b 80%)}
.module-designed--facturation .designed-hero{border-top:4px solid var(--module-accent)}.module-designed--cheques .designed-hero{border-bottom:4px solid var(--module-accent)}.module-designed--tresorerie .designed-hero{border-left:4px solid var(--module-accent)}.module-designed--comptabilite .designed-hero{border-right:4px solid var(--module-accent)}.module-designed--credit .designed-hero{box-shadow:inset 0 0 0 2px #7d527b}.module-designed--rapports .hero-focus{transform:rotate(2deg)}.module-designed--boss .hero-focus{border:2px solid var(--module-accent)}.module-designed--administration .designed-hero{border-left:5px solid var(--module-accent)}.module-designed--parametres .designed-hero{border-bottom:5px solid var(--module-accent)}
/* Page-specific composition: related modules still read as separate workspaces. */
.module-designed--expeditions .hero-focus{border-left:5px solid var(--module-accent)}
.module-designed--tournees .hero-focus{order:-1;min-height:210px}.module-designed--tournees .designed-hero{grid-template-columns:250px 1fr}.module-designed--tournees .designed-metrics{grid-template-columns:1fr 1.4fr 1fr 1fr}
.module-designed--transport .hero-focus{border-radius:4px 70px 4px 4px}.module-designed--transport .designed-metrics{grid-template-columns:repeat(2,1fr)}.module-designed--transport .designed-breakdown{background:#0c263e}
.module-designed--flotte .designed-workspace{grid-template-columns:minmax(0,1fr) 270px}.module-designed--flotte .designed-register{grid-column:1;grid-row:1}.module-designed--flotte .designed-side{grid-column:2;grid-row:1}.module-designed--flotte .hero-focus{border-radius:90px 12px 12px 90px}
.module-designed--importexport .designed-metrics{grid-template-columns:repeat(2,1fr)}.module-designed--importexport .hero-focus{border-radius:55% 10px 10px 55%}
.module-designed--depots .designed-metrics{grid-template-columns:1.5fr repeat(3,1fr)}.module-designed--depots .metric-tile:first-child{background:#332918}
.module-designed--stock .designed-workspace{grid-template-columns:minmax(0,1fr) 270px}.module-designed--stock .designed-register{grid-column:1;grid-row:1}.module-designed--stock .designed-side{grid-column:2;grid-row:1}.module-designed--stock .metric-tile:first-child{background:#2b1f41}
.module-designed--maintenance .designed-side{display:flex;flex-direction:column-reverse}.module-designed--maintenance .metric-tile:first-child{background:#3b211d}
.module-designed--clients .designed-metrics{grid-template-columns:1.5fr repeat(3,1fr)}.module-designed--clients .metric-tile:first-child{background:#103629}
.module-designed--fournisseurs .designed-workspace{grid-template-columns:270px minmax(0,1fr)}.module-designed--fournisseurs .designed-side{grid-column:1}.module-designed--fournisseurs .designed-register{grid-column:2}.module-designed--fournisseurs .hero-focus{border-radius:18px}
.module-designed--rh .designed-workspace{display:flex;flex-direction:column}.module-designed--rh .designed-side{width:100%;display:grid;grid-template-columns:1.5fr 1fr}.module-designed--rh .designed-register{width:100%}.module-designed--rh .hero-focus{border-radius:18px 60px 18px 60px}
.module-designed--facturation .designed-workspace{display:flex;flex-direction:column}.module-designed--facturation .designed-side{width:100%;display:grid;grid-template-columns:1.5fr 1fr}.module-designed--facturation .designed-register{width:100%}
.module-designed--cheques .designed-workspace{grid-template-columns:minmax(0,1fr) 280px}.module-designed--cheques .designed-register{grid-column:1;grid-row:1}.module-designed--cheques .designed-side{grid-column:2;grid-row:1}
.module-designed--tresorerie .metric-tile:nth-child(3){background:#382d18}.module-designed--tresorerie .designed-register th{background:#273024}
.module-designed--comptabilite .designed-workspace{grid-template-columns:minmax(0,1fr) 270px}.module-designed--comptabilite .designed-register{grid-column:1;grid-row:1}.module-designed--comptabilite .designed-side{grid-column:2;grid-row:1}.module-designed--comptabilite .designed-register td:nth-last-child(2){color:var(--module-accent)}
.module-designed--credit .designed-metrics{grid-template-columns:repeat(2,1fr)}.module-designed--credit .hero-focus{border:2px solid var(--module-accent)}
.module-designed--rapports .designed-breakdown{background:#1a1b37}.module-designed--rapports .designed-register>header{background:#171a33}
.module-designed--boss .designed-metrics{grid-template-columns:repeat(2,1fr)}.module-designed--boss .metric-tile:first-child{grid-row:span 2;justify-content:center}.module-designed--boss .metric-tile:first-child b{font-size:42px}
.module-designed--administration .designed-side{display:flex;flex-direction:column-reverse}
.module-designed--parametres .designed-workspace{grid-template-columns:270px minmax(0,1fr)}.module-designed--parametres .designed-side{grid-column:1;grid-row:1}.module-designed--parametres .designed-register{grid-column:2;grid-row:1}.module-designed--parametres .metric-tile{border-radius:12px}
@media(max-width:1200px){.layout-route .designed-filter form{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-route .designed-filter .date-pair{grid-column:auto}.layout-route .designed-filter button{align-self:end}.designed-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.full-shell{padding:14px}.designed-hero,.layout-route .designed-hero,.layout-studio .designed-hero,.module-designed--tournees .designed-hero{grid-template-columns:1fr;min-height:0}.module-designed--tournees .hero-focus{order:0}.hero-focus,.layout-people .hero-focus{min-height:115px;border-radius:12px;align-items:flex-start;text-align:left}.hero-focus:before,.layout-people .hero-focus:before{left:24px}.designed-workspace,.layout-people .designed-workspace,.layout-executive .designed-workspace,.layout-admin .designed-workspace,.module-designed--stock .designed-workspace,.module-designed--flotte .designed-workspace,.module-designed--comptabilite .designed-workspace,.module-designed--cheques .designed-workspace,.module-designed--fournisseurs .designed-workspace,.module-designed--parametres .designed-workspace{display:flex;flex-direction:column}.designed-side,.layout-studio .designed-side,.layout-route .designed-side,.module-designed--rh .designed-side,.module-designed--facturation .designed-side{display:grid;grid-template-columns:1fr;width:100%;position:static}.designed-register{width:100%}.layout-route .designed-filter form{grid-template-columns:1fr 1fr}.layout-route .designed-filter form>label:first-of-type{grid-column:1/-1}.module-designed--clients .designed-metrics,.module-designed--depots .designed-metrics,.module-designed--tournees .designed-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.designed-hero{padding:22px}.hero-copy h1{font-size:29px}.designed-metrics{gap:8px}.metric-tile{padding:14px;min-height:100px}.metric-tile b{font-size:19px}.layout-finance .designed-metrics{grid-template-columns:1fr 1fr}.layout-route .designed-filter form{grid-template-columns:1fr}.date-pair{grid-template-columns:1fr 1fr}.designed-register>header{align-items:flex-start}.designed-register .header-actions{margin-left:0}.full-nav-item{min-width:88px}}
@media print{.designed-hero,.designed-metrics,.designed-side,.hero-actions,.designed-register .header-actions{display:none!important}.designed-workspace{display:block}.designed-register{border:0}.designed-register table{color:#111}.designed-register th,.designed-register td{color:#111}}