:root{color-scheme:light;--ink:#17232d;--muted:#6b747b;--paper:#fffdf9;--cream:#f4efe7;--line:#ddd6cb;--red:#dd3c2f;--red-dark:#9f211d;--green:#19714f;--amber:#a65e08;--navy:#142a38;font-family:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink)}button,input,select,textarea{font:inherit}.rail{position:fixed;inset:0 auto 0 0;width:236px;padding:22px 16px;display:flex;flex-direction:column;background:var(--navy);color:white}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 26px;color:white;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.brand span{display:grid}.brand strong{font:800 13px Manrope;letter-spacing:.04em}.brand small{margin-top:3px;color:#b8c4ca;font-size:8px;letter-spacing:.15em}.rail nav{display:grid;gap:7px}.rail nav button{border:0;border-radius:10px;padding:13px 14px;display:flex;gap:12px;align-items:center;background:transparent;color:#cbd5da;text-align:left;cursor:pointer;font-weight:700}.rail nav button span{width:20px;text-align:center}.rail nav button:hover,.rail nav button.active{background:#274455;color:white}.back-pos{margin-top:auto;padding:13px;color:#cbd5da;text-decoration:none;font-weight:700;font-size:13px}.workspace{margin-left:236px;min-height:100vh;padding:32px clamp(24px,4vw,58px) 60px}.workspace-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--red)}h1{margin:8px 0 4px;font:800 clamp(28px,3vw,43px)/1.05 Manrope;letter-spacing:-.035em}.workspace-head p{margin:0;color:var(--muted)}.head-actions{display:flex;gap:10px;align-items:center}.search{min-width:290px;height:47px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.search input{width:100%;border:0;outline:0;background:transparent}.primary,.secondary,.danger{min-height:45px;border:0;border-radius:10px;padding:0 16px;cursor:pointer;font-weight:800}.primary{background:var(--red);color:white}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.danger{background:#fff0ee;color:#a62c25}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.metric span{font-size:11px;color:var(--muted);font-weight:700}.metric strong{display:block;margin-top:9px;font:800 31px Manrope}.metric.good strong{color:var(--green)}.metric.warn strong{color:var(--amber)}.section-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:15px;background:var(--paper);overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;font:800 18px Manrope}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.attention-list{display:grid}.attention-row{padding:15px 20px;display:grid;grid-template-columns:1fr auto;gap:4px;border-bottom:1px solid #eee8df}.attention-row:last-child{border:0}.attention-row small{color:var(--muted)}.attention-row b{grid-column:2;grid-row:1/3;align-self:center}.status{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status.good,.status.received{background:#e4f4ec;color:#14613f}.status.warn,.status.partially_received{background:#fff0d6;color:#8a4a00}.status.bad{background:#ffe8e5;color:#9f211d}.status.submitted{background:#e5eef9;color:#255681}.status.draft{background:#ece9e4;color:#5d5b57}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips button{border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:8px 12px;cursor:pointer;font-size:11px;font-weight:800}.filter-chips button.active{border-color:var(--red);background:#fff0ed;color:var(--red-dark)}.menu-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden}.menu-table th{padding:11px 14px;background:#f7f3ed;color:var(--muted);font-size:10px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.menu-table td{padding:14px;border-top:1px solid #eee8df;vertical-align:middle}.menu-table tbody tr{cursor:pointer}.menu-table tbody tr:hover{background:#fffbf6}.item-cell{display:flex;align-items:center;gap:12px}.item-color{width:6px;height:44px;border-radius:5px;background:var(--item-color)}.item-cell span{display:grid}.item-cell small,.subtle{color:var(--muted);font-size:11px}.channel-dots{display:flex;gap:4px}.channel-dots i{width:8px;height:8px;border-radius:50%;background:#d6d1ca}.channel-dots i.on{background:var(--green)}.cost{display:grid}.cost small{color:var(--muted)}.availability{display:flex;align-items:center;gap:7px}.availability i{width:8px;height:8px;border-radius:50%;background:var(--green)}.availability.off i{background:var(--red)}.drawer-layer{position:fixed;inset:0;z-index:20;display:none;background:rgba(8,20,28,.5);backdrop-filter:blur(3px)}.drawer-layer.open{display:block}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(680px,94vw);overflow:auto;background:var(--paper);box-shadow:-20px 0 50px rgba(0,0,0,.15)}.drawer-head{position:sticky;top:0;z-index:2;padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;background:rgba(255,253,249,.96);backdrop-filter:blur(10px)}.drawer-head h2{margin:5px 0 0;font:800 25px Manrope}.close{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:white;cursor:pointer;font-size:24px}.drawer-body{padding:25px 26px 90px}.form-section{padding-bottom:24px;margin-bottom:23px;border-bottom:1px solid var(--line)}.form-section h3{margin:0 0 14px;font:800 15px Manrope}.form-section>p{margin:-8px 0 14px;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px;font-size:11px;font-weight:700;color:#445059}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-height:45px;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:white;color:var(--ink);outline:0}.field textarea{min-height:82px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(221,60,47,.09)}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.check{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:white;font-size:11px;font-weight:700}.check input{accent-color:var(--red)}.drawer-actions{position:fixed;right:0;bottom:0;width:min(680px,94vw);padding:14px 26px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);background:var(--paper)}.recipe-layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.recipe-list{max-height:calc(100vh - 220px);overflow:auto}.recipe-list button{width:100%;padding:14px 16px;border:0;border-bottom:1px solid #eee8df;background:white;text-align:left;cursor:pointer}.recipe-list button.active{background:#fff1ed;border-left:4px solid var(--red)}.recipe-list button strong,.recipe-list button small{display:block}.recipe-list button small{margin-top:3px;color:var(--muted)}.recipe-card{padding:23px}.recipe-cost-line{display:grid;grid-template-columns:1fr repeat(3,110px) 36px;gap:8px;align-items:center;margin:8px 0}.recipe-cost-line input,.recipe-cost-line select{height:40px;border:1px solid var(--line);border-radius:8px;padding:0 8px}.recipe-cost-line button{height:36px;border:0;border-radius:8px;background:#fff0ee;color:var(--red);cursor:pointer}.recipe-total{margin-top:20px;padding:17px;border-radius:12px;background:#f1f5f0;display:flex;justify-content:space-between}.recipe-total strong{font:800 22px Manrope}.stock-bar{width:110px;height:7px;border-radius:8px;background:#e7e1d9;overflow:hidden}.stock-bar i{display:block;height:100%;background:var(--green)}.stock-bar.low i{background:var(--red)}.po-card{margin-bottom:13px;border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden}.po-summary{padding:17px 19px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;align-items:center;gap:12px}.po-summary h3{margin:0;font:800 15px Manrope}.po-lines{border-top:1px solid var(--line);background:#faf7f2}.po-line{padding:10px 19px;display:grid;grid-template-columns:1fr 120px 120px;gap:10px;font-size:12px}.toast-region{position:fixed;right:24px;bottom:24px;z-index:40;display:grid;gap:8px}.toast{padding:12px 15px;border-radius:10px;background:var(--navy);color:white;box-shadow:0 10px 35px rgba(0,0,0,.2);font-size:12px;font-weight:700}.toast.error{background:#9f211d}.empty{padding:44px;text-align:center;color:var(--muted)}.loading{padding:80px;text-align:center;color:var(--muted)}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.section-grid{grid-template-columns:1fr}.workspace-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.search{flex:1}.recipe-layout{grid-template-columns:1fr}.recipe-list{max-height:280px}.po-summary{grid-template-columns:1fr 1fr 1fr}.po-summary>*:last-child{grid-column:3}}@media(max-width:760px){.rail{position:static;width:auto;padding:12px}.rail nav{grid-template-columns:repeat(5,1fr)}.rail nav button{justify-content:center;padding:11px 5px;font-size:0}.rail nav button span{font-size:18px}.brand,.back-pos{display:none}.workspace{margin-left:0;padding:22px 15px 50px}.head-actions{flex-wrap:wrap}.search{min-width:100%}.metric-grid{grid-template-columns:1fr 1fr}.menu-table th:nth-child(3),.menu-table td:nth-child(3),.menu-table th:nth-child(4),.menu-table td:nth-child(4){display:none}.check-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.recipe-cost-line{grid-template-columns:1fr 80px 70px 34px}.recipe-cost-line .component-cost{display:none}}

.brand img{width:74px;height:48px}

.kds-choice{border:0;padding:0;margin:0}.kds-choice legend{margin-bottom:8px}.kds-choice-buttons{display:flex;gap:10px;flex-wrap:wrap}.kds-choice-buttons label{position:relative;cursor:pointer}.kds-choice-buttons input{position:absolute;opacity:0;width:1px;height:1px}.kds-choice-buttons span{display:block;border:2px solid #d3d7da;border-radius:10px;padding:14px 22px;min-height:48px;box-sizing:border-box;font-weight:800}.kds-choice-buttons input:checked+span{background:#176d57;color:white;border-color:#176d57}.kds-choice-buttons input:focus-visible+span{outline:3px solid #1885da;outline-offset:3px}