@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#181024;--sidebar:#20152e;--panel:#261a37;--panel2:#312340;--line:#483551;--orange:#fa711d;--cream:#faf5eb;--muted:#ac9db5;--yellow:#e6bf48;--green:#64d4ae;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:14px 'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:259px;flex-shrink:0;background:#1d122a;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh}.brand{font-size:19px;font-weight:800;letter-spacing:-.04em;padding:8px 13px;display:flex;gap:10px;align-items:center}.brand b{color:var(--orange)}.brand svg{width:29px;height:29px;color:var(--orange)}.nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#c8bbd0;font-weight:600;font-size:13px;white-space:nowrap}.nav a:hover,.nav a.active{background:#3e2547;color:white}.nav a.active{border-left:3px solid var(--orange)}.nav svg,.header svg,.btn svg{width:17px;height:17px;flex-shrink:0}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding:19px 12px 0;color:var(--muted);font-size:12px}.main{min-width:0;width:100%;padding:28px 34px}.header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.header h1{font-size:29px;line-height:1.2;margin:5px 0}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--orange);text-transform:uppercase}.muted,p.small{color:var(--muted)}.pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 14px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:20px 0 25px}.card,.panel{background:var(--panel);border:1px solid #4a3556;border-radius:var(--radius);box-shadow:0 8px 35px #09041118}.card{padding:20px}.card .label{font-size:12px;color:#c5b6ca;font-weight:600}.card .value{font-size:26px;font-weight:800;line-height:1.3;margin-top:12px;white-space:nowrap;letter-spacing:-.04em}.card svg{width:24px;height:24px;color:var(--orange);margin-bottom:14px}.panel{padding:22px;margin-bottom:20px;overflow:auto}.panel h2{font-size:18px;margin:0 0 17px}.hero{background:radial-gradient(ellipse at 91% 10%,#55314a 0%,transparent 52%),linear-gradient(125deg,#321b40,#241832);padding:30px;border-radius:18px;border:1px solid #68405a;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.hero h2{font-size:27px;line-height:1.2;margin:8px 0}.hero strong{color:var(--orange)}.hero p{color:#d1c2d6;margin:0}.hero .moon{width:86px;height:86px;background:#e2b941;border-radius:50%;box-shadow:0 0 55px #e9b94c45;flex-shrink:0}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}table{border-collapse:collapse;width:100%;min-width:550px;font-size:13px}th{text-align:left;color:#c7b2cc;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}th,td{padding:13px 10px;border-bottom:1px solid #493551}td{color:#f2eaf1}td.small{font-size:11px;color:var(--muted)}tr:last-child td{border:0}form{margin:0}.fields,.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{color:#d6c9dd;display:block;font-weight:700;font-size:12px;margin-bottom:12px}input,select,textarea{display:block;width:100%;color:#fff;background:#1b1429;border:1px solid #56415f;border-radius:10px;padding:11px 12px;outline:0;margin-top:7px;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fa711d22}option{background:#24182f;color:#fff}input[type=checkbox]{width:auto;display:inline-block;margin-right:5px}.btn{border:1px solid #60465c;padding:11px 17px;border-radius:10px;background:#392747;color:white;display:inline-flex;align-items:center;gap:8px;justify-content:center;font-weight:800;font-size:12px}.btn.primary{background:var(--orange);border-color:var(--orange);color:#201326}.btn.ghost{background:transparent}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.alert{border-radius:11px;background:#693145;color:#fff0f0;padding:14px 17px;margin:15px 0}.success{background:#1d5347;color:#ceffef}.badge{padding:5px 9px;border-radius:7px;background:#513346;color:#f7d0ba;font-size:11px;font-weight:800}.badge.ok{background:#215d4a;color:#bdf4d1}.filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:15px 0}.filter label{margin:0}.filter input{max-width:170px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 5%,#58394b 0%,transparent 35%),#20142e;padding:25px}.auth-card{width:min(100%,750px);padding:37px;background:#291c38;border:1px solid #5b425f;border-radius:20px;box-shadow:0 25px 90px #0006}.auth-card h1{font-size:34px}.auth-card p{color:#bca9c7;margin-bottom:30px}.auth-card .btn{margin-top:14px}.auth-card.login{max-width:455px}.svgicon{width:19px;height:19px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.table-link{color:#ffac77;font-weight:700}.footer{font-size:11px;color:#9c89a6;margin-top:35px}.notice{color:#d9c6e0;border-left:3px solid var(--orange);padding-left:14px;margin:12px 0}.mobile-toggle{display:none}.overview{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.big-number{font-size:33px;font-weight:800;color:var(--orange)}@media(max-width:1160px){.cards{grid-template-columns:repeat(2,1fr)}.two-panels{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.sidebar{width:100%;height:auto;position:static;padding:12px 15px;gap:8px}.nav{flex-direction:row;overflow-x:auto}.nav a{padding:10px}.nav span{display:none}.sidefoot{display:none}.main{padding:18px 14px}.header{align-items:flex-start}.header h1{font-size:23px}.hero .moon{width:54px;height:54px}.hero h2{font-size:21px}.cards{gap:10px}.card{padding:15px}.card .value{font-size:18px}.fields,.two,.three{grid-template-columns:1fr}.auth-card{padding:22px}.panel{padding:15px}}
/* V5 — champs, permissions et documents */
.permission-grid{display:grid;grid-template-columns:minmax(140px,1fr) 90px 90px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:18px;max-width:750px;margin:16px 0}.permission-grid label{margin:0;display:flex;justify-content:center}.permission-grid label input{margin:0}.permission-grid strong{font-size:12px;color:var(--orange)}.checkline{display:flex;gap:8px;align-items:center;margin:13px 0}.checkline input{margin:0}.kpi-chart{border-radius:15px;padding:22px;background:var(--panel);border:1px solid var(--line);overflow:auto}.kpi-chart svg{max-width:100%;height:auto}.kpi-chart .tick{font:11px 'DM Sans',sans-serif;fill:#ccb8d2}.kpi-chart .bars{fill:#f47121}.kpi-chart .bar-expense{fill:#775486}.doc-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}

/* V5.3 — Navigation persistante, état actif et récapitulatifs métier */
.nav{min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#745475 #24182f}
.nav a.active,.nav a[aria-current="page"]{background:linear-gradient(90deg,#6c3349 0%,#452747 100%);color:#fff;border-left:3px solid var(--orange);box-shadow:inset 0 0 0 1px #fa711d35}
.nav a.active svg,.nav a[aria-current="page"] svg{color:#ffa16c}
.nav a:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.vente-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 21px;margin:15px 0 17px;background:linear-gradient(100deg,#392444,#281a35);border:1px solid #8c5056;border-radius:14px}
.vente-total .vente-total-label{display:block;color:#f0d1b7;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vente-total output{font:800 clamp(20px,3vw,29px) Manrope,'DM Sans',Arial,sans-serif;color:#ff9a50;white-space:nowrap}
.vente-total .vente-total-sub{display:block;margin-top:5px;font-size:12px;color:#c7b5d0}
.product-image{display:block;width:64px;height:64px;object-fit:cover;object-position:center;border-radius:12px;border:1px solid #7d6077;background:#37253f}
.product-image-link{display:inline-flex;padding:2px;border-radius:12px}
.product-image-link:focus-visible{outline:2px solid var(--orange)}
.commission-balance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.commission-balance .balance-item{border:1px solid #70516c;background:#241a34;border-radius:12px;padding:14px}
.commission-balance span{display:block;color:#bfaec9;font-size:12px;margin-bottom:7px}
.commission-balance strong{display:block;color:#f6ede9;font-size:19px;word-break:break-word}
.commission-balance .due strong{color:#ffa16c}
.rule-help{font-size:12px;color:#bbacc8;margin:0 0 12px}
@media(max-width:760px){.vente-total{align-items:flex-start;flex-direction:column}.commission-balance{grid-template-columns:1fr}.nav a.active{border-left:0;border-bottom:3px solid var(--orange)}}

/* V5.4 : marque entreprise dans la navigation */
.sidebar .brand-company{font-size:17px;font-weight:800;line-height:1.15;white-space:normal;overflow-wrap:anywhere;max-width:175px;color:var(--cream)}
.stock-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0 23px}
.stock-kpis .stock-summary{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px}
.stock-summary b{font-size:24px;color:var(--orange);display:block;margin-top:6px}
.stock-driver-table[hidden]{display:none!important}
.invoice-tip{background:#30243c;border:1px solid #62445c;border-radius:10px;padding:12px;margin:13px 0;color:#dbcfdc}

/* V5.6 — validation des prix / quantités et paiement rapide des créances */
.field-error{display:block;margin-top:7px;color:#ffb5a4;font-weight:700;font-size:12px;line-height:1.5}
.field-error[hidden]{display:none!important}
.field-help{display:block;margin-top:7px;color:#bda9c6;font-size:12px;font-weight:500}
input[aria-invalid="true"]{border-color:#f77765;box-shadow:0 0 0 2px #f7776540}
.sale-payment{min-width:160px;position:relative}
.sale-payment summary{list-style:none;cursor:pointer;white-space:nowrap}
.sale-payment summary::-webkit-details-marker{display:none}
.sale-payment[open]{min-width:250px}
.sale-payment-body{padding:15px;margin-top:10px;background:#32213f;border:1px solid #73516f;border-radius:12px;min-width:250px}
.sale-payment-body label{display:block;margin-bottom:10px}
.sale-payment-body input,.sale-payment-body select{margin-top:5px}
.sale-payment-body button{width:100%}
.sale-payment-summary{font-size:12px;color:#d6c9dd;margin-bottom:12px}
.sale-payment-summary strong{color:#ff9a50}

/*
 * SYLICOM DISTRIBUTION — Charte Vert Pétrole & Or | 2026-10-28
 * Inspirée des références graphiques fournies : vert profond, jaune solaire,
 * titres blancs, lignes dorées et halo lumineux. Identité SYLICOM conservée.
 * Feuille commune à toutes les pages (entreprises, employés et connexion).
 */
:root {
  color-scheme: dark;
  --bg: #063b46;
  --sidebar: #052f3a;
  --panel: #0a4752;
  --panel2: #115763;
  --line: #34747a;
  --orange: #f0be50; /* compatibilité avec les vues existantes */
  --gold: #f0be50;
  --gold-light: #ffe19a;
  --cream: #fcfdfc;
  --muted: #b9d2d4;
  --yellow: #f0be50;
  --green: #70d7ac;
  --radius: 16px;
  --surface-hi: #125863;
  --surface-low: #073a44;
  --focus-ring: rgba(240,190,80,.28);
}
html {scroll-behavior:smooth}
body {
  background:radial-gradient(ellipse 70% 50% at 93% 7%,rgba(21,111,115,.24),transparent 70%),
             radial-gradient(ellipse 48% 30% at 50% 110%,rgba(240,190,80,.10),transparent 83%),
             var(--bg);
  color:var(--cream);
  font-family:'DM Sans',Arial,sans-serif;
  min-height:100vh;
  line-height:1.5;
}
::selection {background:var(--gold);color:#082f38}
:focus-visible {outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3 {font-family:Manrope,'DM Sans',Arial,sans-serif;color:#fff;letter-spacing:-.04em}
h1{font-weight:800}
.sidebar {
  background:linear-gradient(180deg,#073d48 0%,#052f39 85%);
  border-right:1px solid rgba(240,190,80,.16);
  box-shadow:8px 0 45px rgba(0,20,27,.10);
}
.sidebar .brand {
  padding:13px 12px 20px;
  border-bottom:1px solid rgba(240,190,80,.25);
  color:#fff;
  letter-spacing:-.03em;
}
.sidebar .brand svg {
  color:var(--gold);
  background:linear-gradient(155deg,#126d72,#0c4c56);
  width:41px;height:41px;padding:9px;border-radius:50%;
  border:1px solid rgba(240,190,80,.65);
  box-shadow:0 0 0 5px rgba(240,190,80,.06);
}
.sidebar .brand-company{color:#fff;font-size:17px}
.nav {scrollbar-color:#4b8b8b #073b45}
.nav a {color:#d0e0e0;transition:background .17s,color .17s,box-shadow .17s;border:1px solid transparent}
.nav a:hover {background:rgba(30,110,113,.4);border-color:rgba(240,190,80,.15);color:#fff}
.nav a.active,.nav a[aria-current="page"] {
  background:linear-gradient(90deg,rgba(240,190,80,.16),rgba(15,94,104,.77));
  border:1px solid rgba(240,190,80,.25);
  border-left:3px solid var(--gold);
  box-shadow:inset 0 0 0 1px rgba(240,190,80,.08);
  color:#fff;
}
.nav a.active svg,.nav a[aria-current="page"] svg {color:var(--gold-light)}
.nav a:focus-visible {outline:2px solid var(--gold);outline-offset:2px}
.sidefoot {border-top:1px solid rgba(240,190,80,.20);color:var(--muted)}
.sidefoot strong {color:#fff}
.main {position:relative}
.header {border-bottom:1px solid rgba(240,190,80,.20);gap:17px}
.header h1{font-size:clamp(24px,2.5vw,34px);margin:5px 0;line-height:1.18}
.eyebrow {color:var(--gold);font-size:11px;letter-spacing:.20em}
.header .muted {font-size:13px}
.pill {background:rgba(10,76,86,.88);border:1px solid var(--line);color:#e5efed}
.pill a {font-weight:800}
.muted,p.small,.rule-help,.field-help {color:var(--muted)}
.card,.panel,.kpi-chart,.stock-kpis .stock-summary {
  border:1px solid rgba(140,201,198,.22);
  background:linear-gradient(145deg,rgba(17,87,99,.98) 0%,rgba(9,65,76,.98) 100%);
  box-shadow:0 15px 40px rgba(0,26,32,.15);
  border-radius:var(--radius);
}
.panel {padding:24px}
.panel h2 {font-size:18px;color:#fff;font-weight:800;padding-bottom:13px;border-bottom:1px solid rgba(240,190,80,.19)}
.card {position:relative;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}
.card::before {content:"";position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,rgba(240,190,80,.82),rgba(240,190,80,0))}
.card:hover {border-color:rgba(240,190,80,.42)}
a.card:hover {transform:translateY(-3px)}
.card svg {color:var(--gold);width:26px;height:26px}
.card .label {color:#d0e2df;font-weight:650}
.card .value {color:#fff;word-break:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.cards{gap:16px}
.hero {
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse at 88% 0%,rgba(36,136,130,.36),transparent 57%),
    linear-gradient(119deg,#0d535e 0%,#073b46 100%);
  border:1px solid rgba(240,190,80,.38);
  border-radius:21px;
  padding:clamp(25px,3vw,37px);
  min-height:178px;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 30px rgba(0,24,30,.13);
}
.hero::after {
  content:"";position:absolute;z-index:-1;
  width:112%;height:96px;left:-6%;bottom:-91px;
  border-top:2px solid rgba(246,196,88,.95);
  border-radius:50% 50% 0 0;
  box-shadow:0 -9px 24px rgba(247,191,65,.17),0 -22px 55px rgba(247,191,65,.08);
  pointer-events:none;
}
.hero h2 {font-size:clamp(22px,2.2vw,31px);line-height:1.25;font-weight:800}
.hero strong {color:var(--gold)}
.hero p {color:#d9e7e5;max-width:650px;font-size:14px}
.hero .moon {
  width:104px;height:104px;
  background:radial-gradient(circle at 38% 32%,#fff0bb 0%,#f4cd69 36%,#dca645 70%,#a97526 100%);
  border:6px solid rgba(255,224,149,.30);
  box-shadow:0 0 0 9px rgba(240,190,80,.08),0 0 48px rgba(240,190,80,.22);
}
th,td {border-bottom:1px solid rgba(148,200,198,.17)}
th {color:#f1d68c;font-size:11px;font-weight:800;letter-spacing:.065em}
td {color:#edf8f7;vertical-align:middle}
tbody tr:hover {background:rgba(45,125,128,.12)}
tr:last-child td{border-bottom:0}
label {color:#dcebe9;font-weight:700}
input,select,textarea {
  color:#fff;background:#073640;border:1px solid #3a7980;
  border-radius:11px;transition:border-color .15s,box-shadow .15s;
  accent-color:var(--gold);
}
input:hover,select:hover,textarea:hover {border-color:#62969a}
input:focus,select:focus,textarea:focus {border-color:var(--gold);box-shadow:0 0 0 3px var(--focus-ring)}
input::placeholder,textarea::placeholder{color:#a3c0c3;opacity:1}
select option {background:#0a424d;color:#fff}
input[type="file"]{padding:10px}
input[type="file"]::file-selector-button {border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#1c6268;color:#fff;margin-right:10px;cursor:pointer}
input[type="checkbox"],input[type="radio"] {accent-color:var(--gold);cursor:pointer}
.btn {
  background:#195b66;border:1px solid #427e81;color:#f8fcfa;
  border-radius:10px;transition:background .15s,transform .15s,border-color .15s,box-shadow .15s;
}
.btn:hover {background:#236e76;border-color:#71a3a0;transform:translateY(-1px)}
.btn.primary {
  background:linear-gradient(125deg,#ffe08b,#e9b64a);
  color:#073540;border:1px solid #f8d375;
  box-shadow:0 5px 17px rgba(240,190,80,.12);
}
.btn.primary:hover{background:linear-gradient(125deg,#ffe9ad,#f3c966);box-shadow:0 7px 22px rgba(240,190,80,.24)}
.btn.ghost {background:rgba(14,76,84,.25);border-color:#477d80;color:#eaf6f2}
.btn.ghost:hover {background:#17606b;border-color:var(--gold)}
button:disabled,.btn:disabled {opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
.table-link {color:var(--gold-light)}
.table-link:hover {text-decoration:underline}
.alert {background:#673e3c;border:1px solid #b97b6b;color:#fff3ed}
.alert.success,.success {background:#145c50;border:1px solid #3e9173;color:#e3fff1}
.badge {background:#286368;color:#fff0c5;border:1px solid rgba(240,190,80,.24)}
.badge.ok {background:#1b6755;color:#d6ffe5;border-color:#51957a}
.footer {color:#b4ced0;border-top:1px solid rgba(240,190,80,.15);padding-top:19px}
.notice {color:#e1eeec;border-left-color:var(--gold)}
.big-number,.stock-summary b {color:var(--gold)}
.permission-grid {border-color:var(--line)}
.permission-grid strong {color:var(--gold)}
.kpi-chart .tick {fill:#d2e3e1}
.kpi-chart .bars {fill:var(--gold)}
.kpi-chart .bar-expense {fill:#2b9c91}
.vente-total {background:linear-gradient(108deg,#145b62,#0c414c);border:1px solid rgba(240,190,80,.5)}
.vente-total .vente-total-label {color:#ffdfa0}
.vente-total output {color:var(--gold-light)}
.vente-total .vente-total-sub {color:#d1e1e0}
.product-image {background:#0e424c;border-color:#478388}
.commission-balance .balance-item {background:#0b4650;border-color:#427982}
.commission-balance span {color:#c4dcda}
.commission-balance strong {color:#fff}
.commission-balance .due strong{color:var(--gold-light)}
.invoice-tip {background:#0e4e57;border:1px solid #4e8285;color:#dce9e6}
.field-error {color:#ffc1ad}
input[aria-invalid="true"] {border-color:#ff9a88;box-shadow:0 0 0 3px rgba(255,154,136,.2)}
.sale-payment-body {background:#0d4650;border-color:#4e8285;box-shadow:0 15px 32px rgba(0,25,30,.18)}
.sale-payment-summary {color:#d8e9e6}
.sale-payment-summary strong {color:var(--gold-light)}
.auth {
  isolation:isolate;position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 50% -3%,#17616a 0%,transparent 59%),
             linear-gradient(180deg,#0a4a56 0%,#063842 100%);
}
.auth::before {
  content:"";position:fixed;left:-12%;right:-12%;bottom:-120px;height:220px;
  border-radius:50% 50% 0 0;border-top:3px solid rgba(255,203,93,.94);
  box-shadow:0 -13px 35px rgba(242,184,58,.3),0 -31px 80px rgba(242,184,58,.14);
  pointer-events:none;z-index:-1;
}
.auth-card {
  background:linear-gradient(150deg,rgba(15,86,95,.98),rgba(7,57,68,.99));
  border:1px solid rgba(240,190,80,.45);
  box-shadow:0 25px 90px rgba(0,22,28,.39);
  border-radius:22px;
}
.auth-card h1 {font-size:clamp(28px,3vw,38px);line-height:1.22}
.auth-card p {color:#d1e3e1}
.auth-card .eyebrow {display:inline-block;margin-bottom:9px}
.auth-card .footer {color:#c3d6d5;margin-top:25px}
@media (max-width:1160px) {
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px) {
  .sidebar {background:#063741;border-right:0;border-bottom:1px solid rgba(240,190,80,.2)}
  .sidebar .brand {border:0;padding:7px 10px}
  .nav a.active,.nav a[aria-current="page"] {border-left:1px solid rgba(240,190,80,.25);border-bottom:3px solid var(--gold)}
  .header {flex-direction:column;align-items:flex-start}
  .header .pill {font-size:11px}
  .hero {padding:22px;min-height:150px}
  .hero .moon {width:64px;height:64px;flex-shrink:0}
  .panel {padding:16px}
  .cards {gap:11px}
  .card {padding:16px}
  .card .value{font-size:clamp(16px,3vw,23px);white-space:normal}
}
@media (max-width:430px) {
  .cards{grid-template-columns:1fr 1fr}
  .hero .moon{display:none}
  .auth-card{padding:22px}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;transition-duration:.01ms!important}
}
@media print {
  :root {color-scheme:light}
  html,body {background:#fff!important;color:#162e32!important}
  .sidebar,.header .pill,.btn,.filter,.admin-sidebar,.admin-actions {display:none!important}
  .shell,.admin-shell {display:block!important}
  .main,.admin-main {padding:0!important;background:#fff!important}
  .card,.panel,.kpi-chart,.stock-kpis .stock-summary {
    color:#132f35!important;background:#fff!important;box-shadow:none!important;
    border:1px solid #c5d2d0!important;break-inside:avoid;
  }
  .panel h2,.card .value,h1,h2,h3,td {color:#132f35!important}
  .muted,.card .label,th {color:#52696a!important}
  .hero {background:#f4faf8!important;color:#132f35!important;box-shadow:none!important}
  .hero h2{color:#132f35!important}
  .hero::after,.auth::before{display:none!important}
}

/* Navigation mobile lisible : les libellés restent visibles dans le ruban défilant. */
@media(max-width:760px){
 .sidebar .nav span{display:inline!important}
 .sidebar .nav a{white-space:nowrap;flex-shrink:0;gap:7px;padding:10px 12px}
 .sidebar .nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
}

.notice-count{display:inline-block;border-radius:999px;background:#dfae46;color:#063b46;padding:1px 7px;margin-left:5px;font-size:12px;font-weight:800}.mission-product,.mission-price{min-width:130px}.panel .permission-grid{gap:12px}body.auth .auth-card a{color:#eabc51}

.notice-count[hidden],#missions_alert[hidden]{display:none!important}