/* Cache-busted UI overrides: loaded after the bundle so these always win. */
/* Button standard */
button:not(nav button){
  height:24px!important;min-height:24px!important;
  padding-top:0!important;padding-bottom:0!important;
  font-size:12.5px!important;line-height:1!important;border-radius:6px!important;
}
/* Round close / back buttons keep their circular look */
button[data-act="close"][data-act][data-act],
button[data-act="back"][data-act][data-act]{
  width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;
  padding:0!important;border-radius:50%!important;font-size:0!important;
}
/* Table row action cells: one even 6px rhythm, no table-layout surprises */
td[class$="rowactions"]{
  display:table-cell!important;white-space:nowrap!important;vertical-align:middle!important;
}
td[class$="rowactions"]>button,
td[class$="rowactions"]>a{
  padding-left:6px!important;padding-right:6px!important;
  height:24px!important;min-height:24px!important;font-size:12.5px!important;line-height:1!important;
}
td[class$="rowactions"]>button+button,
td[class$="rowactions"]>span+button,
td[class$="rowactions"]>button+span{margin-left:6px!important}
td[class$="rowactions"]>span{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  margin-left:6px!important;vertical-align:middle!important;
}
td[class$="rowactions"]>span:first-child{margin-left:0!important}
td[class$="rowactions"]>span>button{margin:0!important;padding-left:6px!important;padding-right:6px!important}
/* Order rows keep the same rhythm */
.orderrowactions{display:inline-flex!important;align-items:center!important;gap:6px!important}
.orderrowactions>*{margin-left:0!important;margin-right:0!important}
.orderrowactions>span{display:inline-flex!important;align-items:center!important}
/* Nav items stay flush-left */
aside nav button,aside nav button+button{margin-left:0!important;margin-right:0!important}

/* order row actions: margin-driven rhythm (no flex gap) */
.orderrowactions{gap:0!important;column-gap:0!important}
.orderrowactions>*{margin-left:6px!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;gap:0!important}
.orderrowactions>*:first-child{margin-left:0!important}
.orderrowactions .orderprintcontrol{margin-left:6px!important}
.orderrowactions .orderprintcontrol>*{margin:0!important}

/* high-specificity order row rhythm (beats the bundled CSS order) */
html body .orderrowactions{gap:0!important;column-gap:0!important}
html body .orderrowactions>*{margin-left:6px!important;margin-right:0!important}
html body .orderrowactions>*:first-child{margin-left:0!important}
html body td[class$="rowactions"]>button+button,html body td[class$="rowactions"]>span+button,html body td[class$="rowactions"]>button+span{margin-left:6px!important}
html body td[class$="rowactions"]{gap:0!important;column-gap:0!important}
html body td[class$="rowactions"]>span{margin-left:6px!important;gap:6px!important}
html body td[class$="rowactions"]>span:first-child{margin-left:0!important}
html body td[class$="rowactions"]>button{padding-left:6px!important;padding-right:6px!important}

/* maximum-specificity order row rhythm */
:root body td.customerrowactions span.orderrowactions,:root body span.orderrowactions{gap:0!important;column-gap:0!important}
:root body td.customerrowactions span.orderrowactions>*{margin-left:6px!important;margin-right:0!important}
:root body td.customerrowactions span.orderrowactions>*:first-child{margin-left:0!important}
:root body td.customerrowactions{gap:0!important;column-gap:0!important}

/* row action labels share one weight */
:root body td[class$="rowactions"] button,:root body .orderrowactions button{font-weight:600!important;font-size:12.5px!important;letter-spacing:0!important}
:root body td[class$="rowactions"] a,:root body .orderrowactions a{font-weight:600!important;font-size:12.5px!important}

/* row action boxes share one horizontal padding */
:root body td[class$="rowactions"]>button,:root body td[class$="rowactions"]>a,:root body .orderrowactions>button,:root body .orderrowactions>span>button,:root body .orderrowactions>span>a{padding-left:8px!important;padding-right:8px!important;padding-top:0!important;padding-bottom:0!important;height:24px!important;min-height:24px!important;line-height:24px!important}

/* carton toolbar: batch actions right, table-size button matches other tables */
:root body .customercartonlabels>.toolbar .labelbatchactions{margin-left:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
:root body .customercartonlabels>.toolbar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}
:root body .customercartonlabels>.toolbar>small{margin-left:0!important;white-space:nowrap!important}
:root body .customercartonlabels .customerdragbutton{background:#f1f5f2!important;color:#557263!important;border:1px solid #557263!important;border-radius:6px!important;height:24px!important;min-height:24px!important;padding:0 10px!important;font-size:12.5px!important}

/* compact column filter popover */
:root body .orderexcelfilterpopup{width:224px!important;padding:10px 12px!important;border-radius:8px!important}
:root body .orderexcelfilterpopup>strong{display:block!important;margin:0 0 6px!important;font-size:13px!important;line-height:1.3!important}
:root body .orderexcelfilterpopup .filterclear{padding:4px 0!important;font-size:12.5px!important;line-height:1.4!important;border-bottom:1px solid #eef2f0!important}
:root body .orderexcelfilterpopup .filterchoices{padding:6px 0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
:root body .orderexcelfilterpopup .filterchoices label{display:flex!important;align-items:center!important;gap:6px!important;padding:3px 0!important;min-height:24px!important;font-size:12.5px!important;line-height:1.3!important}
:root body .orderexcelfilterpopup .filterchoices input[type="radio"]{margin:0!important;width:14px!important;height:14px!important}
:root body .orderexcelfilterpopup .filteractions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:6px!important}
:root body .orderexcelfilterpopup .filteractions button{padding:0 12px!important}

/* filter popover: kill the global input height and label margin */
:root body .orderexcelfilterpopup .filterchoices label{margin:0!important;height:22px!important;min-height:22px!important;padding:0!important}
:root body .orderexcelfilterpopup .filterchoices input[type="radio"]{height:14px!important;min-height:14px!important;width:14px!important;flex:0 0 14px!important;margin:0!important}
:root body .orderexcelfilterpopup .filterchoices input:not([type="radio"]){height:28px!important;min-height:28px!important;font-size:12.5px!important}
:root body .orderexcelfilterpopup .filterchoices{height:auto!important;min-height:0!important;max-height:none!important}

/* freight delivery address: radio aligns with the address text */
:root body .orderfreightaddresses>label{padding-left:0!important}
:root body .orderfreightaddresses>label>span:first-child{display:flex!important;align-items:center!important;gap:6px!important;padding-left:0!important;margin-left:0!important}
:root body .orderfreightaddresses>label>span:first-child>input[type="radio"]{margin:0!important;height:14px!important;min-height:14px!important;width:14px!important;flex:0 0 14px!important;position:static!important;transform:none!important}
:root body .orderfreightaddresses>label>span:nth-child(2),:root body .orderfreightaddresses>label>small{padding-left:0!important;margin-left:0!important}

/* refined column filter popover */
:root body .orderexcelfilterpopup{width:238px!important;padding:12px 14px!important;border:1px solid #dbe6e0!important;border-radius:10px!important;box-shadow:0 12px 28px rgba(19,42,33,.14)!important}
:root body .orderexcelfilterpopup>strong{display:block!important;margin:0 0 8px!important;font-size:13px!important;font-weight:600!important;color:#16352b!important;letter-spacing:.2px!important}
:root body .orderexcelfilterpopup .filterclear{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:22px!important;min-height:22px!important;margin:0 0 8px!important;padding:0 8px!important;border:0!important;border-radius:6px!important;background:#eef6f2!important;color:#17765e!important;font-size:12px!important;line-height:1!important;text-align:left!important}
:root body .orderexcelfilterpopup .filterclear:disabled{background:#f3f6f4!important;color:#a9b6b0!important}
:root body .orderexcelfilterpopup .filterchoices{padding:0 0 10px!important;margin:0!important;border-bottom:1px solid #eef2f0!important}
:root body .orderexcelfilterpopup .filterchoices>input{height:28px!important;min-height:28px!important;padding:2px 9px!important;border:1px solid #cfe0d7!important;border-radius:8px!important;font-size:12.5px!important;box-shadow:none!important}
:root body .orderexcelfilterpopup .filteractions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:10px 0 0!important;padding:0!important;border:0!important}
:root body .orderexcelfilterpopup .filteractions button{height:24px!important;min-height:24px!important;padding:0 12px!important;font-size:12.5px!important;border-radius:6px!important}

/* filter popover: lighter clear link + softer focus ring */
:root body .orderexcelfilterpopup .filterclear{background:transparent!important;padding:0!important;height:20px!important;min-height:20px!important;color:#17765e!important;font-size:12px!important;text-decoration:underline;text-underline-offset:3px}
:root body .orderexcelfilterpopup .filterclear:disabled{color:#b9c6c0!important;background:transparent!important;text-decoration:none}
:root body .orderexcelfilterpopup .filterchoices>input:focus{outline:none!important;border-color:#17765e!important;box-shadow:0 0 0 3px rgba(23,118,94,.14)!important}
html body .orderexcelfilterpopup .filterchoices>input{height:28px!important;min-height:28px!important}

/* freight mode row: details button sits close to the select */
:root body .freightmodetoolbar{gap:10px!important;column-gap:10px!important}
:root body .freightmodetoolbar>button{margin-left:0!important;margin-bottom:6px!important}

/* PO supplier badge matches the freight card heading */
:root body .cgsupplierbadge{font-size:13.5px!important;padding:5px 10px!important;border-radius:8px!important;gap:6px!important;line-height:1.2!important}
:root body .cgsupplierbadge small{font-size:11px!important;padding:2px 6px!important;border-radius:4px!important;line-height:1.4!important}
:root body .cgsupplierbadge::before{width:3px!important}

/* PO badge: exact height parity with the freight heading */
:root body .cgsupplierbadge{height:33px!important;min-height:33px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important}

/* filter popover: smaller box, footer aligned left with the content */
:root body .orderexcelfilterpopup{width:196px!important;padding:10px 12px!important}
:root body .orderexcelfilterpopup .filteractions{justify-content:flex-start!important;gap:8px!important;margin-top:8px!important}
:root body .orderexcelfilterpopup .filteractions button{padding:0 10px!important;height:22px!important;min-height:22px!important}
:root body .orderexcelfilterpopup .filterchoices{padding-bottom:8px!important}

/* filter popover redesigned as an instant-apply menu */
:root body .orderexcelfilterpopup.filtermenu{width:216px!important;padding:10px 12px 8px!important;border:1px solid #dbe6e0!important;border-radius:10px!important;box-shadow:0 12px 28px rgba(19,42,33,.14)!important;font-size:12.5px!important}
:root body .filtermenuhead{display:block!important;margin:0 0 8px!important;font-size:12px!important;font-weight:600!important;color:#68806f!important;letter-spacing:.4px!important}
:root body .filtermenuinput{display:flex!important;align-items:center!important;gap:6px!important;height:30px!important;padding:0 8px!important;border:1px solid #cfe0d7!important;border-radius:8px!important;background:#fff!important}
:root body .filtermenuinput>svg{color:#8aa39a;flex:0 0 13px}
:root body .filtermenuinput>input{flex:1 1 auto!important;height:28px!important;min-height:28px!important;border:0!important;padding:0!important;font-size:12.5px!important;background:transparent!important;box-shadow:none!important;outline:none!important}
:root body .filtermenuoptions{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0 -6px!important}
:root body .filtermenuoption{display:flex!important;align-items:center!important;gap:6px!important;height:26px!important;min-height:26px!important;padding:0 6px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#26382f!important;font-size:12.5px!important;text-align:left!important;justify-content:flex-start!important}
:root body .filtermenuoption>svg{color:#17765e;flex:0 0 14px}
:root body .filtermenuoption:hover{background:#f1f6f3!important}
:root body .filtermenuoption.isactive{color:#17765e!important;font-weight:600!important}
:root body .filtermenuoption:not(.isactive)>svg+span{margin-left:0}
:root body .filtermenuoption:not(.isactive){padding-left:26px!important}