:root{
  --navy:#ad1f3d;
  --navy2:#8d1731;
  --cyan:#ad1f3d;
  --ink:#151314;
  --muted:#74696d;
  --line:#ddd5d8;
  --wash:#f6f3f4;
}
.topbar{height:76px;background:#fff;color:var(--ink);box-shadow:0 2px 8px #3b202820;border-bottom:3px solid var(--navy)}
.brand{color:var(--ink);min-width:330px;gap:13px}
.brand img{width:52px;height:52px;object-fit:contain;border-radius:3px}
.brand strong{font-size:15px;letter-spacing:.02em}
.brand small{font-size:10px;color:var(--muted);letter-spacing:.12em}
.nav-button{color:#76686d}
.nav-button:hover,.nav-button.active{color:var(--navy)}
.nav-button.active:after{background:var(--navy)}
.revision{color:var(--navy);border-color:#c8a3ad}
.data-mode{color:var(--muted)}
.data-mode.cached i{background:#e69512;box-shadow:0 0 0 3px #e6951222}
.app-starter{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--navy);font-size:11px;font-weight:750;padding:8px 10px;text-decoration:none;white-space:nowrap}
.app-starter:hover{background:#fdf8f9;border-color:#c8a3ad}
.filter-panel{background:#f3edef;border-color:var(--line)}
.order-filter-panel{grid-template-columns:repeat(5,minmax(150px,1fr));align-items:end}
.order-filter-panel .vendor-picker{width:auto}
.order-filter-panel .vendor-select-wrap{width:100%}
.order-filter-panel .vendor-select-wrap input{flex:1;min-width:0;width:auto;border:0;padding:0;margin:0;background:transparent;font-size:inherit}
.po-toolbar{align-items:end}
.po-toolbar #orderFilterToggle,.po-toolbar .clear-button{height:42px}
.po-toolbar .order-scope{height:42px;margin-left:8px}
.po-toolbar .order-scope label span{height:42px;display:flex;align-items:center}
.po-toolbar .order-scope legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
th{background:#f3edef;color:#65575c}
tbody tr:hover{background:#fdf8f9}
.location{background:#f5e7eb;color:#7d1a31}
.status.shipped{background:#f5e7eb;color:#7d1a31}
.filter-button span{background:#f5e7eb;color:#7d1a31}
td a{color:#9a1c38}
.toast{background:#65172a}
@media(max-width:980px){.app-starter{display:none}.brand{min-width:270px}}
@media(max-width:1100px){.order-filter-panel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.order-filter-panel{grid-template-columns:1fr 1fr}.po-toolbar{flex-wrap:wrap}.po-toolbar .order-scope{margin-left:0}}
@media(max-width:700px){.brand{min-width:0}.brand img{width:44px;height:44px}}