:root{--night:#141a33;--action:#3159c9;--juliette:#9b87f5;--secondary:#69758b;--success:#25866a;--warning:#c98428;--danger:#c84a55;--ink:#202a43;--ink-2:#46536b;--muted:#647086;--line:#e3e8f2;--paper:#f5f7fb;--card:#fff;--purple:var(--action);--purple-ink:#2547a8;--lavender:#edf1ff;--accent-trait:#cbd5f5;--mint:#eaf6f0;--mint-ink:#21795f;--peach:#fff4e5;--peach-ink:#946019;--yellow:#fff7e5;--yellow-ink:#946019;--red:#fff0f2;--red-ink:#b73543;--blue:#edf2ff;--blue-ink:var(--action);--radius:16px;--radius-sm:10px;--shadow-sm:0 2px 8px #141a3308;--shadow:0 8px 24px #141a330f;--shadow-lg:0 20px 56px #141a3324;--transition:background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease}.shell{background:var(--paper)}.shell :is(h1,h2,h3,.stat-value){font-family:var(--font-marque), "Inter", system-ui, sans-serif}.shell .page-head{gap:16px;margin-bottom:24px}.shell .page-head h1{letter-spacing:-.8px;color:var(--night);font-size:clamp(26px,2.5vw,34px);line-height:1.15}.shell .page-head p{font-size:14px;line-height:1.55}.shell .eyebrow{color:var(--action);letter-spacing:.09em;font-size:10px}.shell .content{max-width:1440px;padding:32px 32px 48px}.shell .topbar{background:#fffffff5;padding-inline:32px;box-shadow:0 2px 10px #141a3305}.shell .crumb{font-size:12px}.shell .sidebar{--side-texte:#edf0fa;--side-doux:#b5bfd8;--side-ligne:#ffffff1f;--side-survol:#9b87f51a;background:var(--night);border-right-color:var(--night);gap:24px;padding:28px 16px 20px}.shell .sidebar .brand{--marque-etincelle:var(--juliette);font-size:26px}.shell .sidebar .nav-label{color:var(--side-doux);letter-spacing:.08em;font-size:10px}.shell .sidebar .nav-item{border-radius:10px;height:auto;min-height:44px;padding-block:10px}.shell .sidebar .nav-item.active{box-shadow:inset 3px 0 0 var(--juliette);background:#28365d}.shell .sidebar .nav-item.active .ic{color:#c9bdff}.shell .sidebar .avatar{color:#fff;box-shadow:0 0 0 2px var(--night), 0 0 0 3px var(--side-ligne);background:#2b3657}.shell .card{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.shell .card:hover{box-shadow:var(--shadow-sm)}.shell .card-head h2{font-size:17px;line-height:1.35}.shell .card.stat{gap:12px;padding:24px}.shell .stat-top{color:var(--muted);font-size:12px}.shell .stat-value{font-size:32px;font-weight:700;line-height:1.15}.shell .stat-foot{font-size:12px;line-height:1.5}.shell .chip-ic{border-radius:12px;width:40px;height:40px}.shell .btn{min-height:40px;box-shadow:none;border-radius:10px;gap:8px}.shell .btn:hover,.shell .icon-btn:hover{transform:none}.shell .btn-primary{background:var(--action);border-color:var(--action);box-shadow:0 4px 10px #3159c924}.shell .btn-primary:hover{background:#2547a8;border-color:#2547a8;box-shadow:0 4px 12px #3159c933}.shell .btn:disabled{box-shadow:none}.shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--action);outline-offset:3px}.shell .sidebar :is(button,a,input):focus-visible{outline-color:#c9bdff}.shell .search{border-radius:10px;min-height:44px}.shell :is(.field input,.field select,.field textarea){border-color:var(--line);border-radius:10px}.shell :is(.field input,.field select,.field textarea):focus{border-color:var(--action);box-shadow:0 0 0 3px #3159c91f}.shell .filters{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:8px;margin-bottom:16px;padding:12px}.shell .select-sm{border-color:var(--line);border-radius:10px;min-height:40px}.shell .chip{border-radius:10px;height:36px;padding-inline:14px}.shell .chip.on{box-shadow:0 2px 6px #3159c91f}.shell .seg{border-color:var(--line);background:#eaf0f8;gap:4px;padding:4px}.shell .seg button{min-height:36px}.shell .seg button.on{color:var(--action)}.shell .haccp-tabs{border-color:var(--line)}.shell .section-tabs{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px}.shell .section-tabs a{min-height:40px}.shell .section-tabs a.on{background:var(--lavender);color:var(--action)}.shell table.data{font-size:13px}.shell table.data th{background:var(--paper);color:var(--ink-2);text-transform:none;letter-spacing:0;padding:12px 16px;font-size:12px;font-weight:600}.shell table.data td{border-color:var(--line);padding:14px 16px}.shell table.data tr:hover td{background:#f7f9ff}.shell .pill{height:auto;min-height:26px;padding:4px 10px;line-height:1.3}.shell .empty{padding:32px 16px;line-height:1.6}.shell .skeleton{background-image:linear-gradient(90deg,#eaf0f7 25%,#f8faff 50%,#eaf0f7 75%)}.shell .v3-pertes-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.shell .v3-pertes-stats .stat-top{gap:8px;display:flex}.v3-parcours{border:1px solid var(--line);background:var(--card);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:16px;list-style:none;display:grid}.v3-parcours li{color:var(--muted);align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.v3-parcours li>span{background:var(--paper);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.v3-parcours b{font-weight:500;line-height:1.4}.v3-parcours .on{color:var(--action)}.v3-parcours .on>span{background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 3px 8px #3159c929}.v3-parcours .on b{font-weight:700}.v3-commandes,.v3-receptions{gap:20px;display:grid}.v3-commandes-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}.v3-catalogue{min-width:0}.v3-fournisseur-filter{margin-bottom:16px}.v3-catalogue-filtres{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.v3-catalogue-filtres .search{background:var(--card);flex:220px}.v3-catalogue-filtres .select-sm{flex:160px}.shell .v3-familles{flex-wrap:wrap;gap:8px}.v3-familles .chip{align-items:center;gap:6px;display:inline-flex}.v3-catalogue-resultat{margin:12px 0}.v3-produit-icon{float:left;background:var(--lavender);width:36px;height:36px;color:var(--action);border-radius:10px;place-items:center;margin:0 10px 4px 0;display:inline-grid}.v3-paniers{overscroll-behavior:contain;scrollbar-width:thin;gap:12px;min-width:0;max-height:calc(100dvh - 112px);padding:2px;scroll-margin-top:88px;display:grid;position:sticky;top:88px;overflow-y:auto}.v3-paniers-seuls{grid-column:1/-1;max-height:none;position:static}.v3-panier-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.v3-panier-heading h2{margin:0;font-size:20px}.v3-paniers>.hint{margin:-4px 0 0}.v3-panier-fournisseur{gap:6px;display:grid}.v3-panier-fournisseur h2,.v3-panier-fournisseur>.hint{overflow-wrap:anywhere}.shell .v3-panier :is(.v3-panier-stock,.v3-panier-prix){display:none}.shell .v3-panier table.data :is(th,td){padding:10px 6px;font-size:12px}.shell .v3-panier table.data td:first-child{min-width:100px}.shell .v3-panier .temp-input input{width:56px!important}.v3-panier-totaux{background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:10px;margin:16px 0 0;padding:14px;font-size:12px;display:grid}.v3-panier-totaux>div{justify-content:space-between;gap:16px;display:flex}.v3-panier-totaux dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:600}.v3-panier-totaux .v3-total{border-top:1px solid var(--line);color:var(--night);padding-top:10px;font-size:15px;font-weight:700}.v3-panier .order-foot{display:grid}.v3-panier .order-foot>span{flex-wrap:wrap;gap:6px;display:flex}.v3-panier .order-foot .pill{white-space:normal;margin-left:0!important}.v3-panier .order-foot .btn{width:100%}.v3-panier-vide .chip-ic{margin:0 auto 16px}.v3-panier-mobile{display:none}.v3-reception-onglets{border-bottom:1px solid var(--line);gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.v3-reception-onglets button{min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.v3-reception-onglets button.on{border-bottom-color:var(--action);color:var(--action)}.v3-reception-onglets button:disabled{opacity:.5;cursor:default}.v3-reception-workspace{grid-template-columns:minmax(240px,.65fr) minmax(0,1.5fr);align-items:start;gap:20px;display:grid}.v3-livraisons .rows{gap:12px;margin-top:16px}.shell .v3-livraison{border:1px solid var(--line);border-radius:12px;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px;display:grid}.shell .v3-livraison.on{background:var(--lavender);border-color:var(--accent-trait)}.shell .v3-livraison .main-txt :is(b,small){white-space:normal;overflow:visible}.v3-livraison .btn{grid-column:1/-1;width:100%}.v3-livraison>.pill{grid-column:2;justify-self:start}.v3-reception-vide{place-content:center;justify-items:center;min-height:320px;display:grid}.v3-reception-vide .chip-ic{width:64px;height:64px;margin-bottom:20px}.v3-reception-vide b{font-family:var(--font-marque), sans-serif;font-size:22px}.v3-reception-vide p{max-width:420px;margin:8px 0 0}.v3-reception-controle{gap:16px;min-width:0;display:grid}.v3-controle-heading{justify-content:flex-start;align-items:center;margin:0}.v3-controle-heading p{margin:0}.v3-controle-heading h2{scroll-margin-top:88px}.v3-reception-controle .v3-parcours{background:var(--paper);gap:8px;padding:12px}.v3-reception-controle .v3-parcours b{font-size:11px}.v3-controle-recap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.v3-controle-section{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.v3-reception-controle>.hint{margin:-8px 0 0}.shell .v3-reception-controle .recep-list{gap:12px;margin:0}.shell .v3-reception-controle .recep-row{border-color:var(--line);background:var(--card);border-radius:12px;gap:12px;padding:16px}.shell .v3-reception-controle .recep-row.ko{background:#fff9f2;border-color:#f0d2b0}.v3-reception-controle .recep-controls{gap:10px}.v3-controle-temperature{background:var(--paper);border:1px solid var(--line);border-radius:12px;gap:12px;padding:16px;display:grid}.v3-controle-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;display:flex}.v3-controle-actions>.hint{flex:100%;margin:0}.shell .modal:has(.v3-parcours){max-width:760px}@media (max-width:1100px){.shell .content,.shell .topbar{padding-inline:24px}.v3-commandes-grid{grid-template-columns:minmax(0,1fr)}.v3-paniers{max-height:none;position:static;overflow-y:visible}.v3-reception-workspace{grid-template-columns:minmax(220px,.6fr) minmax(0,1fr)}.v3-parcours{gap:8px}}@media (max-width:860px){.shell .content{padding:20px 16px calc(96px + env(safe-area-inset-bottom,0px))}.shell .topbar{min-height:60px;padding-inline:16px}.shell .page-head{gap:12px;margin-bottom:20px}.shell .page-head h1{font-size:28px}.shell .page-head p{font-size:13px}.shell .sidebar .profile{background:var(--night)}.shell .card{padding:16px}.shell .card.stat{gap:8px;padding:16px}.shell .stat-value{font-size:26px}.shell .stat-top{font-size:12px}.shell .stat-foot{font-size:11px}.shell .v3-pertes-stats>:last-child{grid-column:1/-1}.shell .btn{min-height:44px}.shell .icon-btn{min-width:44px;min-height:44px}.shell :is(.field input,.field select,.field textarea,.search input){font-size:16px}.shell .select-sm{min-height:44px}.shell .chips{flex-wrap:nowrap;padding-block:4px 8px;overflow-x:auto}.shell .chip{flex-shrink:0;min-height:44px}.shell table.data td{padding:12px}.shell .barre-bas{background:#fffffffa;box-shadow:0 -4px 20px #141a330d}.shell .barre-bas .on{color:var(--action);background:var(--lavender)}.shell .barre-bas :is(a,button){min-height:52px;position:relative}.shell .barre-bas .on:before{content:"";background:var(--action);border-radius:3px;height:3px;position:absolute;top:0;left:30%;right:30%}.v3-parcours{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shell .v3-familles{flex-wrap:nowrap}.v3-reception-workspace{grid-template-columns:minmax(0,1fr)}.shell .v3-commandes :is(.qty-ctrl button,.qty-input){min-width:44px;min-height:44px}.shell .v3-panier .temp-input input{min-height:44px;font-size:16px!important}.shell .v3-commandes .v3-panier-mobile{z-index:34;bottom:calc(78px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow);gap:8px;display:flex;position:fixed;left:16px;right:16px}.v3-panier-mobile>span{margin-left:auto;font-size:12px}.shell .content:has(.v3-commandes){padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}.v3-controle-actions{bottom:calc(76px + env(safe-area-inset-bottom,0px));background:var(--card);margin-inline:-16px;padding:16px;position:sticky;box-shadow:0 -4px 12px #141a330d}.v3-controle-actions .btn{flex:100%}.v3-reception-controle .temp-input input,.v3-reception-controle .temp-action-input{min-height:44px;font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shell *,.shell :before,.shell :after{transition:none!important;animation:none!important}}@media print{.shell .content{max-width:none;padding:0}.shell .card{box-shadow:none}}@media (max-width:860px){.shell .topbar .btn-caisse{flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:12px;display:inline-flex}.shell .topbar .top-right{gap:8px}.shell .crumb{min-width:0}.shell .crumb b{max-width:35vw}}
@media screen{:root[data-theme=sombre]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#0b1022;--action:#6d8ff2;--juliette:#a898f7;--secondary:#9aa5bc;--success:#4cc59c;--warning:#e4a64c;--danger:#ef7b86;--ink:#e7ebf5;--ink-2:#c3cbdd;--muted:#97a2ba;--line:#273152;--paper:#0e1428;--card:#161d36;--purple:var(--action);--purple-ink:#a9bcff;--lavender:#1f2a52;--accent-trait:#3a4a85;--mint:#10291f;--mint-ink:#6ad8b0;--peach:#2d2214;--peach-ink:#f1bb72;--yellow:#2b2614;--yellow-ink:#ecc865;--red:#34171d;--red-ink:#ff95a0;--blue:#18234a;--blue-ink:#98b0ff;--shadow-sm:0 2px 8px #00000040;--shadow:0 8px 24px #00000059;--shadow-lg:0 20px 56px #00000080;--voile-fond:#0e1428cc}:root[data-theme=sombre] body{background:var(--paper)}:root[data-theme=sombre] .shell .page-head h1{color:var(--ink)}:root[data-theme=sombre] .shell .topbar,:root[data-theme=sombre] .topbar{background:#161d36eb;box-shadow:0 2px 10px #00000040}:root[data-theme=sombre] .shell .barre-bas{background:#161d36f7;box-shadow:0 -4px 20px #0000004d}:root[data-theme=sombre] .shell .sidebar{background:#0b1022;border-right-color:#1a2242}:where(:root[data-theme=sombre] :is(input,select,textarea):not([type=checkbox],[type=radio],[type=range],[type=color])){background-color:var(--card);color:var(--ink);border-color:var(--line)}:root[data-theme=sombre] ::placeholder{color:#6f7a94}:root[data-theme=sombre] option{background:var(--card);color:var(--ink)}:root[data-theme=sombre] :is(.skeleton,.shell .skeleton){background-color:#1c2442;background-image:linear-gradient(90deg,#1c2442 25%,#253056 50%,#1c2442 75%)}:root[data-theme=sombre] :is(.shell .seg,.seg.haccp-zones,.haccp-tete .seg){background:#0f1630}:root[data-theme=sombre] .seg button.on{box-shadow:0 1px 3px #0006}:root[data-theme=sombre] .shell table.data tr:hover td{background:#1b2343}:root[data-theme=sombre] .shell .v3-reception-controle .recep-row.ko{background:#2a1f12;border-color:#6b4a22}:root[data-theme=sombre] :is(.pg-cell.today,.wk-cell.today){background:#1a2349}:root[data-theme=sombre] .hf-carte{--bande:#4a5578;--ecran:#10172e;--valeur:#8e98b8;--chip-fond:#1f2847;--chip:#b5bfd8}:root[data-theme=sombre] .hf-carte.etat-ok{--bande:#2fa679;--ecran:#0f2a20;--valeur:#6ad8b0;--chip-fond:#12352a;--chip:#6ad8b0}:root[data-theme=sombre] .hf-carte.etat-ko{--bande:#e0533d;--ecran:#33161b;--valeur:#ff9a8a;--chip-fond:#3d1a1f;--chip:#ff9a8a}:root[data-theme=sombre] .hf-carte.etat-saisie{--ecran:#182250;--valeur:#a9bcff;--chip-fond:#1f2a52;--chip:#a9bcff}:root[data-theme=sombre] :is(.hf-norme,.hf-unite){color:var(--muted)}:root[data-theme=sombre] .hf-input::placeholder{color:#4d5878}:root[data-theme=sombre] .hf-stepper button{color:var(--ink);background:#1f2a52}:root[data-theme=sombre] .hf-stepper button:hover{background:#283566}:root[data-theme=sombre] .hf-stepper .hf-ok{background:var(--action);color:#fff}:root[data-theme=sombre] .hf-stepper .hf-ok:disabled{color:#6f7a94;background:#2a3352}:root[data-theme=sombre] .haccp-valider-bar{background:#24357a}:root[data-theme=sombre] .haccp-compteurs span{color:var(--purple-ink);background:#1f2a52}:root[data-theme=sombre] .haccp-compteurs .ok{color:#6ad8b0;background:#12352a}:root[data-theme=sombre] .haccp-compteurs .ko{color:#ff9a8a;background:#3d1a1f}:root[data-theme=sombre] :is(.outil-logo.image,.signature-pad canvas){background:#fff}}:root{--voile-fond:#f5f7fbd1}@media screen{:root[data-fond] .shell{background:linear-gradient(var(--voile-fond), var(--voile-fond)), var(--fond-ecran) center / cover fixed}}