:root{color-scheme:light;--green:#078b4e;--deep:#075f3b;--ink:#14231c;--muted:#6f8178;--line:#dce7e1;--bg:#f2f6f3;--card:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;color:var(--ink)}body{padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select,textarea{font:inherit}.app-shell{width:min(100%,620px);min-height:100svh;margin:auto;padding:0 14px 32px}.topbar{display:flex;align-items:center;gap:10px;min-height:72px}.topbar img{width:48px;height:42px;border-radius:8px;object-fit:contain;background:#fff}.topbar div{display:grid;gap:1px}.topbar span{font-size:10px;letter-spacing:2px;color:var(--muted)}.topbar strong{font-size:18px}.topbar>b{margin-left:auto;border-radius:999px;background:#fff1cf;color:#936410;padding:5px 9px;font-size:10px}.safety-note{display:flex;align-items:center;gap:7px;margin:0 2px 12px;color:var(--deep);font-style:normal}.safety-note i{width:8px;height:8px;border-radius:50%;background:#56dc91;box-shadow:0 0 9px #56dc91}.safety-note span{font-size:11px;font-weight:800}.safety-note small{margin-left:auto;color:#9b7424;font-size:10px}.card{margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:16px;box-shadow:0 8px 26px rgba(16,51,34,.05)}.step-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step-title>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e3f7eb;color:var(--green);font-style:normal;font-weight:800}.step-title>div{display:grid;gap:2px}.step-title strong{font-size:15px}.step-title span,.field>span,.order-head span,.order-grid span,.employee-line span{font-size:10px;color:var(--muted)}.manual-code{display:grid;grid-template-columns:1fr 78px;gap:8px}.manual-code input,.field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;background:#f9fbfa;color:var(--ink);padding:11px 12px;outline:none}.manual-code input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#7fc6a3;box-shadow:0 0 0 3px rgba(7,139,78,.08)}.manual-code button{border:1px solid #b9ddcc;border-radius:11px;background:#edf9f3;color:#087d47;font-weight:800}.message{margin:10px 2px 0;color:var(--muted);font-size:11px;line-height:1.6}.message.error{color:#b43c31}.message.success{color:var(--green)}.order-head{display:flex;justify-content:space-between;align-items:flex-start}.order-head>div{display:grid;gap:4px}.order-head strong{font:800 18px Consolas,monospace}.order-head em{border-radius:999px;background:#e7f8ef;color:#087d47;padding:4px 8px;font-size:9px;font-style:normal}.order-card h1{margin:17px 0 14px;font-size:20px;line-height:1.35}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-grid>div{display:grid;gap:5px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px}.order-grid strong{overflow-wrap:anywhere;font-size:14px}.order-grid b{font-size:19px}.order-card>p{margin:13px 0 0;border-left:3px solid #efb44f;background:#fff9ed;color:#7d6332;padding:9px 11px;font-size:10px;line-height:1.6}.field{display:grid;gap:6px;margin-bottom:12px}.field small{color:var(--muted);font-size:9px}.field textarea{min-height:72px;resize:vertical}.assignment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.employee-line{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin-bottom:12px;border:1px solid #cce7d9;border-radius:11px;background:#f1fbf6;padding:11px}.employee-line strong{text-align:right;color:var(--deep)}.employee-line small{grid-column:1/-1;color:var(--muted);font-size:9px}.qty-field input{min-height:62px;font:800 28px Consolas,monospace}.primary-button{width:100%;min-height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#0ba95d,#078949);color:#fff;font-weight:800}.primary-button:disabled{background:#bac9c1}.confirm-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:end center;background:rgba(4,15,10,.6);padding:14px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.confirm-layer[hidden]{display:none}.confirm-layer>section{width:min(100%,590px);border-radius:20px 20px 14px 14px;background:#fff;padding:20px}.confirm-layer h2{margin:0 0 15px}.confirm-layer dl{margin:0}.confirm-layer dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0}.confirm-layer dt{color:var(--muted)}.confirm-layer dd{margin:0;text-align:right;font-weight:800}.confirm-layer p{border-radius:9px;background:#fff4df;color:#825f23;padding:10px;font-size:10px;line-height:1.6}.confirm-layer section>div{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.confirm-layer button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff}.confirm-layer .final-button{border:0;background:var(--green);color:#fff;font-weight:800}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:50;transform:translateX(-50%);width:min(calc(100% - 28px),560px);border-radius:12px;background:#133326;color:#fff;padding:13px 15px;text-align:center;font-size:12px;box-shadow:0 10px 32px rgba(0,0,0,.24)}[hidden]{display:none!important}@media(min-width:700px){.app-shell{padding-top:18px}.topbar{min-height:76px}}@media(max-width:370px){.assignment-grid,.order-grid{grid-template-columns:1fr}.safety-note small{display:none}}
