:root{
  --bg:#f3efe6;--panel:#fffdf8;--ink:#17342c;--muted:#6c786f;--line:#d7dfd8;
  --green:#155f4c;--green2:#2f8a6f;--green-soft:#eaf5ef;--gold:#b88735;--gold-soft:#fff4dc;
  --red:#b4473d;--red-soft:#fff0ee;--blue:#315f91;--shadow:0 18px 48px rgba(31,54,47,.11);--r:18px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#e6efe9 0,#f3efe6 35%,#eee6d8 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.top{position:sticky;top:0;z-index:20;background:rgba(20,57,48,.96);color:#fff;backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.13)}.top-inner{max-width:1320px;margin:auto;padding:12px 16px;display:flex;gap:16px;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;min-width:max-content}.logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#f7df9a,#bd8b31);display:grid;place-items:center;font-size:25px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.brand h1{font-size:19px;margin:0}.brand small{opacity:.75}.metrics{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.metric{min-width:68px;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);display:grid;gap:1px}.metric small{font-size:10px;opacity:.72}.metric b{font-size:13px}
.shell{max-width:1320px;margin:auto;padding:14px 16px 30px;display:grid;grid-template-columns:228px minmax(0,1fr);gap:14px}.nav{background:rgba(255,253,248,.94);border:1px solid var(--line);border-radius:var(--r);padding:10px;box-shadow:var(--shadow);height:max-content;position:sticky;top:84px}.nav button{width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:12px;color:var(--ink);font-weight:750;margin:2px 0;white-space:nowrap}.nav button:hover,.nav button.active{background:#dfeee7;color:var(--green)}.nav .version{margin-top:10px;padding:10px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);line-height:1.6}.main{display:grid;gap:14px;min-width:0}
.panel,.task-card,.training-card,.study-mode,.kpi{background:rgba(255,253,248,.97);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.panel{padding:16px}.hero{background:linear-gradient(125deg,#143b31,#28745d);color:#fff;overflow:hidden;position:relative}.hero:after{content:"药";position:absolute;right:24px;bottom:-56px;font-size:180px;font-family:serif;opacity:.07;pointer-events:none}.hero h2{margin:3px 0 7px;font-size:26px}.hero p{margin:0;max-width:800px;line-height:1.72;opacity:.87}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:18px;align-items:center}.hero-seal{width:105px;height:105px;border:2px solid rgba(255,255,255,.44);border-radius:50%;display:grid;place-items:center;text-align:center;font-family:serif;font-size:40px;justify-self:end;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 7px rgba(255,255,255,.05)}.hero-seal small{display:block;font-size:12px;font-family:inherit}.eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span12{grid-column:span 12}.span8{grid-column:span 8}.span7{grid-column:span 7}.span6{grid-column:span 6}.span5{grid-column:span 5}.span4{grid-column:span 4}.span3{grid-column:span 3}.section-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:10px}.section-head h3,.section-head h4,.panel h3,.panel h4{margin:0}.section-head p{margin:3px 0 0;color:var(--muted)}.muted{color:var(--muted);line-height:1.65}.top-gap{margin-top:14px}.full{width:100%}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:12px;font-weight:800;transition:.16s}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.08)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.44;cursor:not-allowed;transform:none;box-shadow:none}.text-btn{border:0;background:transparent;color:var(--green);font-weight:800;padding:6px 0}.tag{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:850;background:#fff;white-space:nowrap}.tag.good{color:var(--green);border-color:#9ac8b3;background:#eff9f4}.tag.warn{color:#99620a;border-color:#ead09a;background:#fff8e8}.tag.bad{color:var(--red);border-color:#e0aaa3;background:#fff2f0}.good-text{color:var(--green)}.warn-text{color:#9a640d}.bad-text{color:var(--red)}
.task-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px}.task-card.complete{border-color:#89bfa8;background:linear-gradient(120deg,#f4fbf7,#fffdf8)}.task-icon{width:48px;height:48px;border-radius:15px;background:var(--green-soft);display:grid;place-items:center;font-size:25px}.task-card p{margin:3px 0;color:var(--ink)}.task-card small{color:var(--muted)}.task-progress{display:grid;justify-items:end;gap:7px}.task-progress>b{font-size:20px}
.map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.zone{min-height:132px;border:1px solid #cddbd4;border-radius:16px;background:linear-gradient(145deg,#fff,#edf5f0);padding:14px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;text-align:left;color:var(--ink)}.zone:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(23,98,79,.12)}.zone .icon{font-size:31px}.zone b{font-size:15px}.zone small{color:var(--muted);line-height:1.45}
.status-list,.mini-list{display:grid;gap:0}.status-list>div,.mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}.status-list>div:last-child,.mini-list>div:last-child{border-bottom:0}.scorebar,.bar{height:10px;background:#e7ece8;border-radius:999px;overflow:hidden}.scorebar{margin-top:12px}.scorebar span,.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--gold))}.skill-list{display:grid;gap:10px}.skill>div:first-child{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13px}
.timeline{display:grid;gap:8px}.time-item{display:grid;grid-template-columns:70px 22px 1fr;gap:9px;align-items:start;padding:8px 0;border-bottom:1px dashed var(--line)}.time-dot{width:14px;height:14px;border-radius:50%;background:#c8d1cb;margin-top:4px}.time-item.done .time-dot{background:var(--green)}.time-item.current .time-dot{background:var(--gold);box-shadow:0 0 0 5px rgba(184,135,53,.15)}
.checklist{display:grid;gap:9px}.check{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.check.done{border-color:#8ec1ad;background:#f1faf6}.check .box{width:24px;height:24px;border-radius:8px;border:2px solid #a8b5ae;display:grid;place-items:center;font-size:13px}.check.done .box{background:var(--green);border-color:var(--green);color:#fff}.notice{margin-top:8px;padding:10px;border-radius:11px;background:#fff7e7;border:1px solid #e9d09a;color:#795519;line-height:1.55;font-size:13px}.locked-panel,.success-panel{display:flex;justify-content:space-between;gap:15px;align-items:center}.locked-panel{border-color:#e4c88d;background:#fff9eb}.success-panel{border-color:#91c1ad;background:#f0faf5}.locked-panel h3,.success-panel h3{margin:0 0 5px}.locked-panel p,.success-panel p{margin:0;color:var(--muted);line-height:1.55}
.queue{display:flex;gap:10px;overflow:auto;padding:8px 2px 4px}.person{min-width:92px;text-align:center;border:1px solid var(--line);border-radius:15px;background:#fff;padding:10px}.person.active{border-color:var(--gold);box-shadow:0 0 0 4px rgba(184,135,53,.14)}.person .face{font-size:36px}.person small{display:block;color:var(--muted);margin-top:3px}.dialog{background:#f5faf7;border:1px solid #cfe0d7;border-radius:16px;padding:15px;line-height:1.7}.questions{display:grid;gap:8px}.question{border:1px solid var(--line);background:#fff;padding:11px;border-radius:12px;text-align:left}.question.asked{background:#eef7f2;border-color:#a9cdbd}.answer{margin-top:7px;padding:9px;border-left:3px solid var(--green2);background:#fff;border-radius:8px;color:var(--muted)}
.decision-actions{margin-bottom:13px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action-btn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;text-align:left;color:var(--ink);display:grid;gap:5px}.action-btn span{font-size:24px}.action-btn.selected{border-color:var(--gold);box-shadow:0 0 0 4px rgba(184,135,53,.12);background:#fffaf0}.cabinet{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f6f1e8}.cabinet-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);background:#fff}.cabinet-tab{border:0;border-right:1px solid var(--line);padding:10px 13px;background:#fff;white-space:nowrap;font-weight:800;color:var(--muted)}.cabinet-tab.active{background:var(--green);color:#fff}.shelf-scene{padding:13px;background:linear-gradient(#efe6d7 0 8px,#f9f5ed 8px 100%)}.shelf-label{font-weight:900;margin-bottom:9px}.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.product{border:1px solid #cfc4b3;border-radius:12px;background:#fff;padding:10px;text-align:left;min-height:120px;color:var(--ink);box-shadow:0 5px 0 #d8cdbd}.product.selected{border-color:var(--gold);box-shadow:0 0 0 4px rgba(184,135,53,.12),0 5px 0 #d8cdbd}.product.out{opacity:.43;filter:grayscale(1)}.product b{display:block;margin:6px 0 4px}.product small{color:var(--muted);line-height:1.45}.box-art{display:grid;place-items:center;width:42px;height:46px;border-radius:5px;background:linear-gradient(145deg,#f1e5b5,#d7a94e);border:1px solid #bd8b31;color:#5b4213;font-size:11px;font-weight:900}.selected-line{padding:10px 0;color:var(--muted)}
.checkout{max-width:580px}.receipt{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border:1px dashed #aaa;border-radius:12px;background:#fff;margin-bottom:14px}.cash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cash-grid button{padding:13px}.feedback{padding:14px;border-radius:14px;line-height:1.7}.feedback.good{background:#eaf7f0;border:1px solid #9ccbb6}.feedback.bad{background:#fff0ee;border:1px solid #e1aaa3}
.kpi{grid-column:span 3;padding:16px;display:grid;gap:6px}.kpi span{color:var(--muted);font-size:12px}.kpi b{font-size:24px}.report-list{display:grid;gap:8px}.report{display:grid;grid-template-columns:90px repeat(3,1fr);gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.report span{color:var(--muted);font-size:12px}
.shipment{display:grid;gap:8px}.shipment-line{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff}.shipment-line.affected{border-color:#e3b18f;background:#fff8ef}.shipment-line small{display:block;color:var(--muted);margin-top:3px}.compact-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.compact-check{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;text-align:left;color:var(--ink)}.compact-check span{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #aab5ae;border-radius:6px;margin-right:7px}.compact-check.done{background:#eff9f4;border-color:#91c3ad}.compact-check.done span{background:var(--green);color:#fff;border-color:var(--green)}.decision-stack{display:grid;gap:8px}.inventory-table{display:grid;overflow:auto}.inventory-head,.inventory-row{min-width:700px;display:grid;grid-template-columns:minmax(210px,2fr) 110px 80px 70px 135px;gap:10px;align-items:center;padding:10px}.inventory-head{background:#e9f1ec;border-radius:11px;font-size:12px}.inventory-row{border-bottom:1px solid var(--line)}.inventory-row.low{background:#fff9ee}.inventory-row small{display:block;color:var(--muted);margin-top:3px}
.training-card,.study-mode{padding:15px;display:grid;gap:10px}.training-card{grid-template-columns:50px minmax(0,1fr) auto;align-items:center}.training-card.passed{border-color:#8fc0aa;background:#f2faf6}.training-icon{font-size:30px}.training-card h3,.study-mode h3{margin:0}.training-card p,.study-mode p{margin:4px 0;color:var(--muted);line-height:1.5}.study-mode>span{font-size:34px}.certification{display:flex;justify-content:space-between;gap:16px;align-items:center}.certification.passed{border-color:#c99b45;background:#fff9e9}.certification h3{margin:0 0 6px}.certification p{margin:0;color:var(--muted)}.cert-seal{width:76px;height:76px;border:3px double #b88735;border-radius:50%;display:grid;place-items:center;color:#9a681b;font-family:serif;font-weight:900;transform:rotate(-9deg)}.question-title{font-size:20px;line-height:1.55;margin:14px 0}.exam-option{display:block;width:100%;text-align:left;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.exam-option:hover{border-color:var(--green2);background:#f2f9f5}.stars{font-size:30px;color:#d59b2d;letter-spacing:4px;margin:10px 0}
.search{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.medicine-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:65vh;overflow:auto;margin-top:10px}.medicine{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.medicine h4{margin:0}.mastery{color:#b88735;font-size:12px;margin:7px 0}.sop-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;background:#fffdf8;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:15px}.sop-card>span{width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.sop-card h3{margin:0 0 5px}.sop-card p{margin:0;color:var(--muted);line-height:1.65}.journal{display:grid;gap:9px;max-height:70vh;overflow:auto}.entry{border-left:4px solid var(--green);background:#fff;padding:12px;border-radius:0 13px 13px 0}.entry.reviewed{opacity:.62;border-left-color:#aaa}.entry b{display:block;margin-bottom:5px}.entry .tag{margin-bottom:6px}.badge-grid{display:flex;gap:7px;flex-wrap:wrap}.badge{padding:7px 9px;border-radius:999px;background:#fff7e5;border:1px solid #e5c887;font-size:12px;font-weight:800}
#toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(30px);opacity:0;background:#163a31;color:#fff;padding:11px 15px;border-radius:999px;z-index:100;transition:.22s;pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.2)}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#modal{display:none;position:fixed;inset:0;background:rgba(14,29,25,.55);z-index:80;padding:20px;align-items:center;justify-content:center}#modal.open{display:flex}.modal-card{max-width:680px;width:100%;max-height:88vh;overflow:auto;background:var(--panel);border-radius:20px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.3)}
@media(max-width:1050px){.shell{grid-template-columns:1fr}.nav{position:static;display:flex;overflow:auto;white-space:nowrap}.nav button{width:auto}.span8,.span7,.span6,.span5,.span4{grid-column:span 12}.map{grid-template-columns:repeat(2,1fr)}.shelf{grid-template-columns:repeat(3,1fr)}.kpi{grid-column:span 6}}
@media(max-width:700px){.top-inner{display:block}.metrics{justify-content:flex-start;margin-top:9px;overflow:auto;flex-wrap:nowrap}.metric{min-width:72px}.shell{padding:10px}.panel{padding:13px}.hero-grid{grid-template-columns:1fr}.hero-seal{display:none}.hero h2{font-size:22px}.map{grid-template-columns:1fr 1fr}.zone{min-height:116px}.task-card{grid-template-columns:45px 1fr}.task-progress{grid-column:1/-1;justify-items:stretch}.task-progress .btn{width:100%}.shelf{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:1fr}.medicine-list{grid-template-columns:1fr}.cash-grid{grid-template-columns:1fr 1fr}.check{grid-template-columns:28px 1fr}.check>.btn{grid-column:2}.training-card{grid-template-columns:44px 1fr}.training-card>.btn{grid-column:1/-1}.locked-panel,.success-panel,.certification{display:grid}.inventory-head,.inventory-row{min-width:650px}.report{grid-template-columns:1fr 1fr}.brand small{display:none}}
@media(max-width:430px){.map{grid-template-columns:1fr}.shelf{grid-template-columns:1fr 1fr}.compact-checks{grid-template-columns:1fr}.cash-grid{grid-template-columns:1fr}.kpi{grid-column:span 12}.zone{min-height:102px}.product{min-height:110px}}

/* Alpha 3 dashboard and expanded operations */
.dashboard-kpis .kpi{min-height:108px}.dashboard-kpis .kpi small{color:var(--muted)}
.dashboard-hero .hero-seal b{font-size:30px}.dashboard-hero .hero-seal{display:grid;place-content:center;text-align:center}
.alert-list{display:grid;gap:8px}.alert-list div{padding:10px;border:1px solid #ecd49a;background:#fff9e8;border-radius:10px;font-size:13px}.success-note{padding:12px;background:#edf9f2;border:1px solid #a9dfbf;border-radius:10px;color:#187144}
.queue-size{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.compact-map{grid-template-columns:repeat(3,1fr);min-height:0}.compact-map .zone{min-height:110px}
.sales-chart{display:grid;gap:10px}.sales-chart>div{display:grid;grid-template-columns:110px 1fr 55px;gap:10px;align-items:center;font-size:12px}.sales-chart .bar{height:10px}.sales-chart .bar i{display:block;height:100%;background:var(--blue);border-radius:999px}
.principles{display:grid;gap:9px}.principles div{padding:11px;border-left:4px solid var(--green);background:#f5fbf7;border-radius:8px}
.cabinet-tools{display:flex;gap:8px;align-items:center;margin-bottom:10px}.cabinet-tools .search{flex:1}.basket-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8faff}
.receiving-table{display:grid;margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.receiving-head,.receiving-row{display:grid;grid-template-columns:minmax(0,1.6fr) 70px minmax(220px,1fr);gap:10px;align-items:center;padding:11px}.receiving-head{background:#eef3fb}.receiving-row{border-top:1px solid var(--line)}.receiving-row small{display:block;color:var(--muted);line-height:1.5}.line-decisions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:980px){.compact-map{grid-template-columns:repeat(2,1fr)}.dashboard-kpis .span2{grid-column:span 6}.receiving-head{display:none}.receiving-row{grid-template-columns:1fr}.sales-chart>div{grid-template-columns:90px 1fr 45px}}
@media(max-width:560px){.compact-map{grid-template-columns:1fr}.dashboard-kpis .span2{grid-column:span 12}.queue-size{grid-template-columns:repeat(2,1fr)}.cabinet-tools{display:grid}.basket-line{display:grid}.sales-chart>div{grid-template-columns:80px 1fr 42px}}


/* Alpha 4 real-case training */
.tag.real{background:#fff1d7;border-color:#d99a20;color:#7a4b00}.case-question{display:grid;gap:12px}.case-prototype{border-left:4px solid #c58a21;background:#fff9ec;border-radius:8px;padding:12px 14px}.case-prototype b{display:block;margin-bottom:5px}.case-prototype p{margin:0;line-height:1.65}.case-source-line{font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}.case-detail{border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-top:9px;background:#f8fafc}.case-detail h4,.case-sources h4{margin:0 0 6px;font-size:14px}.case-detail p{margin:0;line-height:1.65;white-space:pre-wrap}.case-detail.protect{background:#eff8ff;border-color:#a8cae8}.case-detail.warn{background:#fff5ee;border-color:#e8b99a}.case-detail.legal{background:#f4f2ff;border-color:#c1b9e6}.case-sources{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.case-sources>div{display:grid;gap:2px;padding:6px 0;border-bottom:1px dashed var(--line)}.case-sources span{font-size:12px;color:var(--muted)}.case-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.case-summary>div{display:grid;text-align:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.case-summary b{font-size:24px}.case-summary span{font-size:12px;color:var(--muted)}.training-card small{line-height:1.4}.modal-card{max-height:88vh;overflow:auto}@media(max-width:720px){.case-summary{grid-template-columns:repeat(2,1fr)}}

.risk-level{display:inline-block;padding:2px 7px;border-radius:999px;background:#fff3d4;color:#8a5a00;font-weight:800}.risk-level.severe{background:#ffe4e4;color:#a31d1d}.partial-input{display:grid;gap:4px;font-size:11px;color:var(--muted);margin-top:6px}.partial-input input{max-width:100px;padding:6px 8px}.receive-error-list{max-height:55vh;overflow:auto;display:grid;gap:10px;margin:12px 0}.receive-error-card{border:1px solid #efb2b2;background:#fff8f8;border-radius:12px;padding:12px}.receive-error-card h4,.receive-error-card p{margin:0 0 7px}.inspection-framework{display:grid;grid-template-columns:max-content 1fr;gap:10px 14px;align-items:start}.inspection-framework b{color:var(--green)}.danger-list{display:grid;gap:8px;margin:0;padding-left:20px;color:#7d2020}.inspector-line{border-left:5px solid #1f5e51;background:#f2faf7;padding:14px;border-radius:10px;margin-bottom:14px}.inspector-line span{font-weight:900}.inspector-line p{margin:8px 0 0;line-height:1.7}.nav button[data-view="inspection"]{border-color:#c9a769}.nav button[data-view="inspection"].active{background:#fff7de;color:#795400}.receiving-row small{line-height:1.55}.case-source-line{line-height:1.6}
.inventory-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:10px;margin:12px 0}.inventory-filters select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}@media(max-width:700px){.inventory-filters{grid-template-columns:1fr}}

/* Alpha 6: coherent customer flow + true responsive layout */
html,body{width:100%;max-width:100%;overflow-x:hidden}
#app,.app,.top,.top-inner,.shell,.main,.panel,.customer-panel,.decision-panel{min-width:0;max-width:100%}
.top-inner,.shell{max-width:1600px}
.shell{grid-template-columns:minmax(190px,220px) minmax(0,1fr)}
.nav{min-width:0}.nav button{overflow:hidden;text-overflow:ellipsis}.main{overflow:visible}
.service-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-hero-copy{min-width:0}.service-live{display:grid;grid-template-columns:repeat(3,max-content);gap:8px;flex:0 0 auto}.service-live span{display:grid;gap:2px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);border-radius:12px;font-size:11px}.service-live b{font-size:14px}
.queue-panel{overflow:hidden}.queue-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.queue-head>div{display:grid;gap:3px;min-width:0}.queue-head small{color:var(--muted)}.queue{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.queue.expanded{max-height:260px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));overflow-y:auto}.person{min-width:104px;max-width:124px;overflow:hidden}.person b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person.done{opacity:.62}.person.active{background:#fff9e8}
.service-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.service-step{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,248,.9);color:var(--muted)}.service-step span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4ebe7;font-size:12px;font-weight:900}.service-step.active{border-color:#d2af61;background:#fff9e9;color:var(--ink)}.service-step.active span{background:var(--gold);color:#fff}.service-step.done{border-color:#91c5ae;background:#eef9f3;color:var(--green)}.service-step.done span{background:var(--green);color:#fff}
.service-grid{display:grid;grid-template-columns:minmax(350px,.84fr) minmax(500px,1.35fr);gap:14px;align-items:start}.customer-panel,.decision-panel{overflow:visible}.question-head{margin-top:14px}.question{min-width:0}.question>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.question b{overflow-wrap:anywhere}.question.required:not(.asked){border-color:#e2c179;background:#fffaf0}.next-stage{margin-top:12px}
.risk-summary{border:1px solid var(--line);border-radius:15px;padding:13px;margin:13px 0;background:#f7faf8}.risk-summary.pending{border-color:#d8c89e;background:#fffaf0}.risk-summary.good{border-color:#91c5ae;background:#eff9f4}.risk-summary.warn{border-color:#e1bd70;background:#fff8e8}.risk-summary.danger{border-color:#e0a39c;background:#fff1ef}.risk-summary-title{display:flex;gap:10px;align-items:center}.risk-summary-title>span{font-size:27px}.risk-summary-title>div{display:grid;gap:2px}.risk-summary-title small{color:var(--muted)}.risk-summary p{margin:9px 0;line-height:1.6}.risk-facts{display:grid;grid-template-columns:1.4fr .6fr 1fr;gap:8px}.risk-facts span{display:grid;gap:3px;padding:9px;border-radius:10px;background:rgba(255,255,255,.72);font-size:12px;min-width:0;overflow-wrap:anywhere}.risk-facts b{font-size:11px;color:var(--muted)}.keyword-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:9px;font-size:12px}.keyword-row>b{color:var(--muted)}
.stage-wait{min-height:360px;display:grid;place-content:center;text-align:center;gap:10px;padding:28px;border:1px dashed #bdccc4;border-radius:16px;background:#f7faf8}.stage-wait>span{font-size:52px}.stage-wait h4,.stage-wait p{margin:0}.stage-wait p{color:var(--muted);line-height:1.65;max-width:430px}
.decision-actions .section-head{margin-bottom:8px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-btn{min-width:0;overflow-wrap:anywhere}.action-btn.context-risk{border-style:dashed}.cabinet{width:100%;min-width:0}.cabinet-tools{min-width:0}.cabinet-tools .search{min-width:0}.zone-hint{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:9px 12px;background:#fff8e8;border-bottom:1px solid #ead9ad;font-size:12px}.zone-shortcut{cursor:pointer}.cabinet-tabs{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.cabinet-tab{flex:0 0 auto;max-width:240px;overflow:hidden;text-overflow:ellipsis}.cabinet-tab.preferred{box-shadow:inset 0 -3px 0 var(--gold)}.shelf-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.shelf-label small{color:var(--muted);font-weight:500}.shelf{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));align-items:stretch}.product{min-width:0;min-height:168px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.product b{overflow-wrap:anywhere}.product small{overflow-wrap:anywhere}.product em{display:block;margin-top:auto;padding-top:6px;border-top:1px dashed var(--line);font-style:normal;font-size:10px;line-height:1.45;color:var(--muted)}.box-art{flex:0 0 auto}.basket-line{min-width:0}.basket-line>div{min-width:0;overflow-wrap:anywhere}.sticky-decision-bar{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #afc7bb;border-radius:14px;background:rgba(255,253,248,.96);box-shadow:0 12px 30px rgba(20,57,48,.16);backdrop-filter:blur(10px)}.sticky-decision-bar>div{display:grid;gap:1px}.sticky-decision-bar small{color:var(--muted)}

@media(max-width:1180px){.shell{grid-template-columns:1fr;padding-top:10px}.nav{position:sticky;top:72px;z-index:17;display:flex;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;border-radius:14px}.nav button{width:auto;flex:0 0 auto}.nav .version{display:none}.service-grid{grid-template-columns:minmax(330px,.78fr) minmax(470px,1.22fr)}}
@media(max-width:930px){.service-grid{grid-template-columns:1fr}.service-live{grid-template-columns:repeat(3,1fr);width:100%}.service-hero{display:grid}.customer-panel,.decision-panel{width:100%}.stage-wait{min-height:220px}.action-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.top{position:sticky}.top-inner{display:grid;gap:8px}.metrics{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.shell{padding:8px}.nav{top:101px;margin:0 -2px}.service-steps{gap:5px}.service-step{padding:8px 4px;gap:4px;font-size:11px}.service-step span{width:22px;height:22px}.queue-head{align-items:flex-start}.queue-head .btn{flex:0 0 auto}.risk-facts{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product{min-height:155px;padding:8px}.product em{display:none}.sticky-decision-bar{display:grid;grid-template-columns:1fr}.sticky-decision-bar .btn{width:100%}.service-live{grid-template-columns:repeat(3,minmax(0,1fr))}.service-live span{padding:7px 6px}.service-live b{font-size:12px}.cabinet-tab{max-width:190px}.modal-card{max-width:calc(100vw - 20px)}}
@media(max-width:430px){.brand h1{font-size:17px}.logo{width:40px;height:40px}.nav{top:94px}.service-steps{grid-template-columns:repeat(2,1fr)}.service-step{justify-content:flex-start;padding-left:10px}.queue-head{display:grid}.queue-head .btn{width:100%}.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.product{min-height:145px}.product .tag{font-size:9px;padding:3px 5px}.product small{font-size:10px}.box-art{width:36px;height:40px}.cabinet-tools{display:grid}.cabinet-tools .tag{justify-self:start}.service-live{grid-template-columns:1fr 1fr}.risk-summary{padding:11px}}

/* Alpha 8: prescription and staff-permission gates */
.permission-tag{font-size:10px}.perm-green{border-color:#8fc6ad!important;background:#eef9f3!important;color:#146447!important}.perm-yellow{border-color:#d9b45f!important;background:#fff7df!important;color:#855d08!important}.perm-orange{border-color:#d28a42!important;background:#fff0df!important;color:#8a4500!important}.perm-red{border-color:#d98f88!important;background:#fff0ee!important;color:#a02722!important}
.product.permission-locked{opacity:.72;cursor:not-allowed;background:linear-gradient(145deg,#f7f5f0,#ece9e2)}.product.permission-locked:hover{transform:none;box-shadow:none}.approved-mark{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;background:#e9f8f0;color:#17694a;font-size:10px;align-self:flex-start}
.permission-banner{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid;border-radius:14px;margin-bottom:12px}.permission-banner>span{font-size:26px}.permission-banner b{font-size:14px}.permission-banner p{margin:4px 0 0;line-height:1.55;color:var(--muted)}
.rx-handoff-card{display:grid;gap:12px}.rx-gate-list,.gate-stack{display:grid;gap:7px}.rx-gate-list>div,.gate-stack>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff}.rx-gate-list span,.gate-stack span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e7eee9;font-size:11px;font-weight:900}.rx-gate-list b,.gate-stack b{font-size:12px}
.permission-levels .permission-level{padding:14px;border:1px solid;border-radius:15px;background:#fff}.permission-level b{display:block;margin-bottom:7px}.permission-level p{margin:0;line-height:1.6;color:var(--muted);font-size:12px}
.pending-rx{display:flex;justify-content:space-between;align-items:center;gap:15px;border-color:#d5b15b;background:#fff9e7}.pending-rx h3{margin:7px 0 3px}.pending-rx p{margin:0;color:var(--muted)}
.rx-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:570px;overflow:auto}.rx-case{display:grid;gap:7px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px;color:var(--ink)}.rx-case:hover{border-color:#8ebaa7;box-shadow:0 8px 18px rgba(20,57,48,.08)}.rx-case small{color:var(--muted);line-height:1.45}
.role-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.role-matrix>div{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff}.role-matrix h4{margin:0 0 9px}.role-matrix ul{margin:5px 0 11px;padding-left:18px;color:var(--muted);line-height:1.55;font-size:12px}
.rx-gates{display:grid;gap:9px}.rx-gate{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff}.rx-gate.answered{border-color:#9fbfb0;background:#f7fbf9}.rx-gate>div:first-child{display:flex;align-items:center;gap:9px}.rx-gate>div:first-child span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e6eee9;font-weight:900}.rx-gate>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.final-rx-decision{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}
.checkout-gate{display:grid;gap:4px;padding:10px 12px;border-radius:12px;margin-bottom:10px}.checkout-gate.pass{background:#eef9f3;border:1px solid #8fc6ad}.checkout-gate.block{background:#fff0ee;border:1px solid #d98f88}.checkout-gate span{font-size:12px;color:var(--muted);line-height:1.5}
.nav button[data-view="prescription"]{border-color:#d7b86f}.nav button[data-view="prescription"].active{background:#fff6dc;color:#7b5700}
@media(max-width:1050px){.role-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-levels .span3{grid-column:span 6}}
@media(max-width:700px){.rx-case-grid{grid-template-columns:1fr}.role-matrix{grid-template-columns:1fr}.permission-levels .span3{grid-column:span 12}.pending-rx{display:grid}.pending-rx .btn{width:100%}.rx-gate{display:grid}.rx-gate>div:last-child{display:grid;grid-template-columns:1fr 1fr}.rx-gate .btn{padding:9px 8px;font-size:11px}}