*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:#f3f1ec;color:#1f2430;font-size:15px}
a{color:#a8690f}h1,h2,h3{margin:0}.mut{color:#6b7280}
label{display:block;font-weight:600;font-size:13px;margin-bottom:14px;color:#374151}
input,select,textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #d6d3cc;border-radius:8px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:0;border-color:#b4781f;box-shadow:0 0 0 3px #b4781f26}
input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}input[type=radio]{display:none}
.bt{display:inline-block;background:#b4781f;color:#fff;border:0;border-radius:8px;padding:10px 20px;font:600 14px inherit;font-family:inherit;cursor:pointer;text-decoration:none}.bt:hover{background:#96620f}
.bt.sm{padding:6px 12px;font-size:13px}.bt.gr{background:#e7e4dd;color:#333}.bt.rd{background:#c2362d}
.al{padding:11px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.er{background:#fde8e6;color:#9b1c14}.ok{background:#e1f5e6;color:#17612b}
/* login */
.lg{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#fff}
.lside{background:radial-gradient(circle at 20% 20%,#e0a54a 0,#8f4a0e 55%,#3a1b05);color:#fff;display:grid;place-items:center;padding:48px}.lside img{width:76px;height:76px;border-radius:50%;margin-bottom:20px;background:#fff3}
.lside h1{font-size:36px;font-family:Georgia,serif;margin-bottom:12px}.lside p{opacity:.9;max-width:380px;font-size:17px;line-height:1.5}.chips{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#ffffff26;padding:6px 14px;border-radius:99px;font-size:13px}
.lform{display:grid;place-items:center;padding:32px}.lform form{width:100%;max-width:380px}.lform h2{font-size:28px;margin-bottom:6px}.lform .bt{width:100%;margin-top:6px;padding:12px}.back{display:block;text-align:center;margin-top:18px;font-size:14px;color:#6b7280}
/* shell */
.sh{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sb{background:#1c1712;color:#d8cfc0;padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}.sb .lo{display:flex;gap:10px;align-items:center;padding:6px 10px 18px;color:#fff;font-weight:700}.sb .lo img{width:34px;height:34px;border-radius:50%}
.sb a{display:flex;justify-content:space-between;align-items:center;color:#c9bfae;text-decoration:none;padding:9px 12px;border-radius:8px;margin-bottom:2px}.sb a:hover{background:#2a231b;color:#fff}.sb a.on{background:#b4781f;color:#fff}
.sb small{display:block;color:#7d7261;padding:14px 12px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.sb em{background:#e5484d;color:#fff;font-style:normal;font-size:11px;border-radius:99px;padding:1px 8px}
.mn{padding:26px 32px;min-width:0}.tp{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px;flex-wrap:wrap}.tp h1{font-size:26px}
.cd{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 3px #0001;margin-bottom:20px}.cds{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}
.st{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #0001;border-left:5px solid #b4781f}.st b{display:block;font-size:30px}.st span{color:#6b7280;font-size:13px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee;vertical-align:middle}th{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.tw{overflow:auto}
td img{width:56px;height:42px;object-fit:cover;border-radius:6px;background:#eee}.act{white-space:nowrap}.act form{display:inline}
.tag{padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;background:#eee}.tag.pending,.tag.new{background:#fff1cc;color:#8a5b00}.tag.confirmed,.tag.done,.tag.on{background:#dcf5e3;color:#17612b}.tag.cancelled,.tag.off{background:#fde1df;color:#9b1c14}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 20px}.fg .w{grid-column:1/-1}.pv{width:120px;height:80px;object-fit:cover;border-radius:8px;margin-top:6px;background:#eee}
.tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.tabs a{padding:8px 16px;background:#e7e4dd;border-radius:99px;text-decoration:none;color:#333;font-weight:600;font-size:14px}.tabs a.on{background:#b4781f;color:#fff}
.th{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:14px}.th label{margin:0;cursor:pointer}.th span{display:block;border:2px solid #ddd;border-radius:12px;padding:10px;text-align:center;font-size:13px;font-weight:600}
.th i{display:block;height:44px;border-radius:8px;margin-bottom:8px}.th input:checked+span{border-color:#b4781f;box-shadow:0 0 0 3px #b4781f33}
.help{font-weight:400;color:#6b7280;font-size:12px;display:block;margin-top:3px}.mb{display:none;background:#1c1712;color:#fff;border:0;font-size:22px;border-radius:8px;padding:4px 12px;cursor:pointer}
@media(max-width:860px){.lg{grid-template-columns:1fr}.lside{display:none}.sh{grid-template-columns:1fr}.sb{position:fixed;left:-260px;width:240px;z-index:20;transition:.25s}.sb.on{left:0}.mb{display:block}.mn{padding:16px}}
.sech{font-size:20px;margin:26px 0 8px}.subh{font-size:15px;margin:18px 0 10px;color:#6b4a14}
.oc{background:#fff;border-radius:14px;box-shadow:0 1px 3px #0001;margin-bottom:14px;overflow:hidden;border-left:5px solid #b4781f}
.och{display:flex;gap:10px;align-items:center;padding:12px 18px;background:#faf7f1;flex-wrap:wrap}.ocs{margin-left:auto;background:#1c1712;color:#fff;border-radius:99px;padding:3px 14px;font-size:13px;font-weight:600}
.ocb{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 18px}.ocb hr{border:0;border-top:1px dashed #ddd;margin:8px 0}
.ocf{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:0 18px 12px}.ocf label{margin:0;flex:1 1 150px}.mean{margin:0;padding:0 18px 10px;color:#6b7280;font-size:13px}.ocl{padding:10px 18px 16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid #f0ede6}
@media(max-width:700px){.ocb{grid-template-columns:1fr}}
.tabs a .n{display:inline-block;background:#fff;color:#555;border-radius:99px;padding:0 8px;margin-left:8px;font-size:12px;line-height:20px}.tabs a.on .n{color:#96620f}.tabs a .n.hot{background:#e5484d;color:#fff}
.ns{margin:0 18px 14px;padding:16px 18px;border-radius:12px;background:#fffaf0;border:2px solid #f0d9a8}
.nsh{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-bottom:12px}.nsh b{font-size:17px}.nsh .mut{margin-top:3px;font-size:14px}.nsn{margin:0;font-size:12px;min-width:170px}
.nsf{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.nsi{margin:0}
.nsb{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between}.nsp{display:flex;gap:10px;flex-wrap:wrap}.nss{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.bt.big{padding:14px 30px;font-size:16px}.bt.grn{background:#1f9d4d}.bt.grn:hover{background:#17803d}.bt.out{background:#fff;color:#c2362d;border:2px solid #c2362d}.bt.out:hover{background:#fde8e6}
.rs{width:210px;margin:0;display:inline-block;padding:7px 10px;font-size:13px}
.oc.s-new{border-left-color:#e5484d}.oc.s-unpaid{border-left-color:#e0a100}.oc.s-paid{border-left-color:#3b82f6}.oc.s-packing{border-left-color:#8b5cf6}.oc.s-completed{border-left-color:#1f9d4d}.oc.s-rejected,.oc.s-cancelled{border-left-color:#999}
/* ---- Orders redesign ---- */
.otop{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-bottom:6px}
.otabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.otabs a{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:12px;background:#fff;border:2px solid #e8e4db;color:#333;text-decoration:none;font-weight:600;font-size:14px;box-shadow:0 1px 2px #0001}
.otabs a:hover{border-color:#cdb98f}.otabs a.on{border-color:#b4781f;background:#fff6e2;box-shadow:0 4px 12px -6px #b4781f88}
.otabs .n{min-width:26px;text-align:center;border-radius:99px;padding:2px 8px;font-size:13px;color:#fff;background:#8a8478}
.otabs a.t-new .n{background:#e5484d}.otabs a.t-unpaid .n{background:#e0a100}.otabs a.t-paid .n{background:#3b82f6}.otabs a.t-packing .n{background:#8b5cf6}.otabs a.t-rejected .n{background:#8a8478}.otabs a.t-old .n{background:#3a342b}
.osearch{display:flex;gap:8px;margin-bottom:12px}.osearch input{margin:0;min-width:240px}
.ohint{margin:0 0 16px;color:#6b7280;font-size:14.5px}.oempty{background:#fff;border:2px dashed #ddd6c8;color:#8a8478;border-radius:14px;padding:30px;text-align:center;margin-bottom:18px}
.oc{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0002;margin-bottom:18px;overflow:hidden;border-left:6px solid #b4781f}
.och{display:flex;gap:12px;align-items:center;padding:13px 20px;background:#faf7f1;flex-wrap:wrap;border-bottom:1px solid #eee7d8}
.ono{font:700 17px ui-monospace,Menlo,Consolas,monospace;color:#1c1712}.chip{background:#fff;border:1px solid #e3dccb;border-radius:99px;padding:3px 12px;font-size:13px;font-weight:600}
.ocs{margin-left:auto;background:#1c1712;color:#fff;border-radius:99px;padding:4px 16px;font-size:13px;font-weight:600}
.ocg{display:grid;grid-template-columns:1fr 1.1fr 1.3fr}.ocg section{padding:16px 20px;border-right:1px solid #f0ede6;font-size:14.5px;line-height:1.55}.ocg section:last-child{border-right:0}
.ocg h4,.ocm h4{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#8a6a2f}
.big{font-size:17px;font-weight:700}.okline{margin-top:6px;color:#17612b}.warnline{margin-top:6px;color:#a8690f;font-weight:600}.items{color:#333;margin-bottom:8px}
.bill{display:flex;justify-content:space-between;color:#6b7280;font-size:13.5px}.bill.tot{color:#1f2430;font-weight:700;font-size:16px;border-top:1px dashed #ddd;margin-top:4px;padding-top:4px}
.req{margin:0 20px 14px;padding:10px 14px;border-radius:10px;background:#f3f4f6;font-size:14px}.req.bad{background:#fde8e6;color:#9b1c14}
.ns{margin:0 20px 16px;padding:16px 18px;border-radius:14px;background:#fffaf0;border:2px solid #f0d9a8}
.nst{display:inline-block;background:#b4781f;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 10px;border-radius:99px;margin-right:10px;vertical-align:2px}
.ocm{margin:0 20px 16px;padding-top:14px;border-top:1px solid #f0ede6}.wal{display:flex;gap:10px;flex-wrap:wrap}
.bt.big,.bt.grn,.bt.wa,.bt.out{display:inline-flex;align-items:center;gap:8px}
.bt.wa{background:#25D366;color:#fff}.bt.wa:hover{background:#1ebe5a}.waic{width:20px;height:20px;flex:none}.bt.sm .waic{width:16px;height:16px}
.bt.grn{background:#1f9d4d;color:#fff}.bt.grn:hover{background:#17803d}
.ocd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:#fdf3f2;border-top:1px solid #f6d6d2}.ocd form{margin:0}
.wabar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#e8f9ee;border:2px solid #25D366;border-radius:14px;padding:14px 18px;margin-bottom:18px}
@media(max-width:860px){.ocg{grid-template-columns:1fr}.ocg section{border-right:0;border-bottom:1px solid #f0ede6}.ocs{margin-left:0}}
/* ---- Clear button colour system ---- */
.bt.apv,.bt.stp,.bt.fin,.bt.pay,.bt.wa{display:inline-flex;align-items:center;gap:8px}.bt .bi{font-style:normal;font-size:1.05em;line-height:1}
.bt.apv{background:#15803d;color:#fff}.bt.apv:hover{background:#116a32}
.bt.stp{background:#2563eb;color:#fff}.bt.stp:hover{background:#1d4ed8}
.bt.fin{background:#7c3aed;color:#fff}.bt.fin:hover{background:#6d28d9}
.bt.pay{background:#f59e0b;color:#1f1300}.bt.pay:hover{background:#d98a06}
.bt.wa.chat{background:#fff;color:#128c7e;border:2px solid #25D366}.bt.wa.chat:hover{background:#e8f9ee}
.legend{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 16px;font-size:13px;color:#555;background:#fff;border:1px solid #eee7d8;border-radius:10px;padding:8px 14px}
.legend .dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px}
.dot.apv{background:#15803d}.dot.stp{background:#2563eb}.dot.fin{background:#7c3aed}.dot.pay{background:#f59e0b}.dot.wa{background:#25D366}.dot.rj{background:#c2362d}
/* ---- final button styles ---- */
.bt.chat,.bt.upd{display:inline-flex;align-items:center;gap:8px}
.bt.chat{background:#334155;color:#fff}.bt.chat:hover{background:#1e293b}
.bt.upd{background:#fff;color:#128c7e;border:2px solid #25D366;border-radius:99px}.bt.upd:hover{background:#e8f9ee}
.dot.chat{background:#334155}.dot.upd{background:#fff;border:2px solid #25D366;box-sizing:border-box}
.otabs a.t-done .n{background:#15803d}
.pw{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.aft{font-size:12.5px;color:#6b7280}
.doneb{margin:0 20px 16px;padding:12px 16px;border-radius:12px;background:#e7f6ec;border:1px solid #b6e2c3;color:#14532d;font-weight:600}
.wnote{margin-top:8px;font-size:12.5px;color:#6b7280}
.wal .bt{min-height:40px}
/* ---- tidy tabs + phone layout ---- */
.otabs{gap:6px}.otabs a{padding:9px 10px 9px 13px;gap:8px;font-size:13.5px}
@media(max-width:860px){
 .otop{display:block}.otabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;-webkit-overflow-scrolling:touch}.otabs a{flex:none}
 .osearch{width:100%}.osearch input{min-width:0;flex:1}
 .legend{font-size:12px;gap:6px 14px;padding:8px 12px}
 .oc{border-radius:14px}.och{padding:12px 14px}.ocg section{padding:12px 14px}.ns,.ocm,.req,.doneb{margin-left:14px;margin-right:14px}
 .nsb{flex-direction:column;align-items:stretch}.nsp .bt,.pw .bt{width:100%;justify-content:center}.wal .bt{flex:1 1 100%;justify-content:center}
}
/* ---- many-orders tools: compact rows, filters, alerts ---- */
.otool{display:flex;gap:12px 18px;flex-wrap:wrap;align-items:center;margin:0 0 14px}.otool .sp{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}
.fchips{display:flex;gap:6px;flex-wrap:wrap}.fchips a{padding:6px 12px;border-radius:99px;background:#fff;border:1px solid #e3dccb;color:#333;text-decoration:none;font-size:13px;font-weight:600}.fchips a:hover{border-color:#b4781f}
.fchips a.on{background:#1c1712;color:#fff;border-color:#1c1712}.fchips a b{margin-left:6px;opacity:.75}
.orow{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0002;margin-bottom:10px;border-left:6px solid #b4781f;overflow:hidden}
.orow>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:150px minmax(130px,1.1fr) 95px minmax(150px,1.5fr) 70px minmax(150px,1fr) 150px 18px;gap:10px;align-items:center;padding:12px 16px}
.orow>summary::-webkit-details-marker{display:none}.orow>summary:hover{background:#fcfaf5}.orow[open]>summary{background:#faf7f1;border-bottom:1px solid #eee7d8}
.orow .rbody .oc{margin:0;border-radius:0;box-shadow:none;border-left:0}
.rno{font:700 14px ui-monospace,Menlo,Consolas,monospace}.rcust b{display:block}.rcust small{color:#777}.rtype{font-size:13px;font-weight:600}.ritems{font-size:13.5px;color:#333}.ritems em{color:#8a8478;font-style:normal}.rtot{font-weight:700}
.rstage{justify-self:end;background:#1c1712;color:#fff;border-radius:99px;padding:3px 12px;font-size:12px;font-weight:600;text-align:center}.rcar{color:#888;transition:transform .2s}.orow[open] .rcar{transform:rotate(180deg)}
.pill{display:inline-block;background:#f1efe9;border-radius:99px;padding:2px 10px;font-size:12px;margin:1px 4px 1px 0;white-space:nowrap}.pill.warn{background:#fff1cc;color:#8a5b00}.pill.late{background:#fde1df;color:#9b1c14;font-weight:700}
.orow.s-new{border-left-color:#e5484d}.orow.s-unpaid{border-left-color:#e0a100}.orow.s-paid{border-left-color:#3b82f6}.orow.s-packing{border-left-color:#8b5cf6}.orow.s-completed{border-left-color:#1f9d4d}.orow.s-rejected,.orow.s-cancelled{border-left-color:#999}
.newalert{position:sticky;top:8px;z-index:30;background:#e5484d;color:#fff;border-radius:12px;padding:12px 16px;margin-bottom:12px;display:flex;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 8px 20px -8px #e5484d}.newalert[hidden]{display:none}
.pager{display:flex;gap:12px;justify-content:center;align-items:center;margin:18px 0}
/* compact row v2: two lines, safe at any width */
.orow>summary{display:grid;grid-template-columns:150px minmax(0,1fr) 90px max-content 16px;gap:4px 14px;align-items:center;padding:12px 16px}
.rno{grid-row:1 / span 2;align-self:center}.rcust{min-width:0}.rtot{text-align:right;font-size:16px}.rstage{justify-self:end;white-space:nowrap}
.rmeta{grid-column:2 / 5;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.rwait{display:flex;flex-wrap:wrap;gap:4px}
@media(max-width:860px){.orow>summary{grid-template-columns:1fr auto;gap:6px 10px}.rno{grid-row:auto;grid-column:1}.rstage{grid-column:2;grid-row:1}.rcust{grid-column:1}.rtot{grid-column:2;grid-row:2}.rmeta{grid-column:1 / -1}.rcar{display:none}}
/* ===== Orders page: clean header, stat tiles, one toolbar ===== */
.otiles{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:0 0 20px}
.tile{--tc:#b4781f;display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:14px;padding:12px 14px 12px;text-decoration:none;color:#333;border:2px solid transparent;border-top:4px solid var(--tc);box-shadow:0 1px 3px #0001;transition:transform .15s,box-shadow .15s}
.tile .n{font-size:28px;line-height:1.15;color:var(--tc);background:none;padding:0;min-width:0}.tile span{font-size:13px;font-weight:600;color:#555}
.tile:hover{transform:translateY(-2px);box-shadow:0 6px 14px -8px #0006}.tile.on{border-color:var(--tc);border-top-width:4px;box-shadow:0 8px 18px -10px var(--tc);background:#fff}
.tile.t-new{--tc:#e5484d}.tile.t-unpaid{--tc:#d99100}.tile.t-paid{--tc:#3b82f6}.tile.t-packing{--tc:#8b5cf6}.tile.t-done{--tc:#15803d}.tile.t-rejected{--tc:#8a8478}.tile.t-old{--tc:#3a342b}
.ohead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;margin:0 0 14px}
.otitle{margin:0;font-size:22px;display:flex;align-items:center;gap:10px}.otc{background:#1c1712;color:#fff;font-size:13px;border-radius:99px;padding:2px 12px;font-family:system-ui,sans-serif}
.ohead .ohint{margin:4px 0 0}.osearch{display:flex}.osearch input{margin:0;min-width:260px;border-radius:10px 0 0 10px}.osearch .bt{border-radius:0 10px 10px 0}
.otool{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 16px;padding:10px 12px;background:#fff;border:1px solid #eee7d8;border-radius:12px}
.seg2{display:inline-flex;background:#f4f0e7;border-radius:10px;padding:3px;gap:2px}.seg2 a{padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;color:#555;text-decoration:none;white-space:nowrap}
.seg2 a b{opacity:.6;margin-left:6px}.seg2 a:hover{background:#e9e3d4}.seg2 a.on{background:#1c1712;color:#fff}.seg2 a.on b{opacity:.8}
.otr{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.sortsel{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;color:#555}.sortsel select{margin:0;padding:7px 10px;width:auto;border-radius:8px;font-size:13px}
.tl a{font-size:12.5px;color:#8a6a2f;font-weight:600;margin-left:12px;text-decoration:none}.tl a:hover{text-decoration:underline}
.legendd{position:relative}.legendd summary{cursor:pointer;font-size:13px;font-weight:600;color:#8a6a2f;list-style:none}.legendd summary::-webkit-details-marker{display:none}
.legendd .legend{position:absolute;right:0;top:30px;z-index:25;width:280px;flex-direction:column;align-items:flex-start;gap:8px;margin:0;box-shadow:0 12px 30px -10px #0006}
/* open row: no duplicate header */
.rbody .och{display:none}.rbody .oc .ocg{border-top:0}
/* consistent buttons */
.bt{border-radius:10px;font-weight:600}.bt.sm{min-height:36px;padding:8px 14px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.bt.big{min-height:48px;padding:12px 26px;font-size:15.5px}
.rs{height:36px;padding:0 10px;border-radius:10px}
/* next-step box: primary left, secondary group right */
.nsb{align-items:flex-end}.nss{display:flex;flex-direction:column;gap:6px;align-items:flex-end;margin-left:auto}.nsl{font-size:12px;font-weight:600;color:#8a6a2f}.nsr{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
@media(max-width:1100px){.otiles{grid-template-columns:repeat(7,130px);overflow-x:auto;padding-bottom:6px}.otr{margin-left:0}}
@media(max-width:860px){.osearch{width:100%}.osearch input{flex:1;min-width:0}.nss{align-items:stretch;margin-left:0;width:100%}.nsr{justify-content:flex-start}.legendd .legend{left:0;right:auto}}
.tl a{margin-left:8px}.tile span{line-height:1.25}.seg2 a{padding:7px 11px}
.otpbox{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f3ecff;border:1px dashed #7c3aed;color:#4c1d95;font-size:14px}
.otpbox b{font:700 20px ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;margin-left:6px}.otpbox small{display:block;color:#6b21a8;margin-top:2px}
.pill.otp{background:#f3ecff;color:#5b21b6;font-weight:700}
/* ---- Hold orders ---- */
.bt.hld,.bt.rsm{background:#0891b2;color:#fff;display:inline-flex;align-items:center;gap:8px}.bt.hld:hover,.bt.rsm:hover{background:#0e7490}
.nsz{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed #f0d9a8}.nszt{font-size:12.5px;color:#8a6a2f;font-weight:600}
.holdb{margin:0 20px 14px;padding:12px 16px;border-radius:12px;background:#e0f4fa;border:1px solid #a5dcec;color:#0b4a5b;font-weight:600}
.oc.s-hold,.orow.s-hold{border-left-color:#0891b2}.tile.t-hold{--tc:#0891b2}.dot.hld{background:#0891b2}
.otiles{grid-template-columns:repeat(8,1fr)}
@media(max-width:1100px){.otiles{grid-template-columns:repeat(8,130px)}}
.holdb .waic{vertical-align:-4px;margin-right:6px}.bt.hld .waic,.bt.rsm .waic{width:16px;height:16px}.bt.big.rsm .waic{width:20px;height:20px}