/* Palette based on the supplied references: white, mist gray, graphite, orange. */
:root {
  --action-bg:#ff4b23;
  --action-hover:#e83f19;
  --action-pressed:#353b49;
  --app-bg:#f5f6f8;
  --window-bg:#f5f6f8;
  --surface:#fff;
  --surface-muted:#f7f7f9;
  --surface-soft:#f0f1f4;
  --border:#e2e4e9;
  --border-strong:#ced1d8;
  --text:#242833;
  --text-soft:#737987;
  --link:#454c5d;
  --selected:#e9eaee;
  --selected-border:#d9dce3;
  --stripe:#fafafb;
  --radius:8px;
  --nfe-navy:#353b49;
  --nfe-ink:#454c5d;
  --nfe-blue:#5e6575;
  --nfe-muted:#858b97;
  --nfe-border:#e2e4e9;
  --nfe-bg:#f7f7f9;
  --nfe-canvas:#f5f6f8;
  --nfe-teal:#353b49;
  --nfe-teal-dark:#242833;
}
html,body,body .app-shell,body .window-frame,body .workspace-shell,
body .workspace-main,body .page { background:var(--app-bg); color:var(--text); }
body { font-family:'Segoe UI',Arial,sans-serif; }
body a { color:var(--link); }
body .sidebar { background:#f5f5f7; border-right:1px solid var(--border); }
body .sidebar__header { background:#f5f5f7; border-bottom:1px solid var(--border); }
body .sidebar__company,body .sidebar__company-fallback { background:transparent; }
body .sidebar-nav { padding:12px 10px; gap:5px; }
body .sidebar-nav__group { border:0; margin:0; padding:0; }
body .sidebar-nav__group + .sidebar-nav__group { border:0; margin:0; padding:0; }
body .sidebar-nav a { padding:11px 13px; min-height:42px; color:#646b7b; border-radius:8px; font-size:13px; }
body .sidebar-nav a:hover { background:#eceef1; color:#303645; }
body .sidebar-nav a.is-active { color:#303645; background:#e7e9ed; font-weight:600; box-shadow:inset 3px 0 0 var(--action-bg); border-radius:8px; }
body .sidebar-nav a.is-active .sidebar-nav__icon { color:var(--action-bg); }
body .sidebar-nav .sidebar-submenu a { color:#818693; background:transparent; font-size:11px; }
body .sidebar-nav .sidebar-submenu a:hover { background:#eceef1; color:#353b49; }
body .sidebar__footer { background:#f5f5f7; border-top:1px solid var(--border); }
body .sidebar-user { color:#737987; }
body .workspace-header { background:#fff; border-bottom:1px solid var(--border); }
body .workspace-page-title { color:#282d38; font-weight:600; }
body .window-frame :is(button,.button,.dispatch-primary,.dispatch-secondary,.shipment-cancel) {
  background:#fff; color:#525a69; border-color:var(--border-strong); border-radius:6px; box-shadow:none;
}
body .window-frame :is(button,.button,.dispatch-primary,.dispatch-secondary,.shipment-cancel):hover {
  background:#eff0f3; color:#303645; border-color:#c4c8d1;
}
body .window-frame .button:not(.button-secondary):not(.button-back),
body .window-frame button[type=submit],body .window-frame .dispatch-primary {
  background:var(--action-bg); color:#fff; border-color:var(--action-bg); border-radius:6px;
}
body .window-frame .button:not(.button-secondary):not(.button-back):hover,
body .window-frame button[type=submit]:hover,body .window-frame .dispatch-primary:hover {
  background:var(--action-hover); color:#fff; border-color:var(--action-hover);
}
body .window-frame .button.button-secondary,body .window-frame .button.button-back,
body .window-frame .dispatch-secondary,body .window-frame .shipment-cancel {
  background:#fff; color:#5d6472; border:1px solid var(--border-strong); border-radius:6px;
}
body .window-frame .button.button-secondary:hover,body .window-frame .button.button-back:hover,
body .window-frame .dispatch-secondary:hover { background:#f0f1f4; color:#303645; border-color:#bdc2cc; }
body .window-frame :is(button,.button):active,
body .window-frame :is(button,.button)[aria-pressed=true],
body .window-frame :is(button,.button)[aria-selected=true],
body .window-frame .entry-view-switch .button[aria-current=page],
body .window-frame .picking-header-tabs .button[aria-current=page] { background:#353b49; border-color:#353b49; color:#fff; }
body .window-frame :is(button,.button):disabled,body .window-frame .button[aria-disabled=true] {
  background:#eceef1; border-color:#e2e4e9; color:#9a9fab; opacity:1; cursor:not-allowed;
}
body .window-frame .sidebar-toggle,body .workspace-header__left .sidebar-toggle--inline {
  background:#fff; color:#616876; border:1px solid var(--border); border-radius:6px;
}
body .sidebar-signout button[type=submit] { background:transparent; color:#69707e; border:1px solid #dfe2e8; }
body .sidebar-signout button[type=submit]:hover { background:#e9ebef; color:#303645; border-color:#cdd1da; }
body .legacy-group,body .new-card { background:#fff; border:1px solid var(--border); border-radius:9px; box-shadow:0 2px 6px #252b3703; }
body .new-content :is(h1,h2,h3),body .invoice-history h2 { color:#303645; }
body .entry-table th { background:#f2f3f5; color:#69707e; font-weight:600; border-bottom:1px solid var(--border); }
body .entry-table td { color:#505868; border-bottom-color:#eceef2; }
body .entry-table tbody tr:nth-child(even) { background:#fafafb; }
body .entry-table tbody tr:hover { background:#f3f4f6; }
body .entry-table :is(strong,.entry-row-link) { color:#303645; }
body .entry-table .button { background:#f6f7f9; color:#535b6a; border:1px solid #dfe2e8; border-radius:5px; }
body .entry-table .button:hover { background:#e9ecf1; color:#303645; border-color:#cbd0da; }
body .window-frame :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea) {
  background:#fff; border-color:#dce0e7; border-radius:6px; color:#353b49;
}
body .window-frame :is(input,select,textarea):focus-visible { outline:2px solid #ff4b234d; outline-offset:1px; border-color:#ff6b48; }
body .window-frame :is(input,textarea)::placeholder { color:#999fac; }
body :is(input[type=checkbox],input[type=radio],progress) { accent-color:var(--action-bg); }
body .entry-list-filters,body .labels-search-form,body .labels-settings,
body .proof-document-panel,body .delivery-issue-images { background:#f8f9fa; border-color:var(--border); border-radius:7px; }
body .labels-search-form > .entry-list-filter-actions { grid-column:auto; }
body .labels-size,body .labels-result-count,body .history-type { background:#eceef2; color:#606879; border-color:#e2e4e9; }
body .labels-index .labels-invoice-action { background:#f5f6f8; border-color:#dfe2e8; color:#535b6a; }
body .labels-index .labels-invoice-action:hover { background:#e9ecf1; color:#303645; border-color:#cbd0da; }
body .settings-tabs { border-color:var(--border); }
body .settings-tabs a { color:#818794; border-radius:6px 6px 0 0; }
body .settings-tabs a[aria-current=page] { color:#353b49; border-color:#353b49; background:#f3f4f6; }
body .invoice-tabs a,body .invoice-tabs button { background:transparent; color:#777e8c; border-color:var(--border); }
body .invoice-tabs [aria-selected=true],body .invoice-tabs .is-active { background:#353b49; color:#fff; border-color:#353b49; }
body dialog { border-color:var(--border); border-radius:10px; box-shadow:0 24px 80px #23293626; }
body dialog::backdrop { background:rgb(35 41 53 / 48%); }
body .delivery-action-modal > header,body .proof-review-dialog > header,body .dispatch-modal-header,
body .proof-modal-footer,body .dispatch-modal-footer,body .delivery-issue-modal footer { background:#f8f9fb; border-color:var(--border); }
body .proof-review-dialog .proof-review-content { background:#e9ebef; }
body .scanner-wait-dialog .scanner-wait-icon { background:#fff0e9; color:#d94619; }
body .scanner-progress { background:#fff5f0; border-color:#ffd7c8; }
body .scanner-progress-track { background:#f8d9cc; }
body .scanner-progress-track span { background:var(--action-bg); }
body .page-loader-spinner { border-top-color:var(--action-bg); }
body .dashboard-total,body .dashboard-load,body .dashboard-conference { border-color:var(--border); border-radius:9px; }
body .dashboard-total > span > .ui-icon { color:#727b8e; }
body .mobile-nav { background:#fff; border-top:1px solid var(--border); }
body .mobile-nav > a,body .mobile-nav > button { background:transparent; color:#818794; border-radius:7px; }
body .mobile-nav > [aria-current=page],body .mobile-nav > .is-active,body .mobile-nav > [aria-expanded=true] { color:#353b49; background:#edeff3; }
body .mobile-nav > [aria-current=page] .ui-icon { color:var(--action-bg); }
.auth-card { border-color:var(--border); box-shadow:0 16px 50px #353b4909; }
.auth-card input { border-color:#dce0e7; color:#353b49; }
.auth-card input:focus { outline:none; border-color:#ff6b48; box-shadow:0 0 0 3px #ff4b231a; }
body .auth-card button { background:var(--action-bg); border-color:var(--action-bg); color:#fff; border-radius:7px; }
body .auth-card button:hover { background:var(--action-hover); border-color:var(--action-hover); color:#fff; }
body .auth-card button:active { background:#353b49; border-color:#353b49; color:#fff; }
@media(prefers-reduced-motion:no-preference) {
  body :is(.button,button,.sidebar-nav a,input,select,textarea) { transition:background-color .14s,border-color .14s,color .14s; }
}
@media print {
  html,body,body .page { background:#fff; }
}

body .workspace-header-actions .shipment-print-action { gap:8px; padding:0 14px; min-height:40px; font-weight:600; white-space:nowrap; }
body .workspace-header-actions .shipment-print-action .ui-icon { width:17px; height:17px; flex-shrink:0; }
/* Keep the logo centered independently of the menu toggle in the main header. */
body .window-frame .sidebar__header {
  box-sizing:border-box;
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  flex:0 0 58px;
  height:58px;
  min-height:58px;
  padding:7px 10px;
}
body .window-frame .sidebar__company {
  position:static;
  inset:auto;
  transform:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:148px;
  max-width:100%;
  height:44px;
  margin:0;
}
body .window-frame .sidebar__company-logo,
body .window-frame .sidebar__company-fallback {
  box-sizing:border-box;
  width:100%;
  max-width:148px;
  height:44px;
  padding:4px;
  object-fit:contain;
}

.invoice-route{display:inline-flex;align-items:center;font-size:11px;line-height:1.5;padding:2px 7px;border-radius:4px;margin-top:4px;font-weight:600;white-space:nowrap}.invoice-route--assigned{background:#fff0e5;color:#93491b;border:1px solid #f1cfb7}.invoice-route--missing{background:#f1f2f5;color:#6b7280;font-weight:400}.confirmation-route .invoice-route{margin:0 5px 0 0}

.invoice-priority-form{margin:0;display:inline-flex}.invoice-priority-form button[aria-pressed=true],.invoice-priority-badge{background:#fff0e8!important;color:#a63f19!important;border-color:#edbda6!important}.invoice-priority-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:4px}.dashboard-priorities{border-left:4px solid #ee753e!important;margin-bottom:20px}.dashboard-priorities h3{display:flex;gap:10px;align-items:center}.priority-total{background:#fff0e5;color:#aa451c;border-radius:12px;padding:2px 8px;font-size:12px}.priority-empty{font-size:12px;color:#727984;padding:0 20px 18px;margin:0}.priority-table-wrap{max-height:330px;overflow:auto;padding:0 20px 16px}.priority-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.priority-table-wrap th{text-align:left;background:#fff7f2;color:#8c5035;position:sticky;top:0}.priority-table-wrap th,.priority-table-wrap td{padding:12px;border-bottom:1px solid #edf0f3;white-space:nowrap}.priority-table-wrap td:nth-child(2){white-space:normal;min-width:160px}

body .workspace-header-actions .invoice-priority-form .button{display:inline-flex;align-items:center;gap:8px;padding:0 12px;min-height:36px;font-weight:500;border-radius:6px}body .invoice-priority-form .priority-star{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}body .invoice-priority-form button[aria-pressed=true] .priority-star{fill:currentColor;stroke-width:1.4}body .invoice-priority-form button:focus-visible{outline:2px solid #df6b36;outline-offset:3px}