.po-late{color:var(--bad);font-weight:600}.po-sub{color:var(--brand);text-transform:uppercase;margin:14px 0 8px;font-size:12px;font-weight:700}.po-tl{padding-left:4px;position:relative}.po-tl-row{gap:12px;padding:0 0 14px;display:flex;position:relative}.po-tl-row:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:30px;bottom:2px;left:15px}.po-tl-ico{background:var(--brand-soft);border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.po-tl-row.next .po-tl-ico{background:var(--warn-soft);border:2px dashed var(--warn)}.po-tl-row.next b{color:var(--warn)}.grn-tbl input{padding:6px 8px}.p-awaiting-dispatch{background:var(--purple-soft);color:var(--purple)}.trk-chip{background:var(--brand-soft);color:var(--brand);cursor:pointer;white-space:nowrap;border:1px solid #d4e0ff;border-radius:6px;align-items:center;gap:3px;padding:1px 7px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.trk-chip:hover{border-color:var(--brand-2)}.trk-search{align-items:center;gap:6px;display:flex}.trk-search input{width:190px;padding:6px 9px}.trk-ids{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.trk-ids span{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:3px 9px;font-size:12px}.trk-grn{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:12.5px}.trk-cols{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.trk-h{color:var(--ink-3);text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.grn-disp{background:var(--bg);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12.5px;display:grid}.grn-disp span{color:var(--ink-3);font-size:11px;display:block}@media (width<=700px){.trk-cols,.grn-disp{grid-template-columns:1fr 1fr}}.grn-gate{margin-bottom:6px}.grn-gate td{vertical-align:middle}.grn-gate tr.ok td{background:var(--ok-soft)}.grn-gate tr.diff td{background:var(--bad-soft)}.grn-gate .seg button{padding:5px 10px;font-size:12px}.grn-gate input{padding:6px 8px}.disp-info>div{margin-bottom:1px}.disp-info a,.disp-card a{color:var(--brand-2)}.disp-card{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;margin-bottom:10px;padding:10px 12px}.disp-hd{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.disp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px;margin-bottom:6px;font-size:12.5px;display:grid}.disp-grid span{color:var(--ink-3);text-transform:uppercase;font-size:10.5px;font-weight:600;display:block}@media (width<=760px){.disp-grid{grid-template-columns:1fr 1fr}}.notes{margin-top:6px}.note-row{border-left:3px solid var(--line);background:var(--panel-2);border-radius:0 8px 8px 0;margin-bottom:8px;padding:6px 10px}.note-row.k-reject,.note-row.k-cancel{border-left-color:var(--bad);background:var(--bad-soft)}.note-row.k-approve,.note-row.k-confirm{border-left-color:var(--ok)}.note-row.k-dispatch{border-left-color:var(--purple)}.note-row.k-receipt{border-left-color:var(--gold)}.note-row.k-request{border-left-color:var(--info)}.note-hd{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.note-tx{white-space:pre-wrap;margin-top:3px;font-size:13px}.note-add{align-items:flex-end;gap:8px;display:flex}.note-add textarea{flex:1}.note-badge{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink-3);border-radius:999px;padding:1px 8px;font-family:inherit;font-size:11px}.note-badge.has{background:var(--brand-soft);color:var(--brand);border-color:#d4e0ff;font-weight:700}[data-theme=dark] .trk-chip,[data-theme=dark] .note-badge.has{border-color:var(--line)}[data-theme=dark] .grn-gate tr.ok td{background:#16a34a1f}[data-theme=dark] .grn-gate tr.diff td,[data-theme=dark] .note-row.k-reject,[data-theme=dark] .note-row.k-cancel{background:#dc26261f}
