:root{--ink:#17211d;--muted:#6f7a75;--line:#dfe6e1;--paper:#fff;--bg:#f1f4f1;--green:#0e513f;--green2:#1a7358;--lime:#dff25c;--yellow:#e1a51e;--red:#d94b4b;--blue:#1974a8;--shadow:0 13px 40px rgba(16,55,43,.07)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:68px;padding:11px 24px;color:#fff;background:#0b3027}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.mark{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#17362c;background:var(--lime);font-weight:900}.brand small{display:block;color:#b7cac3}.top-actions{display:flex;align-items:center;gap:8px}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 68px)}.side{padding:22px 14px;color:#d7e4df;background:#103027}.side p{margin:0 12px 10px;color:#83a69a;font-size:11px;font-weight:900;letter-spacing:.1em}.side button,.side a{display:flex;width:100%;align-items:center;gap:9px;margin:5px 0;padding:12px 14px;border:0;border-radius:12px;color:inherit;background:transparent;text-align:left;text-decoration:none}.side button.active,.side button:hover,.side a:hover{color:#fff;background:#1a5141}.main{padding:25px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.page-head h1{margin:0 0 5px;font-size:30px}.muted{color:var(--muted)}.role-tabs{display:flex;gap:5px;padding:5px;border-radius:13px;background:#e3e8e4}.role-tabs button{min-height:39px;padding:0 15px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-weight:800}.role-tabs button.active{color:#fff;background:var(--green)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:14px}.metric{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:5px;font-size:23px}.metric.urgent{background:#fff4f4}.card{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.field{display:grid;gap:5px}.field span{color:var(--muted);font-size:11px;font-weight:800}.field input,.field select{min-height:39px;padding:7px 10px;border:1px solid #d1dad4;border-radius:10px;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 13px;border:1px solid transparent;border-radius:10px;font-weight:800}.btn.primary{color:#fff;background:var(--green)}.btn.ghost{color:var(--ink);border-color:#d4dcd7;background:#fff}.btn.warn{color:#fff;background:var(--yellow)}.btn.blue{color:#fff;background:var(--blue)}.btn.danger{color:var(--red);border-color:#f0caca;background:#fff6f6}.btn:disabled{cursor:not-allowed;opacity:.45}.status-legend{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.legend{padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800}.legend.pending{color:#805b00;background:#fff0bc}.legend.preparing{color:#075e88;background:#dceffc}.legend.ready{color:#703a91;background:#f0e3fa}.legend.delivering{color:#0c684e;background:#d9f4e9}.legend.served{color:#626b67;background:#e8ece9}.table-wrap{overflow:auto}table{width:100%;min-width:1120px;border-collapse:collapse}th,td{padding:11px 8px;border-bottom:1px solid var(--line);font-size:12px;text-align:left;white-space:nowrap}th{position:sticky;top:68px;z-index:4;color:var(--muted);background:#fff;font-size:11px}.dish strong{display:block}.dish small{color:var(--muted)}.status{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:11px;font-weight:900}.status.pending{color:#805b00;background:#fff0bc}.status.preparing{color:#075e88;background:#dceffc}.status.ready{color:#703a91;background:#f0e3fa}.status.delivering{color:#0c684e;background:#d9f4e9}.status.served{color:#626b67;background:#e8ece9}.status.cancelled{color:#a13d3d;background:#f9dddd}.timer{display:inline-flex;min-width:67px;justify-content:center;padding:5px 7px;border-radius:8px;font-variant-numeric:tabular-nums;font-weight:900}.timer.green{color:#126047;background:#dcf4ea}.timer.yellow{color:#7a5700;background:#fff0bd}.timer.red{color:#9e3434;background:#ffe0e0}.row-actions{display:flex;gap:6px}.row-actions .btn{min-height:34px;padding:6px 9px;font-size:11px}.empty{padding:40px;text-align:center;color:var(--muted)}.log-section{display:none}.log-section.active,.orders-section.active{display:block}.orders-section{display:none}.log-list{display:grid;gap:8px;margin-top:14px}.log-item{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}.log-item p{margin:0}.log-item small{color:var(--muted)}.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:#071b16a8}.modal.open{display:grid}.modal-card{width:min(500px,100%);padding:22px;border-radius:18px;background:#fff}.modal-card h2{margin-top:0}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.reason-grid button{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.reason-grid button.active{color:#fff;border-color:var(--green);background:var(--green)}.modal-card textarea{width:100%;min-height:90px;padding:10px;border:1px solid #d1dad4;border-radius:10px;resize:vertical}.toast{position:fixed;right:20px;bottom:20px;z-index:60;padding:13px 17px;border-radius:12px;color:#fff;background:#142921;opacity:0;transform:translateY(15px);transition:.2s}.toast.show{opacity:1;transform:none}.mobile-nav{display:none}
@media(max-width:900px){.layout{display:block}.side{display:none}.main{padding:14px 10px 90px}.top{padding:9px 12px}.brand small{display:none}.page-head{display:block}.page-head h1{font-size:24px}.role-tabs{margin-top:12px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:last-child{grid-column:1/-1}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar .field:first-child{grid-column:1/-1}.toolbar .btn{width:100%}.table-wrap{overflow:visible}table{display:block;min-width:0}thead{display:none}tbody{display:grid;gap:9px;margin-top:14px}tr{display:grid;grid-template-columns:1fr 1fr;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff}td{display:grid;gap:3px;padding:7px;border:0;white-space:normal}td::before{color:var(--muted);font-size:10px;font-weight:800}.ops-table td:nth-child(1)::before{content:"订单号"}.ops-table td:nth-child(2)::before{content:"台号"}.ops-table td:nth-child(3)::before{content:"菜品"}.ops-table td:nth-child(4)::before{content:"下单时间"}.ops-table td:nth-child(5)::before{content:"过程时间"}.ops-table td:nth-child(6)::before{content:"状态时间"}.ops-table td:nth-child(7)::before{content:"完成时间"}.ops-table td:nth-child(8)::before{content:"跟进人"}.ops-table td:nth-child(9)::before{content:"菜品状态"}.ops-table td:nth-child(10){grid-column:1/-1}.ops-table td:nth-child(10)::before{content:"功能按钮"}.row-actions .btn{flex:1;min-height:42px}.log-item{grid-template-columns:1fr}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;height:68px;padding:6px;border-top:1px solid var(--line);background:#fffffff2;box-shadow:0 -5px 20px #10302715;backdrop-filter:blur(12px)}.mobile-nav button{display:grid;place-items:center;align-content:center;gap:2px;border:0;border-radius:11px;color:#738079;background:transparent}.mobile-nav button.active{color:var(--green);background:#edf7f3}.modal{align-items:end;padding:0}.modal-card{width:100%;border-radius:20px 20px 0 0}.top-actions select{max-width:125px}.top-actions .btn{padding:7px;font-size:11px}}

/* DrinkGo unified cream/orange admin theme */
:root{--ink:#18201c;--muted:#756c63;--line:#efdcca;--paper:#fff;--bg:#fff3df;--green:#ff7417;--green2:#e85f08;--lime:#ffefd9;--shadow:0 16px 42px rgba(93,55,16,.1)}
.top{color:var(--ink);background:#fff8ee;border-bottom:1px solid var(--line)}
.mark{color:#fff;background:linear-gradient(135deg,#ff9b32,var(--green))}
.brand small{color:var(--muted)}
.side{color:#6c6258;background:#fff8ee;border-right:1px solid var(--line)}
.side p{color:#d85a0b}
.side button.active,.side button:hover,.side a:hover{color:#c94f08;background:#ffefd9}
.role-tabs{background:#f5e3ce}
.role-tabs button.active,.btn.primary{color:#fff;background:var(--green)}
.btn.accent{color:#a43f00;background:#ffe2c8}
.mobile-nav button.active{color:#c94f08;background:#ffefd9}
.toast{background:#8f3b08}
.page-actions{display:flex;align-items:center;gap:8px}
.legend.cancelled{color:#a13d3d;background:#f9dddd}
@media(max-width:900px){.page-actions{margin-top:12px;flex-wrap:wrap}.page-actions .role-tabs{margin-top:0}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .field{min-width:0}.field input,.field select{min-width:0;width:100%}}
