#headhaulCustomsDialog{width:min(1420px,96vw);max-height:92vh;padding:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--theme-surface,#fff)}
#headhaulCustomsDialog form{display:flex;flex-direction:column;max-height:90vh;margin:0}
#headhaulCustomsDialog .workflow-dialog-heading,#headhaulCustomsDialog .workflow-dialog-actions{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;border-bottom:1px solid var(--line)}
#headhaulCustomsDialog h3{margin:0;font-size:18px}
#headhaulCustomsDialog .workflow-dialog-actions{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}
.customs-body{padding:18px 22px;overflow:auto;min-height:0;font-size:13px;line-height:1.6}
.customs-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.customs-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.customs-fields input,.customs-fields select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:5px;font:inherit;color:var(--ink);background:var(--theme-field,#fff)}
.customs-fields input:focus,.customs-fields select:focus{outline:2px solid var(--teal);outline-offset:1px}
.customs-table{overflow:auto;border:1px solid var(--line);border-radius:7px;margin:18px 0}
.customs-table table{width:100%;min-width:1250px;border-collapse:collapse;font-size:12px}
.customs-table th,.customs-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.customs-table th:first-child,.customs-table td:first-child{text-align:left}
.customs-table th,.customs-table tfoot{background:var(--soft,#f6f8fc);font-weight:600}
.customs-notice{padding:12px 15px;background:var(--soft,#eff8f6);border-left:4px solid var(--teal);margin:0 0 18px;overflow-wrap:anywhere}
.customs-notice.has-blockers{border-color:#ad6926;background:#fff5e9;color:#8b521d}
.customs-product-details,.customs-history{margin:16px 0}
.customs-product-details summary,.customs-history summary{cursor:pointer;font-weight:600;padding:10px 0}
.customs-product-details fieldset{border:1px solid var(--line);border-radius:7px;margin:12px 0;padding:15px}
.customs-confirm{display:flex;align-items:flex-start;gap:9px;margin:18px 0}.customs-confirm input{width:17px;height:17px;flex-shrink:0;margin-top:3px}
.customs-history [data-history]{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){.customs-fields{grid-template-columns:1fr}#headhaulCustomsDialog .workflow-dialog-heading,#headhaulCustomsDialog .workflow-dialog-actions,.customs-body{padding:14px}#headhaulCustomsDialog h3{font-size:15px}.customs-history [data-history]{flex-direction:column}}

/* Menu variant: override the shared ui-action button chrome within this portal only. */
#erpActionMenuPortal .ui-action.erp-menu-action{display:grid;align-items:start;justify-content:stretch;gap:2px;width:100%;min-height:0;padding:9px 10px;border:0!important;border-radius:5px!important;background:#fff!important;color:#24364f!important;text-align:left;font:inherit!important;font-size:10px!important;line-height:1.5!important;letter-spacing:normal;white-space:normal;box-shadow:none!important}
#erpActionMenuPortal .erp-menu-action small{font-weight:400}
#erpActionMenuPortal .erp-menu-action:not(:disabled):hover,#erpActionMenuPortal .erp-menu-action:not(:disabled):active,#erpActionMenuPortal .erp-menu-action:not(:disabled):focus-visible{background:#edf7f5!important;color:#0d7167!important;box-shadow:none!important}
#erpActionMenuPortal .erp-menu-action:focus-visible{outline:2px solid #168477!important;outline-offset:-2px}
#erpActionMenuPortal .erp-menu-action:disabled{opacity:1;color:#97a3b2!important;cursor:not-allowed}
#erpActionMenuPortal .erp-menu-action:disabled small{color:#97a3b2}
.headhaul-customs-menu-label{display:flex;justify-content:space-between;align-items:center;gap:12px}
.headhaul-customs-menu-label span{font-size:12px;font-weight:400;line-height:1}
.headhaul-customs-menu [aria-expanded="true"] .headhaul-customs-menu-label span{transform:rotate(180deg)}
.headhaul-customs-options{margin:0 0 4px 10px;padding-left:8px;border-left:1px solid #e0e7ee}
#erpActionMenuPortal .headhaul-customs-options>.erp-menu-action{padding:8px 10px;font-weight:500!important}

.customs-draft-status{color:var(--muted);margin:12px 0;overflow-wrap:anywhere}
@media(max-width:700px){#headhaulCustomsDialog .workflow-dialog-actions{flex-wrap:wrap;gap:8px}}
