.lavender{background:#ece7f7}.peach{background:#fae9db}.enriched-actions .action-card{position:relative;overflow:hidden;min-height:250px;display:flex;flex-direction:column}.enriched-actions .action-card:after{content:"";position:absolute;right:-45px;top:65px;width:170px;height:170px;border:28px solid #ffffff29;border-radius:50%;pointer-events:none}.enriched-actions .action-top,.enriched-actions h2,.enriched-actions p,.tile-footer{position:relative;z-index:1}.tile-kicker{margin-left:auto;font-size:.6rem;font-weight:750;letter-spacing:.1em;color:#46675f}.enriched-actions .arrow{margin-left:10px}.tile-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:23px}.signal-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff90;background:#ffffffad;color:#244f44;border-radius:30px;padding:8px 12px;font-size:.73rem;line-height:1.4;font-weight:650;max-width:100%}.rotating-badges{display:grid;min-width:0}.rotating-badges>.signal-badge{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;align-self:center}.rotating-badges>.is-current{visibility:visible;opacity:1;transform:none}.mini-chart{width:84px;height:28px;flex:none;fill:#8c783d}.personal-strip{background:linear-gradient(110deg,#fff,#e9f4ef);border-color:#d4e5dd}.order-hero{background:linear-gradient(125deg,#123f3c,#286359 65%,#3b7c68);color:white;border-radius:22px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px;overflow:hidden}.order-hero h2{font-size:clamp(1.45rem,2.5vw,2.1rem);max-width:600px;letter-spacing:-.04em}.order-hero p{color:#d0e7df}.order-hero .eyebrow{color:#a5d7c3}.order-hero .signal-badge{background:#ffffff15;border-color:#ffffff35;color:#ecfff6}.order-hero .urgent{background:#ffdbbd;color:#713818}.coverage-ring{width:158px;min-width:158px;aspect-ratio:1;position:relative}.coverage-ring svg{width:100%;height:100%;overflow:visible}.ring-track,.ring-value{fill:none;stroke-width:10}.ring-track{stroke:#ffffff23}.ring-value{stroke:#b5e986;stroke-linecap:round;animation:ring-enter 1s ease-out}.coverage-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.coverage-ring strong{font-size:2rem}.coverage-ring span{font-size:.67rem;color:#d0e7df}.order-kpis .kpi:nth-child(1),body[data-page=dashboard] .kpi:nth-child(1){background:#e6edf9}.order-kpis .kpi:nth-child(2),body[data-page=dashboard] .kpi:nth-child(2){background:#eee8f8}.order-kpis .kpi:nth-child(3),body[data-page=dashboard] .kpi:nth-child(3){background:#e3f3e9}.order-kpis .kpi:nth-child(4),body[data-page=dashboard] .kpi:nth-child(4){background:#fff0db}.order-card{border-top:4px solid #7b8ec1}.order-card.state-ready{border-top-color:#4d9974;background:linear-gradient(150deg,#f0fbf4,#fff 55%)}.order-card.state-urgent{border-top-color:#d99150;background:linear-gradient(150deg,#fff5eb,#fff 55%)}.order-state-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.order-state-line .signal-badge{background:#eef0f9;color:#4c5a82}.state-ready .order-state-line .signal-badge{background:#ddf2e4;color:#276248}.state-urgent .order-state-line .signal-badge{background:#ffecd6;color:#8b4b19}.order-deadline{padding:12px 16px;border-radius:13px;background:#f2f4f8}.order-lines .order-progress{height:8px}.order-demand>div{padding:18px;border-radius:14px;background:#edf5f0}.order-demand>div:nth-child(even){background:#f0ecf8}.order-demand>div:nth-child(even) .order-progress{accent-color:#8b75b0}.order-demand>div:nth-child(even) .order-progress::-webkit-progress-value{background:#8b75b0}.trend-panel{margin-bottom:28px;background:linear-gradient(135deg,#fff,#f2f6fb)}.production-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;max-width:850px;margin:24px auto}.chart-day{text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.chart-day strong{font-size:.85rem}.chart-day svg{width:100%;max-width:70px;height:130px}.chart-day span{font-size:.7rem;color:var(--muted)}.chart-track{fill:#e8edf1}.chart-fill{fill:#609c8b;animation:bar-enter .75s ease-out;transform-origin:bottom;transform-box:fill-box}.chart-day:nth-child(3n+2) .chart-fill{fill:#9590c7}.chart-day:nth-child(3n) .chart-fill{fill:#d7ac68}.trend-panel .signal-badge{background:#e8eee8}.count-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#e3f2ea,#e7edf7);border-radius:18px;padding:25px;margin-bottom:20px}.count-intro p:last-child{margin:0;max-width:650px}.count-intro .signal-badge{flex-shrink:0}.count-tools{display:grid;grid-template-columns:2fr 1fr auto;align-items:center;gap:20px;margin:24px 0}.count-tools label{margin:0}.count-tools .signal-badge{margin-top:24px;background:#e6efe9}.blind-count-list{display:grid;gap:10px}.blind-count-row{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #dbe4df;background:#fff;border-radius:15px;padding:17px 20px;transition:background .2s,border-color .2s}.blind-count-row.is-counted{background:#e4f4ec;border-color:#8fc9ae}.blind-count-row[hidden]{display:none}.count-item{display:flex;align-items:center;gap:16px;min-width:0}.count-item strong{overflow-wrap:anywhere}.count-item small{margin-top:5px;color:var(--muted);font-size:.73rem}.count-item-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f0f4f2;color:#528571;flex-shrink:0;font-size:1.3rem}.count-number{margin:0;flex-shrink:0;width:260px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#64766c}.count-input-wrap{display:flex;align-items:center;gap:0;margin-top:7px;text-transform:none;letter-spacing:normal;font-size:.95rem;color:var(--ink)}.count-input-wrap input{margin:0;border-radius:9px 0 0 9px;min-width:0;background:#fff}.count-input-wrap button{min-width:44px;min-height:48px;border:1px solid #d6e0d5;border-left:0;background:#f2f6f3;border-radius:0 9px 9px 0;font-size:1.25rem;font-weight:700;color:var(--ink)}.count-input-wrap>span{min-width:44px;margin-left:10px;font-size:.78rem}.count-save{margin-top:25px;max-width:650px}.order-progress{animation:fade-enter .6s ease-out}body[data-page=profile] .kpi:nth-child(even){background:#eaf1fa}body[data-page=profile] .kpi:nth-child(odd){background:#eaf4ec}.bar-chart meter{accent-color:#8173ae}@keyframes ring-enter{from{stroke-dasharray:0 100}}@keyframes bar-enter{from{transform:scaleY(0)}}@keyframes fade-enter{from{opacity:.4}}@media(max-width:700px){.enriched-actions .action-card{min-height:230px}.tile-kicker{font-size:.54rem}.order-hero{padding:22px;gap:14px}.coverage-ring{width:110px;min-width:110px}.coverage-ring strong{font-size:1.6rem}.order-hero h2{font-size:1.4rem}.count-tools{grid-template-columns:1fr 1fr;gap:12px}.count-tools>.signal-badge{grid-column:1/-1;margin:0;justify-self:start}.blind-count-row{padding:16px;flex-wrap:wrap;gap:14px}.count-item{width:100%}.count-number{width:100%}.count-intro{align-items:flex-start;flex-direction:column;gap:12px}.production-chart{gap:5px}.chart-day svg{height:95px}.order-state-line{align-items:flex-start}.tile-footer{gap:5px}.signal-badge{font-size:.7rem}.mini-chart{width:56px}}@media(max-width:430px){.order-hero{align-items:flex-start;flex-direction:column}.coverage-ring{align-self:center}.enriched-actions .action-card:after{display:none}}@media(prefers-reduced-motion:reduce){.ring-value,.chart-fill,.order-progress{animation:none}.rotating-badges>.signal-badge,.blind-count-row{transition:none}.rotating-badges>.signal-badge{grid-area:auto;visibility:visible;opacity:1;transform:none;margin-bottom:5px}}@media print{.count-tools,.tile-footer,.count-input-wrap button{display:none}.order-hero{color:#163e35;background:white}.ring-track{stroke:#ddd}.ring-value{stroke:#28765c}}
@media screen and (max-width:800px){body[data-page=home] .enriched-actions .action-card{min-height:185px;gap:0;align-items:stretch;text-align:left;padding:20px;border-radius:20px}body[data-page=home] .enriched-actions .action-top{display:flex;align-items:center;justify-content:space-between;gap:10px}body[data-page=home] .enriched-actions .action-card h2{align-self:flex-start;margin:17px 0 6px;font-size:1.2rem}body[data-page=home] .enriched-actions .action-card p{display:block;font-size:.8rem;color:#48634f}body[data-page=home] .enriched-actions .action-card .arrow{display:block}body[data-page=home] .enriched-actions .action-card[data-action=produce] p{color:#d0e5db}body[data-page=home] .enriched-actions .action-card[data-action=produce] .tile-kicker{color:#d0e5db}body[data-page=home] .enriched-actions .action-card[data-action=produce] .mini-chart{fill:#cde5ad}body[data-page=home] .enriched-actions .action-card[data-action=orders]{background:#e2eaf0}body[data-page=home] .enriched-actions .action-card[data-action=filling]{background:#e4eddd}body[data-page=home] .enriched-actions .action-card[data-action=stocktake]{background:#efe4dd}body[data-page=home] .enriched-actions .action-card[data-action=receive],body[data-page=home] .enriched-actions .action-card[data-action=dispatch]{min-height:190px;display:flex;padding:16px}body[data-page=home] .enriched-actions .action-card[data-action=receive] .tile-kicker,body[data-page=home] .enriched-actions .action-card[data-action=dispatch] .tile-kicker{display:none}body[data-page=home] .tile-footer{padding-top:15px}body[data-page=home] .enriched-actions .action-card:after{display:none}.count-input-wrap button{min-height:52px}}
.multi-count-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.multi-count-row .count-item{width:auto}.multi-count-row .count-select{margin:0;align-self:center}.count-unit-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px;width:100%}.count-unit-fields .count-number{width:auto;margin:0;min-width:0}.count-unit-fields .count-number>small{font-size:.7rem;margin-top:7px;text-transform:none;letter-spacing:0;font-weight:400}.count-total{grid-column:1/-1;margin:0;font-size:.88rem}.count-total small{font-size:.73rem;margin-top:6px;color:var(--muted)}.count-item .current-stock{font-size:.83rem;color:#365f51;font-weight:600}.count-item-icon img{width:100%;height:100%;object-fit:contain}.multi-count-row .count-item-icon{width:52px;height:58px}@media(max-width:430px){.multi-count-row{gap:14px;padding:16px}.count-unit-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.count-unit-fields .count-input-wrap input{padding-left:9px;padding-right:5px}.multi-count-row .count-item{gap:9px}.multi-count-row .count-item-icon{width:36px;height:44px}.multi-count-row .count-select{font-size:.75rem}}
.home-order-progress{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:4px 8px;background:#ffffff80;border:1px solid #ffffff70;border-radius:20px;color:#365f54;white-space:nowrap;flex:none}.home-order-count{font-size:.7rem;line-height:1.4}.home-order-count strong{font-size:inherit;font-weight:650}.home-order-progress .order-progress{width:32px;height:3px;margin:0;background:#cfdcd6;flex:none}.enriched-actions .action-card{min-height:210px}.enriched-actions .tile-footer{padding-top:14px;gap:6px;flex-wrap:wrap;justify-content:flex-start}.enriched-actions .signal-badge{font-size:.7rem;padding:4px 8px;border-color:#ffffff60;background:#ffffff70;font-weight:550}.enriched-actions .mini-chart{margin-left:auto}.enriched-actions .rotating-badges{max-width:100%}
@media screen and (max-width:800px){body[data-page=home] .enriched-actions .action-card,body[data-page=home] .enriched-actions .action-card[data-action=receive],body[data-page=home] .enriched-actions .action-card[data-action=dispatch]{min-height:128px;padding:14px;border-radius:16px}body[data-page=home] .enriched-actions .action-card .action-icon{width:32px;height:32px;min-height:32px;border-radius:10px;font-size:1.15rem}body[data-page=home] .enriched-actions .action-icon svg{width:19px;height:19px}body[data-page=home] .enriched-actions .action-card h2,body[data-page=home] .enriched-actions .action-card[data-action=produce] h2{font-size:1.05rem;margin:9px 0 0;line-height:1.25}body[data-page=home] .enriched-actions .action-card p,body[data-page=home] .enriched-actions .tile-kicker{display:none}body[data-page=home] .enriched-actions .tile-footer{padding-top:10px;gap:5px}body[data-page=home] .enriched-actions .signal-badge,body[data-page=home] .home-order-count{font-size:.67rem}body[data-page=home] .enriched-actions .signal-badge,body[data-page=home] .home-order-progress{padding:3px 7px}body[data-page=home] .enriched-actions .mini-chart{width:45px;height:18px}body[data-page=home] .action-grid{gap:10px}}
@media(prefers-reduced-motion:reduce){.enriched-actions .rotating-badges>.signal-badge{grid-area:1/1;visibility:hidden;opacity:0;margin:0}.enriched-actions .rotating-badges>.is-current{visibility:visible;opacity:1}}