.app .side nav .desk-menu-toggle {
  border: 0; width: 100%; min-height: 36px; padding: 9px 11px;
  display: flex; align-items: center; justify-content: space-between; text-align: left;
  color: #515761; font: inherit; font-size: 12px; font-weight: 700;
  letter-spacing: 0; text-transform: none; background: #f5f6f8; border-radius: 8px; cursor: pointer;
}
.app .side nav .desk-menu-toggle::after { content: ''; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(-45deg); margin-right: 3px; }
.app .side nav .desk-menu-toggle[aria-expanded=true] { color: #a91a20; background: #fff0f0; }
.app .side nav .desk-menu-toggle[aria-expanded=true]::after { transform: rotate(45deg); }
.app .side nav .nav-submenu[hidden] { display: none !important; }
.app .side nav .nav-submenu { padding: 3px 0 4px; }
.desk-workspace { display: grid; gap: 14px; min-width: 0; }
.desk-workspace .shipment-heading, .desk-workspace .portal-heading { margin: 0; gap: 12px; }
.desk-workspace .shipment-heading h2, .desk-workspace .portal-heading h2 { margin: 0; font-size: clamp(18px, 2vw, 24px); }
.desk-workspace .shipment-heading .portal-actions { margin: 0; }
.desk-workspace .shipment-filters { margin: 0; border-radius: 12px; }
.desk-workspace .shipment-filters > summary { padding: 10px 14px; }
.desk-workspace .shipment-filters > form { padding: 10px 14px 0; }
.desk-primary-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.desk-primary-filters > .field { flex: 1 1 230px; margin: 0; min-width: 0; }
.desk-primary-filters > .desk-client-field { flex: 0 1 240px; }
.desk-primary-filters input, .desk-primary-filters select { min-height: 38px; }
.desk-workspace .desk-extra-filters { margin-top: 8px; border-top: 1px solid #ebedf0; }
.desk-workspace .desk-extra-filters summary { display: list-item; padding: 8px 0; border: 0; list-style: revert; font-size: 12px; color: #4b5563; }
.desk-workspace .desk-extra-filters .shipment-filter-grid { gap: 8px 12px; padding-bottom: 10px; }
.desk-workspace .shipment-quick { padding: 8px 14px; gap: 6px; }
.desk-workspace .shipment-quick a { padding: 5px 9px; }
.desk-workspace .shipment-selection-bar, .desk-workspace .desk-ops-bar { padding: 8px 12px; gap: 8px; }
.desk-workspace .shipment-table-scroll { max-height: min(62vh, 760px); overflow: auto; }
.desk-workspace .shipment-table { min-width: 760px; }
.desk-workspace .shipment-table th { position: sticky; top: 0; z-index: 1; }
.desk-workspace .shipment-table th, .desk-workspace .shipment-table td { padding: 7px 9px; }
.desk-workspace .shipment-table td { line-height: 1.35; }
.desk-workspace .shipment-table a[data-shipment-preview] { text-decoration: underline; text-underline-offset: 2px; }
.desk-workspace .shipment-party { min-width: 115px; overflow-wrap: anywhere; }
.desk-workspace .shipment-list-footer { padding: 8px 12px; }
.desk-workspace .workflow-bulk { margin: 0; padding: 0; border: 0; border-radius: 0; background: #fff; }
.desk-ops-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.desk-ops-bar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.desk-ops-bar [role=status] { flex-basis: 100%; font-size: 12px; margin: 0; }
.desk-ops-details { padding: 0 12px 8px; }
.desk-ops-details summary { cursor: pointer; padding: 6px 0; color: #4b5563; font-size: 12px; }
.desk-ops-details .portal-actions { margin: 8px 0; }
.desk-borderos > summary { cursor: pointer; font-weight: 700; padding: 4px 0; }
.desk-borderos .workflow-table { min-width: 600px; }
.desk-workspace :is(button, a, summary):focus-visible, .desk-menu-toggle:focus-visible { outline: 2px solid #b01620; outline-offset: 3px; }

.shipment-drawer {
  position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; border: 0;
  width: min(100vw, 650px); max-width: 100vw; height: 100dvh; max-height: 100dvh;
  color: #202631; background: #f7f8fa; box-shadow: -8px 0 40px #15182030;
}
.shipment-drawer[open] { display: flex; flex-direction: column; }
.shipment-drawer::backdrop { background: #19233065; }
.shipment-drawer-open { overflow: hidden; }
.shipment-drawer-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 14px; background: #fff; border-bottom: 1px solid #e0e4ea; }
.shipment-drawer-top h2 { font-size: 16px; margin: 0; }
.shipment-drawer-top .portal-actions { display: flex; gap: 6px; margin: 0; }
.shipment-drawer-content { padding: 14px; overflow: auto; flex: 1; min-height: 0; }
.shipment-drawer [data-drawer-status] { padding: 12px 14px; margin: 0; }
.shipment-drawer .portal-heading { margin: 0 0 10px; }
.shipment-drawer .workflow-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
.shipment-drawer .workflow-parties { gap: 8px; }
.shipment-drawer .workflow-status { flex-wrap: wrap; }
.shipment-drawer .card { margin-bottom: 9px; padding: 12px; overflow-wrap: anywhere; }
.shipment-drawer .table-wrap { overflow: auto; }
@media (max-width: 650px) {
  .desk-primary-filters > .desk-client-field { flex: 1 1 230px; }
  .desk-workspace .shipment-table-scroll { max-height: 56vh; }
  .shipment-drawer .workflow-parties { grid-template-columns: 1fr; }
  .shipment-drawer-content { padding-bottom: max(14px, env(safe-area-inset-bottom)); }
}