:root{
  --red:#8f1d1d; --red-2:#b42a2a; --red-soft:#fbe9e7; --ink:#1f2421; --muted:#5f6a64; --line:#dfe3df;
  --bg:#f4f5f2; --card:#fff; --green:#1f7a45; --green-soft:#e3f2e8; --amber:#a86a00; --amber-soft:#fff3d6;
  --r:14px; --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent;padding-bottom:env(safe-area-inset-bottom)}
button,input,select,textarea{font:inherit;color:inherit}
.boot{padding:40px 16px;text-align:center;color:var(--muted)}
.wrap{max-width:720px;margin:0 auto;padding:12px 16px 120px}
.top{position:sticky;top:0;z-index:5;background:var(--red);color:#fff;padding:10px 16px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.top b{font-size:17px}.top small{opacity:.85;display:block;font-size:12.5px}
.top button{background:rgba(255,255,255,.15);border:0;color:#fff;border-radius:999px;padding:6px 12px;font-size:14px}
h1{font-size:22px;margin:8px 0 4px}h2{font-size:18px;margin:18px 0 8px}
.muted{color:var(--muted)}.small{font-size:13.5px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:10px 0}
.row{display:flex;gap:10px;align-items:center}.row.wrapx{flex-wrap:wrap}.grow{flex:1;min-width:0}
.between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:14px 16px;font-weight:700;font-size:16px;cursor:pointer;min-height:52px;text-decoration:none}
.btn.full{width:100%}
.btn.pri{background:var(--red);color:#fff}.btn.ok{background:var(--green);color:#fff}
.btn.ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.btn.warn{background:var(--amber-soft);color:var(--amber)}
.btn:disabled{opacity:.5}
.btn.sm{min-height:40px;padding:8px 12px;font-size:14.5px;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tile{background:#fff;border:2px solid var(--line);border-radius:16px;padding:14px 10px;text-align:center;cursor:pointer;user-select:none;position:relative;min-height:96px}
.tile b{display:block;font-size:19px}.tile span{display:block;color:var(--muted);font-size:14px}
.tile.on{border-color:var(--red);background:var(--red-soft)}
.tile .q{position:absolute;top:-8px;right:-8px;background:var(--red);color:#fff;border-radius:999px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.stepper button{border:0;background:#fff;width:44px;height:44px;font-size:22px;font-weight:700;color:var(--red)}
.stepper span{min-width:34px;text-align:center;font-weight:800}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:6;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.bar .inner{max-width:720px;margin:0 auto}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;background:#fff;border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom)}
.tabs button{flex:1;border:0;background:none;padding:10px 4px 12px;font-size:13px;color:var(--muted);font-weight:600;position:relative}
.tabs button.on{color:var(--red)}
.tabs i{font-style:normal;display:block;font-size:20px}
.badge{position:absolute;top:4px;left:55%;background:var(--red-2);color:#fff;border-radius:999px;font-size:11.5px;padding:1px 6px;font-weight:800}
.pos-bar{bottom:64px}
label.f{display:block;margin:12px 0 4px;font-weight:600}
input.i,select.i,textarea.i{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px;background:#fff;font-size:16px}
input.i:focus,select.i:focus,textarea.i:focus{outline:2px solid var(--red);border-color:var(--red)}
.seg{display:flex;gap:8px}.seg button{flex:1;border:2px solid var(--line);background:#fff;border-radius:12px;padding:12px 8px;font-weight:700}
.seg button.on{border-color:var(--red);background:var(--red-soft);color:var(--red)}
.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;background:#eef0ee;color:var(--muted)}
.pill.new{background:var(--amber-soft);color:var(--amber)}.pill.accepted,.pill.ready{background:#e6eefb;color:#1d4f9a}
.pill.done{background:var(--green-soft);color:var(--green)}.pill.cancelled,.pill.unassigned{background:var(--red-soft);color:var(--red)}
.order.new{border:2px solid var(--amber)}
.count{font-size:28px;font-weight:800;color:var(--amber);font-variant-numeric:tabular-nums}
.lines{margin:8px 0;padding:0;list-style:none}.lines li{display:flex;justify-content:space-between;padding:3px 0}
.kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.kv b{text-align:right}
.big{font-size:30px;font-weight:800}
.msg{padding:12px;border-radius:12px;margin:10px 0}.msg.err{background:var(--red-soft);color:var(--red)}.msg.ok{background:var(--green-soft);color:var(--green)}.msg.info{background:var(--amber-soft);color:var(--amber)}
.qr{display:block;width:100%;max-width:300px;margin:8px auto;border-radius:12px;background:#fff}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:20;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:#fff;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));width:100%;max-width:720px;max-height:92vh;overflow:auto}
.steps{list-style:none;padding:0;margin:8px 0}.steps li{padding:6px 0 6px 26px;position:relative;color:var(--muted)}
.steps li:before{content:"";position:absolute;left:6px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--line)}
.steps li.on{color:var(--ink);font-weight:600}.steps li.on:before{background:var(--green)}
.toast{position:fixed;left:50%;transform:translateX(-50%);top:70px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;z-index:30;max-width:90vw}
.pin{letter-spacing:12px;font-size:28px;text-align:center}
.switch{display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.switch input{width:52px;height:30px}
.stat{text-align:center}.stat b{display:block;font-size:26px}.stat span{font-size:13px;color:var(--muted)}
.meter{height:10px;background:#eef0ee;border-radius:99px;overflow:hidden;margin:8px 0}.meter i{display:block;height:100%;background:var(--green)}
@media (min-width:560px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 0.4.4 — CTV */
.terms{max-height:55vh;overflow:auto;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;font-size:14.5px;-webkit-overflow-scrolling:touch}
.terms h3{font-size:15.5px;margin:14px 0 6px}.terms ul{padding-left:18px;margin:4px 0}.terms li{margin:3px 0}.terms p{margin:6px 0}
.agree{display:flex;gap:10px;align-items:flex-start;background:var(--green-soft);border-radius:12px;padding:12px;margin:8px 0;font-weight:600}
.agree.off{background:#eef0ee;color:var(--muted)}.agree input{width:22px;height:22px;flex:0 0 22px;margin-top:1px}
fieldset.q{border:0;padding:0;margin:14px 0}fieldset.q legend{font-weight:600;margin-bottom:6px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:14.5px}
.chip:has(input:checked){border-color:var(--red);background:var(--red-soft);color:var(--red);font-weight:600}
.chip input{accent-color:var(--red)}
.post{white-space:pre-wrap;background:#f7f3ee;border-radius:10px;padding:10px;margin:8px 0}
details.card>summary{cursor:pointer}
.meter{height:10px;border-radius:999px;background:#eef0ee;overflow:hidden;margin:8px 0 2px}.meter i{display:block;height:100%}
/* Trang /cong-tac-vien */
.lp{max-width:760px;margin:0 auto;padding:0 16px 110px}
.lp-hero{background:linear-gradient(160deg,#8f1d1d,#5e1111);color:#fff;padding:28px 16px 30px}
.lp-hero .in{max-width:760px;margin:0 auto}.lp-hero h1{font-size:27px;line-height:1.25;margin:6px 0 10px}.lp-hero p{opacity:.92;margin:0 0 16px}
.lp-hero .btn{background:#fff;color:var(--red)}
.lp h2{font-size:21px;margin:28px 0 10px}
.lp details.lpsec{margin:14px 0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.lp details.lpsec>summary{list-style:none;cursor:pointer;padding:15px 16px;font-size:18px;font-weight:800;color:var(--red);display:flex;align-items:center;justify-content:space-between;gap:12px}
.lp details.lpsec>summary::-webkit-details-marker{display:none}
.lp details.lpsec>summary:after{content:"+";flex:0 0 auto;font-size:26px;font-weight:400;line-height:1}
.lp details.lpsec[open]>summary:after{content:"−"}
.lp details.lpsec>:not(summary){margin-left:14px;margin-right:14px}
.lp details.lpsec[open]{padding-bottom:12px}
.lp details.lpsec .calc{margin-top:0;border:0;padding:4px 2px}
.steps3{display:grid;gap:10px}.steps3 .card{display:flex;gap:12px;margin:0}.steps3 b.n{flex:0 0 34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}
table.rt{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}table.rt td,table.rt th{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}table.rt td:last-child,table.rt th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.calc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.calc .sl{margin:14px 0}.calc .sl label{display:flex;justify-content:space-between;font-weight:600}.calc input[type=range]{width:100%;accent-color:var(--red);height:32px}
.res{background:var(--green-soft);border-radius:14px;padding:14px;margin-top:12px}.res .big{color:var(--green)}
.res ul{list-style:none;padding:0;margin:8px 0 0}.res li{display:flex;justify-content:space-between;padding:3px 0;font-size:14.5px}
.months{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.months div{background:#fff;border-radius:10px;padding:8px;text-align:center}.months b{display:block;font-size:17px}.months span{font-size:12.5px;color:var(--muted)}
.cta{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:4}
.cta .in{max-width:760px;margin:0 auto}
.res li b,.calc .sl label span:last-child,table.rt td:last-child{white-space:nowrap}.res li span{padding-right:8px}
.months{gap:6px}.months div{padding:8px 4px;min-width:0}.months b{font-size:15px;white-space:nowrap}
.qerr{display:none;color:var(--red);font-size:13.5px;font-weight:600;margin:-2px 0 6px}
fieldset.q.miss{background:var(--red-soft);border-radius:12px;padding:10px;outline:2px solid var(--red-2)}fieldset.q.miss .qerr{display:block}
.agree.miss{outline:2px solid var(--red-2)}
/* 0.7.0 — quầy: món thêm, đơn 2 bước, kho tức thời, tổng quan */
.tile .av{display:block;margin-top:4px;font-size:12px;font-weight:700;color:var(--amber)}.tile .av.out{color:var(--red-2)}
.sec{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 6px}.sec h2{margin:0}
.flow{display:flex;gap:6px;margin:8px 0 2px;font-size:12.5px;color:var(--muted)}.flow span{flex:1;text-align:center;border-radius:8px;padding:3px 0;background:#eef0ee}.flow span.on{background:var(--green-soft);color:var(--green);font-weight:700}
.more{margin-top:8px}.more>summary{font-size:13.5px;color:var(--muted);cursor:pointer;list-style:none}.more>summary::-webkit-details-marker{display:none}
.oh{width:100%;border-collapse:collapse;font-size:14.5px}.oh td{padding:7px 4px;border-bottom:1px solid var(--line)}.oh td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.oh tr.low td{color:var(--amber);font-weight:700}.oh tr.neg td{color:var(--red-2);font-weight:700}.oh tr.zero td{color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px}.kpi span{display:block;font-size:13px;color:var(--muted)}.kpi b{display:block;font-size:22px;font-variant-numeric:tabular-nums;margin-top:2px}
.kpi small{font-size:12.5px;font-weight:700}.up{color:var(--green)}.down{color:var(--red-2)}
@media (min-width:560px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.live{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);flex-wrap:wrap}.live i{width:9px;height:9px;border-radius:50%;background:var(--green);display:inline-block;animation:lp 1.6s infinite}
@keyframes lp{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}
.chart{display:flex;align-items:flex-end;gap:2px;height:150px;border-bottom:1px solid var(--line);margin-top:8px;position:relative}
.chart button{flex:1;border:0;background:none;padding:0;height:100%;display:flex;align-items:flex-end;cursor:pointer;min-width:0}
.chart button i{display:block;width:100%;background:var(--red-2);border-radius:4px 4px 0 0;min-height:1px}
.chart button.zero i{background:#e6e8e6}.chart button.sel i,.chart button:hover i{background:var(--red)}
.chart-x{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:4px}
.readout{font-size:14px;min-height:20px;margin-top:4px}.readout b{font-variant-numeric:tabular-nums}
.hbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;margin:6px 0}.hbar .t{height:8px;background:#eef0ee;border-radius:99px;overflow:hidden;grid-column:1/3}.hbar .t i{display:block;height:100%;background:var(--red-2);border-radius:99px}
.dates{display:flex;gap:8px;margin-top:8px}.dates input{flex:1;min-width:0}
.seg.wrapx{flex-wrap:wrap}.seg.wrapx button{flex:1 1 30%;padding:10px 6px;font-size:14px}
table.rk{width:100%;border-collapse:collapse;font-size:14px}table.rk td,table.rk th{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left}table.rk td.n,table.rk th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.rk tr[data-shop]{cursor:pointer}
.payinfo{background:#f7f3ee;border-radius:10px;padding:10px;font-size:14px;margin:8px 0}
/* 0.8.0 — gọn, cân đối */
.grid.pos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:560px){.grid.pos{grid-template-columns:repeat(5,minmax(0,1fr))}}
.grid.pos .tile{min-height:0;padding:9px 6px 8px;border-radius:12px;border-width:1.5px}
.grid.pos .tile b{font-size:15px;line-height:1.25}.grid.pos .tile span{font-size:13px}.grid.pos .tile .q{top:-7px;right:-7px;min-width:24px;height:24px;font-size:13px}
.grid.pos .tile .av{font-size:11.5px;margin-top:2px}
h2.sm{font-size:15px;margin:12px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.oc{padding:12px}.oc-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oc-h b{font-size:16px}.oc-h .sp{flex:1}
.tag{display:inline-block;font-size:12.5px;font-weight:700;border-radius:6px;padding:1px 7px;background:#eef0ee;color:var(--ink)}
.oc-t{font-size:13px;color:var(--muted);margin:4px 0}
.pay{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:1px 8px;background:#eef0ee;color:var(--muted)}.pay.wait{background:var(--amber-soft);color:var(--amber)}.pay.ok{background:var(--green-soft);color:var(--green)}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.acts .btn.sm{min-height:36px;padding:6px 12px;font-size:14px}
.link{background:none;border:0;color:#1d4f9a;font-weight:600;padding:6px 2px;font-size:14px;cursor:pointer}
.orow{border-top:1px solid var(--line)}.orow>summary{display:flex;align-items:center;gap:8px;padding:9px 0;list-style:none;cursor:pointer;font-size:14px}.orow>summary::-webkit-details-marker{display:none}
.orow>summary .c{font-weight:700}.orow>summary .r{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.orow .oc{border:0;padding:0 0 10px;margin:0}
.chips-x{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.chips-x::-webkit-scrollbar{display:none}
.chips-x button{flex:0 0 auto;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-weight:600;font-size:14px;color:var(--ink)}
.chips-x button.on{border-color:var(--red);background:var(--red);color:#fff}
.qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.qgrid label{display:block;font-size:13px;color:var(--muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qgrid .qi{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.qgrid .qi input{border:0;width:100%;min-width:0;padding:9px 8px;font-size:16px;text-align:right;background:transparent}.qgrid .qi input:focus{outline:none}.qgrid .qi:focus-within{border-color:var(--red)}
.qgrid .qi span{padding:0 9px 0 4px;color:var(--muted);font-size:13px;white-space:nowrap}
.ohc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ohc div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.ohc span{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ohc b{display:block;font-size:18px;font-variant-numeric:tabular-nums}.ohc small{font-size:12px;color:var(--muted)}
.ohc .low{border-color:var(--amber);background:var(--amber-soft)}.ohc .neg{border-color:var(--red-2);background:var(--red-soft)}.ohc .zero b{color:var(--muted)}
@media (min-width:560px){.ohc,.qgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.stepc{display:flex;gap:10px;align-items:flex-start}.stepc .n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.stepc .n.ok{background:var(--green)}
.sum3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}.sum3 span{display:block;font-size:12.5px;color:var(--muted)}.sum3 b{font-size:17px;font-variant-numeric:tabular-nums}
.recent{margin-top:14px}
/* Dashboard admin */
body.adm .wrap{max-width:1180px}
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.shopc{background:#fff;border:1px solid var(--line);border-left:6px solid var(--green);border-radius:var(--r);padding:10px 12px;cursor:pointer}
.shopc.amber{border-left-color:var(--amber)}.shopc.red{border-left-color:var(--red-2);background:#fffafa}
.shopc .hd{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.shopc .hd b{font-size:15px}
.shopc .nums{display:flex;gap:12px;margin:6px 0 2px;font-variant-numeric:tabular-nums}.shopc .nums b{font-size:18px}.shopc .nums span{font-size:12px;color:var(--muted);display:block}
.shopc .ln{font-size:13px;margin-top:2px}.shopc .ln.r{color:var(--red-2);font-weight:700}.shopc .ln.a{color:var(--amber);font-weight:700}
.st{font-size:12px;font-weight:800;border-radius:999px;padding:1px 8px}.st.open{background:var(--green-soft);color:var(--green)}.st.off{background:#eef0ee;color:var(--muted)}.st.locked{background:var(--red-soft);color:var(--red)}.st.paused{background:var(--amber-soft);color:var(--amber)}
.tot6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (min-width:760px){.tot6{grid-template-columns:repeat(6,minmax(0,1fr))}}
.tot6 div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.tot6 span{display:block;font-size:12.5px;color:var(--muted)}.tot6 b{font-size:19px;font-variant-numeric:tabular-nums}
.filt{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.filt select{flex:1 1 150px;min-width:0;border:1.5px solid var(--line);border-radius:10px;padding:9px 8px;background:#fff;font-size:14.5px}
@media (min-width:900px){.cols2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.cols2>.card{margin:0}}
.secx{display:flex;justify-content:space-between;align-items:center;margin:20px 0 8px;gap:8px}.secx h2{margin:0}
.feedr{display:flex;gap:8px;align-items:center;font-size:14px}.feedr .s{font-weight:700;min-width:46px}
.lp details.lpsec>table.rt{width:calc(100% - 28px)}

/* 1.0.0 */
.oc.late{border:2px solid var(--red)}.chips .chip.on,.chip.on{border-color:var(--red);background:var(--red-soft);color:var(--red);font-weight:700}
.lp-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;background:#5e1111;color:#fff;padding:10px 16px}.lp-top span{opacity:.8;font-size:13px;flex:1}.lp-top .btn{background:#fff;color:var(--red);font-weight:800}
.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:6px 4px;text-align:left;vertical-align:top}.tbl thead th{background:#fbf5ee}.tbl tbody th{font-weight:400;color:var(--muted);width:55%}
.qgrid .qh{display:block;font-size:11.5px;margin-top:2px;line-height:1.3}
/* 1.0.5: nhập số theo dòng (tên dài không đẩy lệch cột) · đơn đặt bếp · phiếu giao */
.qrows{display:block}
.qrows .qr{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);margin:0;cursor:text}
.qrows .qr:last-child{border-bottom:0}
.qrows .qr.w .qn{color:var(--ink)}
.qrows .qn{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;line-height:1.3;color:var(--ink)}
.qrows .qn small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
.qrows .qn .wq{color:var(--red);font-weight:700}
.qrows .qn .down{color:var(--red);font-weight:700}
.qrows .qi{flex:0 0 132px;display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.qrows .qi:focus-within{border-color:var(--red)}
.qrows .qi input{border:0;width:100%;min-width:0;padding:10px 6px;font-size:17px;font-weight:700;text-align:right;background:transparent}
.qrows .qi input:focus{outline:none}
.qrows .qi input::placeholder{color:#c9c3bc;font-weight:400}
.qrows .qi em{font-style:normal;padding:0 9px 0 4px;color:var(--muted);font-size:13px;white-space:nowrap}
.card.ko{cursor:pointer}.card.ko.k-new{border-left:5px solid var(--amber)}.card.ko.k-confirmed{border-left:5px solid #1d4f9a}.card.ko.k-sent{border-left:5px solid #1d4f9a}.card.ko.focus{box-shadow:0 0 0 2px var(--red)}
.eta{margin-top:6px;padding:7px 10px;border-radius:10px;background:#e6eefb;color:#1d4f9a;font-size:14px}
.eta-card{border:2px solid #1d4f9a;background:#f3f7fe}
table.kt{width:100%;border-collapse:collapse;font-size:14.5px}table.kt th{text-align:left;font-weight:600;padding:4px 0}table.kt td{border-top:1px solid var(--line);padding:7px 0}
table.kt .n{text-align:right;white-space:nowrap;padding-left:8px}table.kt tr.df td{background:var(--amber-soft)}
.kph{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.kph span{position:relative;width:76px;height:76px}.kph span img{width:76px;height:76px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.kph span button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:var(--red);color:#fff;font-weight:700;line-height:1}
.kph .kphadd{width:76px;height:76px;border:1.5px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;cursor:pointer;color:var(--muted)}.kph .kphadd small{font-size:11px}
.kph.view{margin:8px 0}.kph.view img{width:76px;height:76px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.kpis2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpis2 .card{margin:10px 0 0}.kpis2 small{display:block;color:var(--muted);font-size:12.5px}.kpis2 b{font-size:19px}
.qrw{display:flex;gap:10px;align-items:center;margin-top:8px}.qrw svg{width:130px;height:130px;flex:0 0 130px}
.led{margin-top:6px}.led .lr{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.led .lr.void{opacity:.45;text-decoration:line-through}
.led .ll{min-width:0;font-size:14px}.led .ll small{display:block;color:var(--muted);font-size:12px}.led .la{text-align:right;white-space:nowrap}.led .la b{display:block;font-size:14.5px}.led .la b.pay{color:var(--green)}.led .la small{color:var(--muted);font-size:12px}