/* shipment_edit.css – outbound shipment editor (client portal)
   Goal: bring shipment UI closer to receiving UI baseline (enterprise look & UX),
   without changing markup yet. */
/* default for dynamic pallet editor sizing (set by JS, but must exist to avoid warnings) */
:root{
  --pallet-editor-h: auto;
}
.shipment-page .row-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

.shipment-page .top-left{ min-width:0; }

.shipment-page .title{
  font-weight:900;
  font-size:22px;
  letter-spacing:-0.02em;
  line-height:1.1;
}

.shipment-page .subtitle{
  color: var(--muted);
  margin-top: 6px;
  font-size: 14px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.shipment-page .top-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.shipment-page .mode-select{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.shipment-page .mode-select label{
  display:flex;
  align-items:center;
  gap:8px;
  color: rgba(226,232,240,.92);
  font-weight:700;
  font-size:13px;
}

.shipment-page .mode-select .input{
  min-width: 180px;
}

.shipment-workbench{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .78fr);
  gap: 12px;
  align-items:start;
  margin-bottom: 12px;
}

.shipment-tabs{
  padding: 6px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  background: rgba(2, 6, 23, .20);
}

.shipment-tabs .tab-btn{
  min-width: 118px;
  min-height: 48px;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  gap:3px;
  border-radius:8px;
  padding: 8px 12px;
  text-align:left;
}

.shipment-tabs .tab-btn span{
  font-size:13px;
  line-height:1;
}

.shipment-tabs .tab-btn small{
  color: var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.shipment-tabs .tab-btn.is-active small{
  color: rgba(226,232,240,.82);
}

.shipment-mode-panel{
  padding: 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  background: rgba(15, 23, 42, .38);
}

.shipment-mode-panel label{
  flex: 1 1 170px;
}

.shipment-mode-panel .subtle{
  min-width: 72px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tab-context-title{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.tab-context-title strong{
  font-size:14px;
  line-height:1.15;
}

.tab-context-title span{
  color: var(--muted);
  font-size:12px;
}

.shipment-history-list{
  margin-top: 12px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(2, 6, 23, .18);
}

.shipment-history-row{
  display:grid;
  grid-template-columns: minmax(142px, .34fr) minmax(0, 1fr) minmax(132px, .32fr);
  gap: 14px;
  align-items:start;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.shipment-history-row:last-child{
  border-bottom: 0;
}

.shipment-history-row--failed{
  background: rgba(239,68,68,.08);
}

.shipment-history-row__time,
.shipment-history-row__actor{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.shipment-history-row__time time,
.shipment-history-row__actor strong{
  color: rgba(226,232,240,.95);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}

.shipment-history-row__time span,
.shipment-history-row__actor span{
  color: var(--muted);
  font-size:11px;
  line-height:1.25;
}

.shipment-history-row__body{
  min-width:0;
}

.shipment-history-row__details-toggle{
  min-width:0;
}

.shipment-history-row__details-toggle > summary{
  list-style:none;
  cursor:pointer;
}

.shipment-history-row__details-toggle > summary::-webkit-details-marker{
  display:none;
}

.shipment-history-row__title{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.shipment-history-row__title::before{
  content:"";
  width:0;
  height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:5px solid rgba(148,163,184,.9);
  flex:0 0 auto;
  transform: translateY(1px);
}

.shipment-history-row__details-toggle[open] .shipment-history-row__title::before{
  transform: rotate(90deg) translateX(1px);
}

.shipment-history-row__title strong{
  color: rgba(248,250,252,.96);
  font-size:13px;
  line-height:1.3;
}

.shipment-history-row__details{
  margin-top:4px;
  color: rgba(203,213,225,.86);
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.shipment-history-detail-grid{
  margin:8px 0 0;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.14);
  border-radius:8px;
  background: rgba(148,163,184,.12);
}

.shipment-history-detail-grid div{
  min-width:0;
  padding:8px 10px;
  background: rgba(15,23,42,.52);
}

.shipment-history-detail-grid dt{
  margin:0 0 3px;
  color: var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.shipment-history-detail-grid dd{
  margin:0;
  color: rgba(226,232,240,.94);
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.shipment-history-empty{
  margin-top: 12px;
  padding: 18px;
  border: 1px dashed rgba(148,163,184,.24);
  border-radius: 8px;
  color: var(--muted);
  text-align:center;
}

.shipment-history-pager{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
}

.shipment-history-page-sizes{
  display:flex;
  align-items:center;
  gap:4px;
}

.shipment-history-pager .btn-xs{
  min-height:28px;
  padding:5px 8px;
  font-size:11px;
}

.shipment-history-pager .btn-xs.is-active{
  border-color: rgba(59,130,246,.55);
  background: rgba(59,130,246,.18);
  color: rgba(239,246,255,.96);
}

.shipment-history-pager .btn-xs.is-disabled{
  opacity:.45;
  pointer-events:none;
}

@media (max-width: 820px){
  .shipment-history-row{
    grid-template-columns: 1fr;
    gap:8px;
  }

  .shipment-history-row__actor{
    flex-direction:row;
    gap:8px;
    align-items:center;
  }

  .shipment-history-detail-grid{
    grid-template-columns: 1fr;
  }
}

.toolbar__right--structured{
  gap: 8px;
}

.action-menu{
  position:relative;
  display:inline-flex;
}

.action-menu > summary{
  list-style:none;
}

.action-menu > summary::-webkit-details-marker{
  display:none;
}

.action-menu > summary::after{
  content:"";
  width:0;
  height:0;
  margin-left:8px;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  opacity:.75;
}

.action-menu[open] > summary{
  border-color: rgba(59,130,246,.45);
  background: rgba(59,130,246,.14);
}

.action-menu__panel{
  position:absolute;
  top: calc(100% + 8px);
  right:0;
  z-index:60;
  min-width: 220px;
  padding: 8px;
  border:1px solid rgba(148,163,184,.22);
  border-radius: 10px;
  background: rgba(11, 16, 23, .98);
  box-shadow: 0 18px 42px rgba(0,0,0,.36);
  display:flex;
  flex-direction:column;
  gap:6px;
}

.action-menu__panel .btn{
  width:100%;
  justify-content:flex-start;
}

@media (max-width: 1180px){
  .shipment-workbench{
    grid-template-columns: 1fr;
  }
}

.shipment-page .sku-search{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.shipment-page .sku-input{
  min-width: 300px;
  max-width: 560px;
  width: min(560px, 55vw);
}

@media (max-width: 720px){
  .shipment-page .row-top{ align-items:flex-start; }
  .shipment-page .top-actions{ justify-content:flex-start; }
  .shipment-page .sku-input{ width: 100%; min-width: 0; }
}

/* Warning card (pallets outdated) */
.shipment-page .card.warning{
  border-color: rgba(245, 158, 11, .40);
  background: rgba(245, 158, 11, .08);
}

.shipment-page .row-warning{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 16px;
}

.shipment-page .warn-title{
  font-weight:900;
  letter-spacing:-0.01em;
}

.shipment-page .warn-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* Basic table polish (until Tabulator migration) */
.shipment-page table{
  width: 100%;
  border-collapse: collapse;
}

.shipment-page table th,
.shipment-page table td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.18);
  vertical-align: top;
}

.shipment-page table th{
  font-size: 12px;
  color: rgba(148,163,184,.95);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.shipment-page table tr:hover td{
  background: rgba(59,130,246,.06);
}

/* Small tables inside pallet drawer */
.table-mini th{
  font-size: 11px;
  color: rgba(148,163,184,.95);
}
.table-mini td{
  padding: 8px 10px;
}

/* Allocation badges inside tables */
.alloc-a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(16,185,129,.35);
  background: rgba(16,185,129,.14);
}

.alloc-r{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(245,158,11,.35);
  background: rgba(245,158,11,.14);
}

/* Pallet drawer */
.backdrop{
  position: fixed;
  inset: 0;
  background: rgba(2, 6, 23, .55);
  backdrop-filter: blur(2px);
  z-index: 50;
}

.pallet-drawer{
  position: relative;
  width: 100%;
  max-width: none;
  margin-top: 12px;
  z-index: 1;
  display: none;
  flex-direction: column;
}

.row-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}

.drawer-title{
  font-weight: 900;
  font-size: 18px;
  letter-spacing: -0.02em;
}

.drawer-meta{
  padding: 0 16px 10px;
}

.row-drawer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding: 0 16px 14px;
  border-bottom: 1px solid var(--border);
}

.pallets-container{
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Shipment tasks tab */
.shipment-page .tasks-card .card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.shipment-page .tasks-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.shipment-page .tasks-filter{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color: var(--muted);
}

.shipment-page .tasks-filter select{
  min-width:150px;
}

.shipment-page .shipment-tasks.is-loading{
  opacity:.6;
  pointer-events:none;
}

.shipment-page .task-group{
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:12px;
  background: rgba(15, 23, 42, .08);
}

.shipment-page .task-group__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid var(--border);
  background: rgba(15, 23, 42, .12);
  cursor:pointer;
  list-style:none;
}

.shipment-page .task-group summary::-webkit-details-marker{
  display:none;
}

.shipment-page .task-group:not([open]) .task-group__head{
  border-bottom:none;
}

.shipment-page .task-group__title{
  font-weight:800;
}

.shipment-page .task-group__meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color: var(--muted);
  flex-wrap:wrap;
}

.shipment-page .task-group__body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
}

.shipment-page .execution-plan-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:8px;
}

.shipment-page .execution-plan-recovery{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(59, 130, 246, .28);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(30, 64, 175, .16), rgba(15, 23, 42, .08));
}

.shipment-page .execution-plan-recovery__copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.shipment-page .execution-plan-recovery__copy strong{
  font-size:13px;
  color:var(--text);
}

.shipment-page .execution-plan-recovery__copy span{
  font-size:12px;
  color:var(--muted);
}

.shipment-page .execution-plan-recovery__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.shipment-page .execution-plan-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  border:1px solid var(--border);
  border-left:4px solid rgba(148, 163, 184, .65);
  border-radius:8px;
  padding:10px 12px;
  background: rgba(15, 23, 42, .18);
}

.shipment-page .execution-plan-card.is-active{
  border-left-color:#3b82f6;
}

.shipment-page .execution-plan-card.is-blocked{
  border-left-color:#ef4444;
}

.shipment-page .execution-plan-card.is-done{
  border-left-color:#22c55e;
}

.shipment-page .execution-plan-card__main{
  min-width:0;
}

.shipment-page .execution-plan-card__title{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
  font-weight:800;
}

.shipment-page .execution-plan-card__line{
  margin-top:4px;
  font-size:13px;
  color:var(--text);
}

.shipment-page .execution-plan-card__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
}

.shipment-page .execution-plan-card__prep{
  color:var(--text);
  border:1px solid rgba(59, 130, 246, .24);
  border-radius:999px;
  padding:2px 8px;
  background:rgba(59, 130, 246, .10);
}

.shipment-page .execution-plan-card__next{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  margin-top:8px;
  padding:7px 9px;
  border:1px solid rgba(34, 197, 94, .22);
  border-radius:8px;
  background:rgba(34, 197, 94, .08);
  color:var(--text);
  font-size:12px;
}

.shipment-page .execution-plan-card__next strong{
  font-size:12px;
  font-weight:850;
}

.shipment-page .execution-plan-card__next > span{
  display:flex;
  align-items:center;
  gap:5px;
  color:var(--muted);
}

.shipment-page .execution-plan-card__chips{
  display:inline-flex;
  flex-wrap:wrap;
  gap:4px;
}

.shipment-page .execution-plan-card__chips span{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:1px 6px;
  border:1px solid rgba(148, 163, 184, .24);
  border-radius:999px;
  background:rgba(15, 23, 42, .20);
  color:var(--text);
  font-size:11px;
  font-weight:750;
}

.shipment-page .task-operator-summary{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(0, 1.7fr) auto;
  gap:10px;
  align-items:center;
  margin:0 0 10px;
  padding:10px 12px;
  border:1px solid rgba(34, 197, 94, .24);
  border-left:4px solid rgba(34, 197, 94, .78);
  border-radius:8px;
  background:rgba(15, 23, 42, .26);
}

.shipment-page .task-operator-summary__main{
  display:grid;
  gap:2px;
  min-width:0;
}

.shipment-page .task-operator-summary__eyebrow{
  color:var(--muted);
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.shipment-page .task-operator-summary__main strong{
  color:var(--text);
  font-size:13px;
  line-height:1.25;
}

.shipment-page .task-operator-summary__main em{
  color:var(--muted);
  font-size:12px;
  font-style:normal;
}

.shipment-page .task-operator-summary__facts{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  color:var(--muted);
  font-size:12px;
}

.shipment-page .task-operator-summary__facts > span{
  display:flex;
  align-items:center;
  gap:5px;
}

.shipment-page .task-operator-summary__badges{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}

.shipment-page .task-technical-details{
  margin-top:8px;
  border:1px solid rgba(148, 163, 184, .18);
  border-radius:8px;
  background:rgba(15, 23, 42, .16);
}

.shipment-page .task-technical-details > summary{
  cursor:pointer;
  padding:8px 10px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.shipment-page .task-technical-details[open] > summary{
  color:var(--text);
  border-bottom:1px solid rgba(148, 163, 184, .16);
}

.shipment-page .task-technical-details__body{
  display:grid;
  gap:10px;
  padding:10px;
}

@media (max-width:760px){
  .shipment-page .task-operator-summary{
    grid-template-columns:1fr;
  }

  .shipment-page .task-operator-summary__badges{
    justify-content:flex-start;
  }
}

.shipment-page .execution-plan-card__status{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
  min-width:120px;
}

.shipment-page .execution-plan-drawer{
  display:grid;
  gap:12px;
  margin:12px 0;
  padding:12px;
  border:1px solid rgba(56, 189, 248, .34);
  border-left:4px solid rgba(56, 189, 248, .88);
  border-radius:10px;
  background:
    linear-gradient(135deg, rgba(8, 47, 73, .44), rgba(15, 23, 42, .38)),
    rgba(15, 23, 42, .28);
  box-shadow:0 18px 42px rgba(2, 6, 23, .22);
}

.shipment-page .execution-plan-drawer__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.shipment-page .execution-plan-drawer__head > div{
  min-width:0;
  display:grid;
  gap:3px;
}

.shipment-page .execution-plan-drawer__eyebrow,
.shipment-page .execution-plan-drawer__card span,
.shipment-page .execution-plan-drawer__facts span{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.shipment-page .execution-plan-drawer__head strong{
  color:var(--text);
  font-size:17px;
  font-weight:900;
  line-height:1.2;
}

.shipment-page .execution-plan-drawer__head em,
.shipment-page .execution-plan-drawer__card em{
  color:var(--muted);
  font-size:12px;
  font-style:normal;
}

.shipment-page .execution-plan-drawer__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  gap:8px;
}

.shipment-page .execution-plan-drawer__card{
  min-width:0;
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid rgba(148, 163, 184, .18);
  border-radius:8px;
  background:rgba(2, 6, 23, .18);
}

.shipment-page .execution-plan-drawer__card--accent{
  border-color:rgba(96, 165, 250, .40);
  background:linear-gradient(135deg, rgba(37, 99, 235, .22), rgba(2, 6, 23, .12));
}

.shipment-page .execution-plan-drawer__card strong{
  min-width:0;
  color:var(--text);
  font-size:14px;
  font-weight:900;
  overflow-wrap:anywhere;
}

.shipment-page .execution-plan-drawer__body{
  display:grid;
  grid-template-columns:1fr 1.1fr 1.2fr;
  gap:10px;
}

.shipment-page .execution-plan-drawer__section{
  min-width:0;
  display:grid;
  align-content:start;
  gap:8px;
  padding:10px;
  border:1px solid rgba(148, 163, 184, .14);
  border-radius:8px;
  background:rgba(15, 23, 42, .16);
}

.shipment-page .execution-plan-drawer__section h4{
  margin:0;
  color:var(--text);
  font-size:12px;
  font-weight:900;
}

.shipment-page .execution-plan-drawer__section p{
  margin:0;
  color:var(--text);
  font-size:12px;
  line-height:1.45;
}

.shipment-page .execution-plan-drawer__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.shipment-page .execution-plan-drawer__chips span{
  max-width:100%;
  padding:5px 8px;
  border:1px solid rgba(56, 189, 248, .24);
  border-radius:999px;
  color:var(--text);
  background:rgba(14, 165, 233, .10);
  font-size:12px;
  font-weight:850;
  overflow-wrap:anywhere;
}

.shipment-page .execution-plan-drawer__facts{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(92px, 1fr));
  gap:7px;
}

.shipment-page .execution-plan-drawer__facts div{
  min-width:0;
  display:grid;
  gap:3px;
  padding:7px;
  border:1px solid rgba(148, 163, 184, .14);
  border-radius:7px;
  background:rgba(2, 6, 23, .14);
}

.shipment-page .execution-plan-drawer__facts strong{
  color:var(--text);
  font-size:13px;
  font-weight:900;
  overflow-wrap:anywhere;
}

.shipment-page .execution-plan-drawer__problems{
  display:grid;
  gap:6px;
}

.shipment-page .execution-plan-drawer__problem{
  padding:7px 8px;
  border:1px solid rgba(248, 113, 113, .24);
  border-radius:7px;
  background:rgba(127, 29, 29, .16);
  color:var(--text);
  font-size:12px;
  font-weight:850;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.shipment-page .execution-plan-drawer__actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.shipment-page .execution-preview{
  display:grid;
  gap:10px;
  margin:12px 0;
  padding:12px;
  border:1px solid rgba(245, 158, 11, .30);
  border-left:4px solid rgba(245, 158, 11, .88);
  border-radius:10px;
  background:linear-gradient(135deg, rgba(69, 26, 3, .30), rgba(15, 23, 42, .24));
}

.shipment-page .execution-preview__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.shipment-page .execution-preview__head > div{
  display:grid;
  gap:3px;
}

.shipment-page .execution-preview__eyebrow{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.shipment-page .execution-preview__head strong{
  color:var(--text);
  font-size:15px;
  font-weight:900;
}

.shipment-page .execution-preview__chips{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.shipment-page .execution-preview__chips span{
  padding:4px 8px;
  border:1px solid rgba(245, 158, 11, .24);
  border-radius:999px;
  color:var(--text);
  background:rgba(245, 158, 11, .10);
  font-size:12px;
  font-weight:850;
}

.shipment-page .execution-preview__table-wrap{
  overflow:auto;
  border:1px solid rgba(148, 163, 184, .16);
  border-radius:8px;
}

.shipment-page .execution-preview__table{
  width:100%;
  border-collapse:collapse;
  min-width:920px;
  font-size:12px;
}

.shipment-page .execution-preview__table th,
.shipment-page .execution-preview__table td{
  padding:8px;
  border-bottom:1px solid rgba(148, 163, 184, .13);
  text-align:left;
  vertical-align:top;
}

.shipment-page .execution-preview__table th{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:rgba(15, 23, 42, .18);
}

.shipment-page .execution-preview__table tr.is-changed td{
  background:rgba(245, 158, 11, .07);
}

.shipment-page .execution-preview__table td .badge{
  margin-left:6px;
}

.shipment-page .execution-preview__change{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  max-width:100%;
}

.shipment-page .execution-preview__change span{
  min-width:0;
  overflow-wrap:anywhere;
}

.shipment-page .execution-preview__change strong{
  color:#f59e0b;
  font-weight:900;
}

.shipment-page .execution-preview__more{
  color:var(--muted);
  font-size:12px;
}

.shipment-page .task-warning{
  padding:10px 12px;
  margin-bottom:10px;
  border-radius:8px;
  border:1px solid rgba(245, 158, 11, .4);
  background: rgba(245, 158, 11, .12);
  color:#fbbf24;
  font-size:12px;
  font-weight:600;
}

.shipment-page .task-staging{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:8px;
  background: rgba(15, 23, 42, .08);
}

.shipment-page .task-staging__head{
  display:flex;
  align-items:center;
  gap:8px;
}

.shipment-page .task-staging__code{
  font-weight:700;
}

.shipment-page .task-staging__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.shipment-page .task-staging__select{
  min-width:280px;
}

.shipment-page .task-staging__hint{
  width:100%;
  font-size:12px;
  color: var(--muted);
}

.shipment-page .task-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--border);
  border-left:4px solid transparent;
  border-radius:10px;
  background: rgba(15, 23, 42, .08);
}

.shipment-page .task-row--child{
  margin-left:16px;
  border-left-style:dashed;
  background: rgba(15, 23, 42, .04);
}

.shipment-page .task-row--depth-2{
  margin-left:32px;
}

.shipment-page .task-row--depth-3{
  margin-left:48px;
}

.shipment-page .task-row.is-paused{
  border-color: rgba(251, 191, 36, .45);
  background: rgba(251, 191, 36, .08);
}

.shipment-page .task-row--status-open{
  border-left-color: rgba(148, 163, 184, .8);
}

.shipment-page .task-row--status-in_progress{
  border-left-color: rgba(59, 130, 246, .85);
}

.shipment-page .task-row--status-blocked{
  border-left-color: rgba(245, 158, 11, .85);
}

.shipment-page .task-row--status-done{
  border-left-color: rgba(34, 197, 94, .85);
}

.shipment-page .task-row--status-failed{
  border-left-color: rgba(239, 68, 68, .85);
}

.shipment-page .task-row--status-cancelled{
  border-left-color: rgba(148, 163, 184, .6);
}

.shipment-page .task-row__side{
  min-width: 220px;
}

.shipment-page .task-row__side-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:12px;
  color: var(--muted);
  margin-top:6px;
}

.shipment-page .task-events{
  margin-top:8px;
  border:1px dashed var(--border);
  border-radius:8px;
  padding:6px 8px;
  background: rgba(15, 23, 42, .04);
}

.shipment-page .task-events summary{
  cursor:pointer;
  font-size:12px;
  color: var(--muted);
  font-weight:600;
  list-style:none;
}

.shipment-page .task-events summary::-webkit-details-marker{
  display:none;
}

.shipment-page .task-progress{
  width:100%;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background: rgba(148, 163, 184, .22);
  border:1px solid rgba(148, 163, 184, .22);
}

.shipment-page .task-progress__fill{
  height:100%;
  border-radius:inherit;
  background: linear-gradient(90deg, rgba(37, 99, 235, .95), rgba(20, 184, 166, .95));
  transition: width .2s ease;
}

.shipment-page .task-progress--stop{
  height:6px;
}

.shipment-page .task-event{
  padding:6px 0;
  border-top:1px solid var(--border);
}

.shipment-page .task-event:first-of-type{
  border-top:none;
}

.shipment-page .task-event__head{
  font-size:11px;
  color: var(--muted);
}

.shipment-page .task-event__body{
  font-size:12px;
}

.shipment-page .task-row--highlight{
  border-color: rgba(59, 130, 246, .65);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, .25);
  transition: box-shadow .25s ease, border-color .25s ease;
}

.shipment-page .task-badge-link{
  cursor:pointer;
}

.shipment-page .task-row__main{
  min-width:0;
  flex:1 1 auto;
}

.shipment-page .task-row__title{
  font-weight:800;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:6px;
}

.shipment-page .task-row__title .task-id{
  font-weight:900;
  color:#fff;
  background: rgba(59,130,246,.15);
  padding:2px 6px;
  border-radius:6px;
  font-size:12px;
}

.shipment-page .task-row__meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:12px;
  color: var(--text);
}

.shipment-page .task-row__meta-line .muted{
  color: var(--muted);
}

.shipment-page .task-row__rework-prep{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  padding:7px 9px;
  border:1px solid rgba(59, 130, 246, .24);
  border-radius:8px;
  background:rgba(30, 64, 175, .10);
}

.shipment-page .task-execution-details{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap:7px;
  margin-top:2px;
  padding:8px;
  border:1px solid rgba(59, 130, 246, .18);
  border-radius:8px;
  background:rgba(15, 23, 42, .18);
}

.shipment-page .task-execution-details__item{
  min-width:0;
  display:grid;
  gap:2px;
}

.shipment-page .task-execution-details__item span{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.shipment-page .task-execution-details__item strong{
  min-width:0;
  color:var(--text);
  font-size:12px;
  font-weight:850;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.shipment-page .task-row__side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  min-width:160px;
}

.shipment-page .task-row__badges{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.shipment-page .task-row__actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.shipment-page .task-row-progress{
  width:100%;
  min-width:180px;
  padding:8px;
  border:1px solid rgba(148, 163, 184, .18);
  border-radius:8px;
  background: rgba(15, 23, 42, .10);
}

.shipment-page .task-row-progress__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
  font-size:12px;
  color: var(--text);
}

.shipment-page .task-row-progress__sub{
  margin-top:5px;
  font-size:11px;
  color: var(--muted);
}

.shipment-page .task-stops{
  margin-top:8px;
  font-size:12px;
}

.shipment-page .task-stops summary{
  cursor:pointer;
  color: var(--muted);
  font-weight:700;
  list-style:none;
}

.shipment-page .task-stops summary::-webkit-details-marker{
  display:none;
}

.shipment-page .task-stops__list{
  display:grid;
  gap:8px;
  margin-top:8px;
}

.shipment-page .task-stop{
  display:grid;
  gap:7px;
  padding:9px;
  border-radius:8px;
  background: rgba(15, 23, 42, .08);
  border:1px solid rgba(148, 163, 184, .18);
  border-left:3px solid rgba(148, 163, 184, .75);
}

.shipment-page .task-stop--done{
  border-left-color: rgba(34, 197, 94, .9);
}

.shipment-page .task-stop--in_progress{
  border-left-color: rgba(59, 130, 246, .9);
}

.shipment-page .task-stop__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.shipment-page .task-stop__loc{
  font-weight:900;
  font-size:14px;
}

.shipment-page .task-stop__seq{
  margin-top:2px;
  font-size:11px;
  color: var(--muted);
}

.shipment-page .task-stop__state{
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  font-size:12px;
}

.shipment-page .task-stop__progress-text{
  font-size:11px;
  color: var(--muted);
}

.shipment-page .task-stop__lines{
  display:grid;
  gap:5px;
  color: var(--muted);
}

.shipment-page .task-stop-line{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  align-items:center;
  padding:5px 0;
  border-top:1px solid rgba(148, 163, 184, .16);
}

.shipment-page .task-stop-line:first-child{
  border-top:none;
}

.shipment-page .task-stop-line.is-done .task-stop-line__sku{
  color: var(--muted);
}

.shipment-page .task-stop-line__sku{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color: var(--text);
}

.shipment-page .task-stop-line__qty{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

@media (max-width: 900px){
  .shipment-page .task-row{
    flex-direction:column;
    align-items:flex-start;
  }
  .shipment-page .task-row__side{
    align-items:flex-start;
  }
}

/* -----------------------------
   ChangeSets (PHASE 6.11 patch100)
   ----------------------------- */

.changesets-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.changeset-card{
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.28);
  border-radius: 14px;
  padding: 12px 14px;
}

.changeset-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.changeset-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top: 6px;
}

.changeset-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.changeset-kpis{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 10px;
}

.changeset-kpi{
  display:flex;
  gap:6px;
  align-items:baseline;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(2,6,23,.25);
}

.changeset-kpi b{ font-weight: 900; }

.wms-modal{
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.wms-modal__card{
  width: min(980px, 96vw);
  max-height: calc(100vh - 32px);
  overflow: auto;
}

.wms-modal .card__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}

.wms-modal .card__title{
  font-weight: 900;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.wms-modal .card__body{
  padding: 14px 16px 16px;
}

.changeset-draft-table table{
  width: 100%;
  border-collapse: collapse;
}

.changeset-draft-table th,
.changeset-draft-table td{
  padding: 8px 10px;
  border-bottom: 1px solid rgba(148,163,184,.18);
  vertical-align: top;
}

.changeset-draft-table th{
  font-size: 12px;
  color: rgba(148,163,184,.95);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.changeset-impact{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.changeset-impact .impact-pill{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(2,6,23,.25);
}

/* Prevent flex items from shrinking to fit container; we want natural card height + scroll */
.pallets-container > .pallet-card{
  flex: 0 0 auto;
}


.pallet-planner-command{
  display:grid;
  grid-template-columns: minmax(260px, 1fr) minmax(360px, 1.45fr);
  gap: 14px;
  align-items:start;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.20);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(59,130,246,.10), transparent 42%),
    rgba(15, 23, 42, .52);
}

.pallet-planner-command__eyebrow{
  color: rgba(148,163,184,.95);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.pallet-planner-command__title{
  margin-top: 4px;
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
}

.pallet-planner-command__hint{
  margin-top: 6px;
  max-width: 760px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.pallet-planner-command__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.pallet-planner-command__actions .btn{
  min-height: 34px;
}

.pallet-planner-kpis{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.pallet-planner-kpi{
  min-width:0;
  padding: 12px 14px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 8px;
  background: rgba(2, 6, 23, .22);
}

.pallet-planner-kpi span{
  display:block;
  color: rgba(148,163,184,.96);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pallet-planner-kpi strong{
  display:block;
  margin-top: 6px;
  color: var(--text);
  font-size: 24px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: 0;
}

.pallet-planner-kpi em{
  display:block;
  margin-top: 5px;
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pallet-planner-kpi.is-ok{
  border-color: rgba(16,185,129,.30);
  background: rgba(6, 78, 59, .14);
}

.pallet-planner-kpi.is-warn{
  border-color: rgba(245,158,11,.34);
  background: rgba(120, 53, 15, .16);
}

.pallet-planner-kpi em.is-ok{ color: #86efac; }
.pallet-planner-kpi em.is-warn{ color: #fbbf24; }

@media (max-width: 1180px){
  .pallet-planner-command{
    grid-template-columns: 1fr;
  }
  .pallet-planner-command__actions{
    justify-content:flex-start;
  }
  .pallet-planner-kpis{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px){
  .pallet-planner-kpis{
    grid-template-columns: 1fr;
  }
}

/* Pallet editor: dark inputs (avoid white fields on dark UI) */

.pallet-card__actions{
  padding: 0 14px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.pallet-card__actions .btn{
  white-space: nowrap;
}
.pallet-card input[type="number"],
.pallet-card input[type="text"],
.pallet-card input[type="search"],
.pallet-card .sku-input,
.pallet-unallocated__controls .input{
  background: rgba(2, 6, 23, 0.65);
  color: rgba(226,232,240,.95);
  border: 1px solid rgba(148,163,184,.22);
}

.pallet-card input[type="number"]:focus,
.pallet-card .sku-input:focus,
.pallet-unallocated__controls .input:focus{
  outline: none;
  border-color: rgba(59,130,246,.65);
  box-shadow: 0 0 0 3px rgba(59,130,246,.18);
}


/* New: enterprise pallet editor grid (Unallocated + Pallets)
   UX goal: two panes with independent scroll + stable layout. */
.pallet-editor-root{
  /* Make a definite-height flex context so inner panes can scroll reliably */
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.pallet-editor-grid{
  padding: 14px 16px;
  display:grid;
  /* Больше места под карточки паллет (правая колонка) */
  grid-template-columns: 260px 1fr;
  /* Critical: without explicit row sizing, the single grid row is 'auto' and
     grows with content. Since the tab panel uses overflow:hidden, that makes
     content get clipped instead of scrollable panes working. */
  grid-template-rows: minmax(0, 1fr);
  gap: 12px;
  overflow: hidden; /* scroll happens inside columns */
  flex: 1 1 auto;
  min-height: 0;
}

.pallet-editor-col{
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

@media (max-width: 980px){
  .pallet-editor-grid{
    grid-template-columns: 1fr;
  }
  .tab-panel[data-panel="pallets"].is-active{
    /* Height is managed by JS (pallet_layout_fit.js) to fill the viewport */
    height: auto;
    max-height: none;
    overflow: visible;
  }
  /* Keep scrollable panes on narrow screens too */
  /* (no special casing needed; flex sizing applies) */
}

.pallet-unallocated{
  border: 1px solid rgba(245,158,11,.22);
  background: rgba(15, 26, 43, 0.45);
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.pallet-unallocated__head{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148,163,184,.18);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
}

.pallet-unallocated__title{
  font-weight: 900;
  letter-spacing: -0.01em;
}

.pallet-unallocated__controls{
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 100%;
}

.pallet-unallocated__controls .input{
  height: 30px;
  padding: 4px 10px;
  box-sizing: border-box;
}

.pallet-unallocated__controls #pallet-unalloc-q{
  flex: 1 1 180px;
  min-width: 140px;
  width: auto;
}

.pallet-unallocated__controls #pallet-unalloc-sort{
  flex: 0 0 170px;
  width: auto;
}

@media (max-width: 980px){
  .pallet-unallocated__controls{
    width: 100%;
  }
  .pallet-unallocated__controls #pallet-unalloc-q{
    flex: 1 1 100%;
    width: 100%;
  }
  .pallet-unallocated__controls #pallet-unalloc-sort{
    flex: 1 1 100%;
    width: 100%;
  }
}

.pallet-unallocated__list{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.pallet-unallocated__row{
  display:flex;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.12);
}

.pallet-unallocated__row:last-child{
  border-bottom: 0;
}

.pallet-unallocated__label{
  min-width: 0;
  flex: 1;
  font-size: 12px;
  color: rgba(226,232,240,.95);
}

.pallet-unallocated__drag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  cursor: grab;
  user-select: none;
  opacity: 0.85;
}

.pallet-unallocated-row.is-dragging{
  opacity: 0.55;
}

.pallet-card.is-drop-target{
  outline: 2px dashed rgba(96,165,250,0.85);
  outline-offset: -6px;
  box-shadow: 0 0 0 4px rgba(96,165,250,0.10) inset;
}

.pallet-unallocated__qty{
  display:flex;
  gap: 6px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap: wrap;
  max-width: 52%;
  white-space: normal;
}

.pallet-unallocated__actions{
  display:flex;
  gap: 6px;
  align-items:center;
  flex-wrap: wrap;
}



.pallet-unallocated__actions .btn{
  padding: 2px 8px;
  line-height: 18px;
}


/* Excess (allocated above plan) */
.pallet-excess{
  border-top: 1px solid rgba(148,163,184,.18);
  background: rgba(2, 6, 23, 0.12);
}
.pallet-excess__head{
  padding: 10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.pallet-excess__title{
  font-weight: 800;
  font-size: 12px;
}
.pallet-excess__list{
  max-height: 160px;
  overflow:auto;
}
.pallet-excess__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 8px 12px;
  border-top: 1px solid rgba(148,163,184,.12);
}
.pallet-excess__label{
  min-width: 0;
  flex: 1;
  font-size: 12px;
  color: rgba(226,232,240,.92);
}
.pallet-excess__label-main{
  font-weight: 600;
}
.pallet-excess__meta{
  margin-top: 2px;
  font-size: 11px;
  color: rgba(148,163,184,.9);
}
.pallet-excess__qty{
  display:flex;
  gap: 6px;
  align-items:center;
}

/* Pallet fill bar */
.pallet-fill{
  height: 6px;
  border-radius: 999px;
  background: rgba(148,163,184,.12);
  margin-top: 8px;
  overflow:hidden;
}
.pallet-fill__bar{
  height: 100%;
  background: rgba(59,130,246,.85);
}

/* Direct load toggle */
.pallet-dl{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(2, 6, 23, 0.15);
  color: rgba(226,232,240,.95);
  font-size: 12px;
  cursor: pointer;
  user-select:none;
}
.pallet-dl input{
  width: 14px;
  height: 14px;
}

/* Pallet cards inside drawer */
.pallet-card{
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15, 26, 43, 0.55);
}
.pallet-card--paper{
  border-color: rgba(245, 158, 11, 0.55);
  background: rgba(133, 77, 14, 0.16);
}
.pallet-paper-badge{
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #7c2d12;
  background: #fcd34d;
  border: 1px solid #f59e0b;
  vertical-align: middle;
}

.pallet-card__header{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148,163,184,.18);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}

.pallet-card__title{
  font-weight: 900;
  letter-spacing:-0.01em;
}

.pallet-card__meta{
  color: rgba(148,163,184,.95);
  font-size: 12px;
  margin-top: 4px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}

.pallet-card__body{
  padding: 10px 14px 14px;
}

.pallet-card__hint{
  color: rgba(148,163,184,.95);
  font-size: 12px;
  margin-top: 10px;
}

.pallet-lpn{
  font-size: 12px;
  margin-top: 4px;
}
.pallet-plan-fact{
  font-size: 12px;
  margin-top: 2px;
}
.pallet-plan-fact.is-diff{
  color: #b45309;
  font-weight: 600;
}

/* -------------------------------------------------
   Enterprise layout additions (tabs / kpi / info)
   ------------------------------------------------- */

.shipment-page--v2 .subtitle { flex-wrap: wrap; }

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.kpi-title {
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.kpi-readiness__main{
  display: flex;
  align-items: center;
  gap: 10px;
}

.kpi-donut{
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}

.kpi-donut__svg{
  width: 42px;
  height: 42px;
  display: block;
}

.kpi-donut__track{
  fill: none;
  stroke: rgba(148,163,184,.25);
  stroke-width: 6;
}

.kpi-donut__bar{
  fill: none;
  stroke: rgba(59,130,246,.75);
  stroke-width: 6;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 20px 20px;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tab-btn {
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(2, 6, 23, 0.15);
  color: var(--text);
  padding: 8px 10px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
}

.tab-btn:hover {
  border-color: rgba(148,163,184,.35);
  background: rgba(148,163,184,.08);
}

.tab-btn.is-active {
  background: rgba(59,130,246,.18);
  border-color: rgba(59,130,246,.40);
  box-shadow: 0 0 0 3px rgba(59,130,246,.10);
}

.tab-panel {
  display: none;
  margin-top: 12px;
}

.tab-panel.is-active {
  display: block;
}


/* Trip tab: sticky summary + two-column workspace (create/edit left, evidence right) */
.tab-panel[data-panel="trip"].is-active{
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.tab-panel[data-panel="trip"] .trip-tab-root{
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.tab-panel[data-panel="trip"] .trip-grid{
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 12px;
  align-items: start;
}

.tab-panel[data-panel="trip"] .trip-card{
  margin-top: 0;
}

.tab-panel[data-panel="trip"] .trip-dnd-row { cursor: grab; }
.tab-panel[data-panel="trip"] .trip-dnd-row.is-dragging { opacity: 0.5; }
.tab-panel[data-panel="trip"] .trip-dnd-handle { color: var(--muted); cursor: grab; user-select: none; }

.tab-panel[data-panel="trip"] .trip-row{
  gap: 10px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-row--wrap{
  flex-wrap: wrap;
}

.tab-panel[data-panel="trip"] #trip-create-code{ width: 180px; }
.tab-panel[data-panel="trip"] #trip-create-departure{ width: 240px; }
.tab-panel[data-panel="trip"] #trip-create-vehicle-q{ width: 220px; }
.tab-panel[data-panel="trip"] #trip-create-driver-q{ width: 220px; }

.tab-panel[data-panel="trip"] .trip-field{ position: relative; }
.tab-panel[data-panel="trip"] .trip-suggest{
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  max-height: 220px;
  overflow: auto;
  background: rgba(2, 6, 23, 0.98);
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  z-index: 50;
  padding: 6px;
}

.tab-panel[data-panel="trip"] .trip-suggest__item{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
}

.tab-panel[data-panel="trip"] .trip-suggest__item:hover{
  background: rgba(148,163,184,.10);
}

.tab-panel[data-panel="trip"] .trip-suggest__title{
  font-weight: 700;
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-suggest__meta{
  color: var(--muted);
  font-size: 11px;
}

.tab-panel[data-panel="trip"] .trip-suggest__item--create{
  border: 1px dashed rgba(148,163,184,.25);
}

.tab-panel[data-panel="trip"] .trip-suggest__item--create:hover{
  background: rgba(34,197,94,.10);
}

.tab-panel[data-panel="trip"] .trip-suggest__create-plus{
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.35);
  margin-right: 6px;
  font-size: 12px;
  line-height: 1;
}

.tab-panel[data-panel="trip"] #trip-doc-type{ width: 200px; }
.tab-panel[data-panel="trip"] #trip-doc-comment{ min-width: 220px; }

.tab-panel[data-panel="trip"] .trip-details{
  padding: 0;
}

.tab-panel[data-panel="trip"] .trip-details > summary{
  list-style: none;
}

.tab-panel[data-panel="trip"] .trip-details > summary::-webkit-details-marker{ display:none; }

.tab-panel[data-panel="trip"] .trip-details__summary{
  cursor: pointer;
  user-select: none;
  display: flex;
  gap: 10px;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.tab-panel[data-panel="trip"] .trip-details__summary-title{
  font-weight: 800;
}

.tab-panel[data-panel="trip"] .trip-details__summary-hint{
  color: var(--muted);
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-advanced{
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  padding: 6px 8px;
}

.tab-panel[data-panel="trip"] .trip-advanced > summary{
  list-style: none;
  cursor: pointer;
  color: var(--muted);
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-advanced > summary::-webkit-details-marker{ display:none; }

.tab-panel[data-panel="trip"] .trip-advanced__body{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-search-results{
  margin-top: 10px;
  max-height: 260px;
  overflow: auto;
  border-top: 1px dashed rgba(148,163,184,.18);
  padding-top: 10px;
}

.tab-panel[data-panel="trip"] #trip-trip-docs{
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .tab-panel[data-panel="trip"] .trip-grid{ grid-template-columns: 1fr; }
}



/* Trip tab: two-column workspace (form left, evidence right) */

.tab-panel[data-panel="trip"] .trip-form-head{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-form-head__left{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-current{
  margin-top: 8px;
}
.tab-panel[data-panel="trip"] .trip-current__row{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tab-panel[data-panel="trip"] .trip-current__code{
  font-weight: 700;
}
.tab-panel[data-panel="trip"] .trip-current__status{
  color: rgba(148,163,184,.95);
  font-size: 12px;
  margin-top: 2px;
}
.tab-panel[data-panel="trip"] .trip-current__meta{
  color: rgba(148,163,184,.85);
  font-size: 12px;
  margin-top: 4px;
}

.tab-panel[data-panel="trip"] .trip-grid{
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 12px;
  align-items: start;
}

.tab-panel[data-panel="trip"] .trip-card{
  margin-top: 0;
}

.tab-panel[data-panel="trip"] .trip-row{
  gap: 10px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-row--wrap{
  flex-wrap: wrap;
}

.tab-panel[data-panel="trip"] #trip-create-code{ width: 180px; }
.tab-panel[data-panel="trip"] #trip-create-departure{ width: 240px; }
.tab-panel[data-panel="trip"] #trip-create-vehicle-q{ width: 220px; }
.tab-panel[data-panel="trip"] #trip-create-driver-q{ width: 220px; }

.tab-panel[data-panel="trip"] .trip-field{ position: relative; }
.tab-panel[data-panel="trip"] .trip-suggest{
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  max-height: 220px;
  overflow: auto;
  background: rgba(2, 6, 23, 0.98);
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  z-index: 50;
  padding: 6px;
}

.tab-panel[data-panel="trip"] .trip-suggest__item{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
}

.tab-panel[data-panel="trip"] .trip-suggest__item:hover{
  background: rgba(148,163,184,.10);
}

.tab-panel[data-panel="trip"] .trip-suggest__title{
  font-weight: 700;
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-suggest__meta{
  color: var(--muted);
  font-size: 11px;
}

.tab-panel[data-panel="trip"] #trip-doc-type{ width: 200px; }
.tab-panel[data-panel="trip"] #trip-doc-comment{ min-width: 220px; }

.tab-panel[data-panel="trip"] .trip-details{
  padding: 0;
}

.tab-panel[data-panel="trip"] .trip-details > summary{
  list-style: none;
}

.tab-panel[data-panel="trip"] .trip-details > summary::-webkit-details-marker{ display:none; }

.tab-panel[data-panel="trip"] .trip-details__summary{
  cursor: pointer;
  user-select: none;
  display: flex;
  gap: 10px;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.tab-panel[data-panel="trip"] .trip-details__summary-title{
  font-weight: 800;
}

.tab-panel[data-panel="trip"] .trip-details__summary-hint{
  color: var(--muted);
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-advanced{
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  padding: 6px 8px;
}

.tab-panel[data-panel="trip"] .trip-advanced > summary{
  list-style: none;
  cursor: pointer;
  color: var(--muted);
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-advanced > summary::-webkit-details-marker{ display:none; }

.tab-panel[data-panel="trip"] .trip-advanced__body{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-search-results{
  margin-top: 10px;
  max-height: 260px;
  overflow: auto;
  border-top: 1px dashed rgba(148,163,184,.18);
  padding-top: 10px;
}

.tab-panel[data-panel="trip"] #trip-trip-docs{
  margin-top: 10px;
}

@media (max-width: 1024px) {
.tab-panel[data-panel="trip"] .trip-form-head{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-form-head__left{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-current{
  margin-top: 8px;
}
.tab-panel[data-panel="trip"] .trip-current__row{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tab-panel[data-panel="trip"] .trip-current__code{
  font-weight: 700;
}
.tab-panel[data-panel="trip"] .trip-current__status{
  color: rgba(148,163,184,.95);
  font-size: 12px;
  margin-top: 2px;
}
.tab-panel[data-panel="trip"] .trip-current__meta{
  color: rgba(148,163,184,.85);
  font-size: 12px;
  margin-top: 4px;
}

.tab-panel[data-panel="trip"] .trip-grid{ grid-template-columns: 1fr; }
}



/* Trip tab: two-column workspace (form left, evidence right) */

.tab-panel[data-panel="trip"] .trip-form-head{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-form-head__left{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-current{
  margin-top: 8px;
}
.tab-panel[data-panel="trip"] .trip-current__row{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tab-panel[data-panel="trip"] .trip-current__code{
  font-weight: 700;
}
.tab-panel[data-panel="trip"] .trip-current__status{
  color: rgba(148,163,184,.95);
  font-size: 12px;
  margin-top: 2px;
}
.tab-panel[data-panel="trip"] .trip-current__meta{
  color: rgba(148,163,184,.85);
  font-size: 12px;
  margin-top: 4px;
}

.tab-panel[data-panel="trip"] .trip-grid{
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 12px;
  align-items: start;
}

.tab-panel[data-panel="trip"] .trip-card{
  margin-top: 0;
}

.tab-panel[data-panel="trip"] .trip-row{
  gap: 10px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-row--wrap{
  flex-wrap: wrap;
}

.tab-panel[data-panel="trip"] #trip-create-code{ width: 180px; }
.tab-panel[data-panel="trip"] #trip-create-departure{ width: 240px; }
.tab-panel[data-panel="trip"] #trip-create-vehicle-q{ width: 220px; }
.tab-panel[data-panel="trip"] #trip-create-driver-q{ width: 220px; }

.tab-panel[data-panel="trip"] .trip-field{ position: relative; }
.tab-panel[data-panel="trip"] .trip-suggest{
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  max-height: 220px;
  overflow: auto;
  background: rgba(2, 6, 23, 0.98);
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  z-index: 50;
  padding: 6px;
}

.tab-panel[data-panel="trip"] .trip-suggest__item{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
}

.tab-panel[data-panel="trip"] .trip-suggest__item:hover{
  background: rgba(148,163,184,.10);
}

.tab-panel[data-panel="trip"] .trip-suggest__title{
  font-weight: 700;
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-suggest__meta{
  color: var(--muted);
  font-size: 11px;
}

.tab-panel[data-panel="trip"] #trip-doc-type{ width: 200px; }
.tab-panel[data-panel="trip"] #trip-doc-comment{ min-width: 220px; }

.tab-panel[data-panel="trip"] .trip-details{
  padding: 0;
}

.tab-panel[data-panel="trip"] .trip-details > summary{
  list-style: none;
}

.tab-panel[data-panel="trip"] .trip-details > summary::-webkit-details-marker{ display:none; }

.tab-panel[data-panel="trip"] .trip-details__summary{
  cursor: pointer;
  user-select: none;
  display: flex;
  gap: 10px;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.tab-panel[data-panel="trip"] .trip-details__summary-title{
  font-weight: 800;
}

.tab-panel[data-panel="trip"] .trip-details__summary-hint{
  color: var(--muted);
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-advanced{
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  padding: 6px 8px;
}

.tab-panel[data-panel="trip"] .trip-advanced > summary{
  list-style: none;
  cursor: pointer;
  color: var(--muted);
  font-size: 12px;
}

.tab-panel[data-panel="trip"] .trip-advanced > summary::-webkit-details-marker{ display:none; }

.tab-panel[data-panel="trip"] .trip-advanced__body{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-search-results{
  margin-top: 10px;
  max-height: 260px;
  overflow: auto;
  border-top: 1px dashed rgba(148,163,184,.18);
  padding-top: 10px;
}

.tab-panel[data-panel="trip"] #trip-trip-docs{
  margin-top: 10px;
}

@media (max-width: 1024px) {
.tab-panel[data-panel="trip"] .trip-form-head{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-form-head__left{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-panel[data-panel="trip"] .trip-current{
  margin-top: 8px;
}
.tab-panel[data-panel="trip"] .trip-current__row{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tab-panel[data-panel="trip"] .trip-current__code{
  font-weight: 700;
}
.tab-panel[data-panel="trip"] .trip-current__status{
  color: rgba(148,163,184,.95);
  font-size: 12px;
  margin-top: 2px;
}
.tab-panel[data-panel="trip"] .trip-current__meta{
  color: rgba(148,163,184,.85);
  font-size: 12px;
  margin-top: 4px;
}

.tab-panel[data-panel="trip"] .trip-grid{ grid-template-columns: 1fr; }
}

/* Pallets tab: two independent scroll panes + sticky actions header.
   Goal: Unallocated is always visible while scrolling pallets (and vice versa). */
.tab-panel[data-panel="pallets"].is-active{
  display: flex;
  flex-direction: column;
  min-height: 0;
  /* More vertical room for the pallets editor (we keep internal scroll). */
  height: calc(100vh - 190px);
  max-height: calc(100vh - 190px);
  overflow: hidden;
}

.tab-panel[data-panel="pallets"].is-active .tab-toolbar{
  position: sticky;
  top: 8px;
  z-index: 20;
  background: rgba(2, 6, 23, 0.85);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 12px;
  padding: 10px 12px;
}

.tab-panel[data-panel="pallets"].is-active .pallet-editor-root{
  flex: 1 1 auto;
  min-height: 0;
  height: var(--pallet-editor-h, auto);
}

.tab-panel[data-panel="pallets"].is-active .pallet-editor-grid{
  flex: 1 1 auto;
  min-height: 0;
}

.tab-toolbar {
  margin: 6px 0 10px;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.info-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.info-field--wide {
  grid-column: 1 / -1;
}

.info-label {
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .info-grid { grid-template-columns: 1fr; }
}

/* UoM editor in lines table (sync with JS markup) */
.shipment-page .col-uom { width: 90px; }
.shipment-page .col-units { width: 90px; }
.shipment-page .uom-select { min-width: 84px; }
.shipment-page .qty-uom-input { width: 96px; }
.shipment-page .units-cell { white-space: nowrap; }
.shipment-page .units-hint { color: rgba(148,163,184,.95); font-size: 12px; }
.shipment-page .uom-hint { display:block; margin-top:4px; color: rgba(148,163,184,.95); font-size: 12px; line-height: 1.1; }

.shipment-page .billing-panel {
  display: grid;
  gap: 12px;
}

.shipment-page .billing-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 14px;
  background: rgba(15,23,42,.28);
}

.shipment-page .billing-summary__label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.shipment-page .billing-summary__value {
  margin-top: 4px;
  font-size: 24px;
  font-weight: 900;
}

.shipment-page .billing-summary__actions,
.shipment-page .billing-summary__actions form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}

.shipment-page .billing-table-wrap {
  overflow: auto;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 14px;
}

.shipment-page .billing-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}

.shipment-page .billing-table th,
.shipment-page .billing-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.14);
  vertical-align: top;
  text-align: left;
}

.shipment-page .billing-table th {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: rgba(15,23,42,.42);
}

.shipment-page .billing-table tr:last-child td {
  border-bottom: 0;
}

.shipment-page .billing-service-name {
  font-weight: 900;
}

.shipment-page .billing-empty {
  padding: 16px;
  border: 1px dashed rgba(148,163,184,.22);
  border-radius: 14px;
  background: rgba(15,23,42,.18);
}

.shipment-page .billing-empty__title {
  margin-bottom: 6px;
  font-weight: 900;
}

/* Add-line form (like receiving) */
.shipment-page .line-add__row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding: 12px 14px;
  flex-wrap:wrap;
}

.shipment-page .line-add__left{
  flex: 1 1 560px;
  max-width: 760px;
  min-width: 280px;
}

.shipment-page .line-add__right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}

@media (max-width: 900px){
  .shipment-page .line-add__right{ flex-wrap:wrap; }
}

.shipment-page .sku-cell__title{
  font-weight: 800;
  line-height: 1.2;
}

.shipment-page .sku-cell__meta{
  margin-top: 4px;
  font-size: 12px;
}


/* --- Tabulator (shipment lines) --- */
.wms-grid {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(15, 26, 43, 0.55);
}

.wms-grid .tabulator {
  font-size: 13px;
  background: transparent;
  color: var(--text);
}

.wms-grid .tabulator-header {
  background: rgba(2, 6, 23, 0.25);
  border-bottom: 1px solid var(--border);
}

.wms-grid .tabulator-header .tabulator-col {
  background: transparent;
  border-right: 1px solid rgba(148,163,184,.10);
}

.wms-grid .tabulator-row {
  background: transparent;
  border-bottom: 1px solid rgba(148,163,184,.10);
}

.wms-grid .tabulator-row.tabulator-selected {
  background: rgba(59,130,246,.12);
}

.wms-grid .tabulator-row:hover {
  background: rgba(148,163,184,.06);
}

.wms-grid .tabulator-row.tabulator-row-paper {
  background: rgba(245, 158, 11, .10);
  border-left: 3px solid rgba(245, 158, 11, .85);
}

.wms-grid .tabulator-row.tabulator-row-paper:hover {
  background: rgba(245, 158, 11, .16);
}

.wms-grid .tabulator-row.tabulator-row-paper.tabulator-selected {
  background: rgba(245, 158, 11, .22);
}

.wms-grid .tabulator-cell {
  color: var(--text);
}

.wms-grid .tabulator-header-filter input {
  width: 100%;
  box-sizing: border-box;
  padding: 4px 6px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.25);
  color: var(--text);
}

.sku-cell__title {
  font-weight: 600;
  line-height: 1.1;
}

.paper-row-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 8px;
  border-radius: 999px;
  border: 1px solid rgba(245, 158, 11, .55);
  background: rgba(245, 158, 11, .15);
  color: rgba(254, 240, 138, .95);
  font-size: 11px;
  font-weight: 700;
  vertical-align: middle;
}

.sku-cell__meta {
  font-size: 12px;
  opacity: 0.85;
  line-height: 1.1;
  margin-top: 2px;
}

.alloc-a {
  display: inline-block;
  min-width: 44px;
  text-align: right;
  padding: 2px 6px;
  border-radius: 8px;
  background: rgba(16,185,129,.10);
  border: 1px solid rgba(16,185,129,.28);
  margin-right: 6px;
  color: rgba(209,250,229,.95);
}

.alloc-r {
  display: inline-block;
  min-width: 44px;
  text-align: right;
  padding: 2px 6px;
  border-radius: 8px;
  background: rgba(239,68,68,.10);
  border: 1px solid rgba(239,68,68,.28);
  color: rgba(254,226,226,.95);
}

/* --- SKU/Item suggest (search dropdown) --- */
.sku-suggest{
  position:fixed;
  z-index:99999;
  max-height:340px;
  overflow:auto;
  background: rgba(15, 26, 43, .98);
  color: var(--text);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow: var(--shadow, 0 10px 30px rgba(0,0,0,.35));
  backdrop-filter: blur(10px);
}

.sku-suggest__item{
  padding:10px 12px;
  cursor:pointer;
  display:grid;
  gap:2px;
  border-bottom: 1px solid rgba(148,163,184,.10);
}

.sku-suggest__item:last-child{ border-bottom:none; }

.sku-suggest__item:hover{
  background:rgba(148,163,184,.10);
}

.sku-suggest__item.is-active{
  background:rgba(59,130,246,.14);
}

.sku-suggest__article{
  font-weight:800;
  font-size:13px;
  display:flex;
  align-items:baseline;
  gap:8px;
}

.sku-suggest__article-text{
  font-variant-numeric: tabular-nums;
}

.sku-suggest__meta{
  display:flex;
  gap:10px;
  align-items:baseline;
  flex-wrap:wrap;
}

.sku-suggest__name{
  font-size:12px;
  opacity:.85;
}

.sku-suggest__barcode{
  font-size:12px;
  opacity:.75;
  font-variant-numeric: tabular-nums;
}

.sku-suggest__badges{
  display:inline-flex;
  gap:6px;
}

.sku-suggest__badge{
  display:inline-flex;
  align-items:center;
  height:18px;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  background:rgba(148,163,184,.10);
  border:1px solid rgba(148,163,184,.22);
  color: rgba(226,232,240,.92);
}

mark.sku-suggest__hl{
  background:rgba(245,158,11,.22);
  border:1px solid rgba(245,158,11,.30);
  border-radius:6px;
  padding:0 2px;
  color:inherit;
}

.sku-suggest__empty{
  padding:12px;
  opacity:.85;
}

.sku-suggest__empty-title{ font-weight: 700; margin-bottom: 6px; }
.sku-suggest__empty-hint{ opacity: .85; font-size: 12px; line-height: 1.35; }
.sku-suggest__empty-actions{ margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }
.sku-suggest__empty-actions .btn{ padding: 6px 10px; border-radius: 10px; }

/* --- Tabulator: highlight editable columns + dark editing inputs --- */
/* Tabulator doesn't reliably support headerCssClass across versions, so we style by field + titleFormatter markup. */
.wms-grid .tabulator .editable-head{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.wms-grid .tabulator .editable-head__icon{
  opacity:.55;
  font-weight:900;
}

.wms-grid .tabulator .tabulator-col[tabulator-field="uom"] .tabulator-col-title,
.wms-grid .tabulator .tabulator-col[tabulator-field="qty_uom"] .tabulator-col-title{
  padding-right: 6px;
}

.wms-grid .tabulator .tabulator-cell.is-editable{
  position:relative;
  background:rgba(148,163,184,.10);
  border-bottom:1px solid rgba(148,163,184,.12);
  cursor:pointer;
}
.wms-grid .tabulator .tabulator-cell.is-editable:after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:3px;
  border-bottom:1px dashed rgba(148,163,184,.35);
  opacity:.75;
  pointer-events:none;
}
.wms-grid .tabulator .tabulator-cell.is-editable:hover{
  background:rgba(148,163,184,.12);
}

/* EDITABLE_HIGHLIGHT_STRONG: force visibility even if Tabulator styles override */
.wms-grid .tabulator-cell.is-editable{
  background-color: rgba(148,163,184,.10) !important;
  box-shadow: inset 0 -1px 0 rgba(148,163,184,.18);
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: rgba(148,163,184,.55);
  text-underline-offset: 4px;
}
.wms-grid .tabulator-cell.is-editable .badge{
  background: rgba(148,163,184,.14);
  border-color: rgba(148,163,184,.22);
}
/* --- Pallet UI: collapse identical pallets --- */
.pallet-collapse{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  background: rgba(2,6,23,.35);
  color: var(--muted);
  cursor: pointer;
  user-select: none;
}

.pallet-collapse input{
  width: 14px;
  height: 14px;
}

.pallet-collapse span{
  font-size: 12px;
  white-space: nowrap;
}

.pallet-group-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  padding: 8px 12px;
  border-radius: 14px;
  margin-right: 10px;
  background: rgba(59,130,246,.22);
  border: 1px solid rgba(59,130,246,.35);
  color: rgba(226,232,240,.98);
  min-width: 56px;
  box-shadow: 0 6px 18px rgba(2,6,23,.35);
}

.pallet-group-meta{
  color: var(--muted);
  font-size: 12px;
}



/* Pallet editor: dark inputs (avoid white fields on dark UI) */
.pallet-editor-root input[type="number"],
.pallet-editor-root input[type="search"],
.pallet-editor-root select,
.pallet-editor-root .sku-input{
  background: rgba(2, 6, 23, 0.65);
  border: 1px solid rgba(148,163,184,.22);
  color: rgba(226,232,240,.95);
}

.pallet-editor-root input[type="number"]:focus,
.pallet-editor-root input[type="search"]:focus,
.pallet-editor-root select:focus,
.pallet-editor-root .sku-input:focus{
  outline: none;
  border-color: rgba(59,130,246,.55);
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}

.pallet-editor-root input::placeholder{
  color: rgba(148,163,184,.75);
}


/* Trip tab: labeled grid form (avoid placeholders-as-labels) */
.tab-panel[data-panel="trip"] .trip-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
@media (max-width: 960px){
  .tab-panel[data-panel="trip"] .trip-form-grid{ grid-template-columns: 1fr; }
}

.tab-panel[data-panel="trip"] .trip-form-field--wide{ grid-column: 1 / -1; }

.tab-panel[data-panel="trip"] .trip-form-label{
  font-size: 12px;
  opacity: .78;
  margin: 0 0 4px;
}


/* Trip tab: labeled form grid */
.tab-panel[data-panel="trip"] .trip-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
@media (max-width: 960px){
  .tab-panel[data-panel="trip"] .trip-form-grid{ grid-template-columns: 1fr; }
}
.tab-panel[data-panel="trip"] .trip-form-field{ min-width: 0; }
.tab-panel[data-panel="trip"] .trip-form-field--wide{ grid-column: 1 / -1; }
.tab-panel[data-panel="trip"] .trip-form-label{
  font-size: 12px;
  color: rgba(148,163,184,.78);
  margin: 0 0 4px;
}


/* Trip tab: suggest input with "+" create buttons */
.tab-panel[data-panel="trip"] .trip-suggest-row{
  display: flex;
  gap: 8px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-suggest-row .input{
  flex: 1 1 auto;
  min-width: 0;
}

.tab-panel[data-panel="trip"] .trip-add-btn{
  width: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

/* Trip tab: drawer (UI only; logic in next patch) */
.trip-drawer-backdrop{
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(2,6,23,.55);
}

.trip-drawer{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(420px, 92vw);
  z-index: 81;
  background: rgba(2,6,23,.92);
  border-left: 1px solid rgba(148,163,184,.18);
  box-shadow: -12px 0 30px rgba(0,0,0,.35);
  display: flex;
  flex-direction: column;
}

.trip-drawer__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.trip-drawer__title{
  font-weight: 900;
  font-size: 15px;
}

.trip-drawer__body{
  padding: 14px 16px 16px;
  overflow: auto;
}

.trip-entity-hint{
  margin: 0 0 10px;
}

.trip-entity-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.trip-entity-field--wide{
  grid-column: 1 / -1;
}

.trip-entity-actions{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}


/* Trip tab: labeled grid form (avoid placeholders-as-labels) */
.tab-panel[data-panel="trip"] .trip-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
@media (max-width: 960px){
  .tab-panel[data-panel="trip"] .trip-form-grid{ grid-template-columns: 1fr; }
}

.tab-panel[data-panel="trip"] .trip-form-field--wide{ grid-column: 1 / -1; }

.tab-panel[data-panel="trip"] .trip-form-label{
  font-size: 12px;
  opacity: .78;
  margin: 0 0 4px;
}


/* Trip tab: labeled form grid */
.tab-panel[data-panel="trip"] .trip-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
@media (max-width: 960px){
  .tab-panel[data-panel="trip"] .trip-form-grid{ grid-template-columns: 1fr; }
}
.tab-panel[data-panel="trip"] .trip-form-field{ min-width: 0; }
.tab-panel[data-panel="trip"] .trip-form-field--wide{ grid-column: 1 / -1; }
.tab-panel[data-panel="trip"] .trip-form-label{
  font-size: 12px;
  color: rgba(148,163,184,.78);
  margin: 0 0 4px;
}


/* Trip tab: suggest input with "+" create buttons */
.tab-panel[data-panel="trip"] .trip-suggest-row{
  display: flex;
  gap: 8px;
  align-items: center;
}

.tab-panel[data-panel="trip"] .trip-suggest-row .input{
  flex: 1 1 auto;
  min-width: 0;
}

.tab-panel[data-panel="trip"] .trip-add-btn{
  width: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

/* Trip tab: drawer (UI only; logic in next patch) */
.trip-drawer-backdrop{
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(2,6,23,.55);
}

.trip-drawer{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(420px, 92vw);
  z-index: 81;
  background: rgba(2,6,23,.92);
  border-left: 1px solid rgba(148,163,184,.18);
  box-shadow: -12px 0 30px rgba(0,0,0,.35);
  display: flex;
  flex-direction: column;
}

.trip-drawer__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.trip-drawer__title{
  font-weight: 900;
  font-size: 15px;
}

.trip-drawer__body{
  padding: 14px 16px 16px;
  overflow: auto;
}

.trip-entity-hint{
  margin: 0 0 10px;
}

.trip-entity-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.trip-entity-field--wide{
  grid-column: 1 / -1;
}

.trip-entity-actions{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}


/* Trip tab: suggest “Create …” option (vehicle/driver)
   (selectors cover several historical classnames for compatibility) */
.trip-suggest .trip-suggest-item--create,
.trip-suggest .trip-suggest__item--create,
.trip-suggest .trip-suggest-create,
.trip-suggest .suggest-create {
  cursor: pointer;
  border: 1px dashed rgba(34, 197, 94, 0.45);
  border-radius: 10px;
  padding: 8px 10px;
  margin: 6px;
}

.trip-suggest .trip-suggest-item--create:hover,
.trip-suggest .trip-suggest__item--create:hover,
.trip-suggest .trip-suggest-create:hover,
.trip-suggest .suggest-create:hover {
  border-color: rgba(34, 197, 94, 0.85);
  background: rgba(34, 197, 94, 0.06);
}

.trip-suggest .trip-suggest-item--create .trip-suggest-plus,
.trip-suggest .trip-suggest__item--create .trip-suggest-plus,
.trip-suggest .trip-suggest-create .trip-suggest-plus,
.trip-suggest .suggest-create .trip-suggest-plus {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 6px;
  margin-right: 8px;
  font-weight: 700;
  border: 1px solid rgba(34, 197, 94, 0.45);
  background: rgba(34, 197, 94, 0.08);
}

/* Shipment command center: the page should read as an operations workspace,
   not as unrelated cards stacked above a grid. */
.shipment-command-center{
  margin: 0 0 14px;
  border: 1px solid rgba(96,165,250,.22);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(2,6,23,.96) 58%, rgba(15,23,42,.98)),
    var(--surface);
  box-shadow: 0 18px 44px rgba(2,6,23,.34);
  overflow: visible;
}

.shipment-command-center__main{
  padding: 16px;
}

.shipment-command-center__header{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
  gap: 16px;
  align-items: start;
}

.shipment-identity{
  min-width: 0;
}

.shipment-identity__eyebrow{
  color: rgba(148,163,184,.92);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.shipment-identity__row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}

.shipment-identity__row h1{
  margin: 0;
  color: rgba(248,250,252,.98);
  font-size: clamp(24px, 2.8vw, 36px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0;
}

.shipment-status-pill{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(15,23,42,.84);
  color: rgba(226,232,240,.94);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.shipment-status-pill--confirmed,
.shipment-status-pill--in_progress{
  border-color: rgba(59,130,246,.46);
  background: rgba(37,99,235,.18);
  color: #bfdbfe;
}

.shipment-status-pill--shipped,
.shipment-status-pill--done{
  border-color: rgba(34,197,94,.42);
  background: rgba(22,163,74,.16);
  color: #bbf7d0;
}

.shipment-status-pill--cancelled{
  border-color: rgba(248,113,113,.42);
  background: rgba(220,38,38,.16);
  color: #fecaca;
}

.shipment-status-pill--reserve{
  border-color: rgba(245,158,11,.48);
  background: rgba(217,119,6,.18);
  color: #fde68a;
}

.shipment-meta-grid{
  display: grid;
  grid-template-columns: repeat(6, minmax(112px, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.shipment-meta-item{
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 7px;
  background: rgba(15,23,42,.48);
}

.shipment-meta-item span{
  display: block;
  color: rgba(148,163,184,.9);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-meta-item strong{
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: rgba(248,250,252,.95);
  font-size: 13px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipment-command-actions{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-width: 260px;
}

.shipment-command-actions .btn{
  justify-content: center;
}

.shipment-back-btn{
  align-self: flex-end;
}

.shipment-action-form{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shipment-service-action{
  position: relative;
  align-self: flex-end;
}

.shipment-service-action > summary{
  list-style: none;
}

.shipment-service-action > summary::-webkit-details-marker{
  display: none;
}

.shipment-service-action form{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 70;
  width: 260px;
  padding: 12px;
  border: 1px solid rgba(248,113,113,.34);
  border-radius: 8px;
  background: rgba(11,16,23,.98);
  box-shadow: 0 18px 42px rgba(0,0,0,.4);
}

.shipment-service-action__title{
  margin-bottom: 10px;
  color: rgba(254,202,202,.95);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.shipment-service-action label{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
  color: rgba(226,232,240,.94);
  font-weight: 800;
}

.shipment-command-kpis{
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.shipment-command-kpi{
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 7px;
  background: rgba(2,6,23,.48);
}

.shipment-command-kpi span{
  display: block;
  color: rgba(148,163,184,.9);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-command-kpi strong{
  display: block;
  margin-top: 8px;
  color: rgba(248,250,252,.98);
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}

.shipment-command-kpi em{
  display: block;
  margin-top: 7px;
  overflow: hidden;
  color: rgba(148,163,184,.96);
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipment-command-kpi__main{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.shipment-command-kpi__main strong{
  margin-top: 8px;
}

.shipment-workspace-card{
  border-radius: 8px;
}

.shipment-workspace-card > .card__header{
  background: rgba(15,23,42,.46);
}

.shipment-workspace-card > .card__body{
  padding-top: 12px;
}

.shipment-workbench{
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
  align-items: stretch;
}

.shipment-tabs{
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 8px;
  background: rgba(2,6,23,.34);
}

.shipment-tabs .tab-btn{
  width: 100%;
  min-width: 0;
  min-height: 56px;
  align-items: flex-start;
  border-left: 3px solid transparent;
}

.shipment-tabs .tab-btn.is-active{
  border-left-color: rgba(96,165,250,.95);
}

.shipment-mode-panel{
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 10px;
  align-content: start;
}

.shipment-mode-panel label{
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 7px;
  background: rgba(2,6,23,.28);
}

.shipment-mode-panel .input{
  width: 100%;
  min-width: 0;
}

.tab-toolbar{
  border-radius: 8px;
}

@media (max-width: 1500px){
  .shipment-meta-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shipment-command-kpis{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px){
  .shipment-command-center__header{
    grid-template-columns: 1fr;
  }

  .shipment-command-actions,
  .shipment-back-btn,
  .shipment-service-action{
    align-self: stretch;
  }

  .shipment-action-form{
    justify-content: flex-start;
  }

  .shipment-workbench{
    grid-template-columns: 1fr;
  }

  .shipment-tabs{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shipment-mode-panel{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .shipment-command-center__main{
    padding: 12px;
  }

  .shipment-meta-grid,
  .shipment-command-kpis,
  .shipment-mode-panel,
  .shipment-tabs{
    grid-template-columns: 1fr;
  }

  .shipment-identity__row h1{
    font-size: 24px;
  }

  .shipment-action-form .btn,
  .shipment-back-btn{
    width: 100%;
  }

  .shipment-service-action form{
    position: static;
    width: 100%;
    margin-top: 8px;
  }
}

html[data-theme="light"] .shipment-command-center{
  border-color: rgba(37,99,235,.18);
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.96) 60%, rgba(239,246,255,.9)),
    #fff;
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

html[data-theme="light"] .shipment-identity__row h1,
html[data-theme="light"] .shipment-meta-item strong,
html[data-theme="light"] .shipment-command-kpi strong{
  color: #0f172a;
}

html[data-theme="light"] .shipment-meta-item,
html[data-theme="light"] .shipment-command-kpi,
html[data-theme="light"] .shipment-mode-panel,
html[data-theme="light"] .shipment-mode-panel label,
html[data-theme="light"] .shipment-tabs{
  border-color: rgba(148,163,184,.32);
  background: rgba(255,255,255,.78);
}

html[data-theme="light"] .shipment-status-pill{
  background: #f8fafc;
  color: #1e293b;
}

/* Compact shipment workspace navigation. The previous command layout made
   rare setup fields compete with the actual table; keep them one click away. */
.shipment-workbench--compact{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.shipment-workbench--compact .shipment-tabs{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border-radius: 8px;
}

.shipment-workbench--compact .shipment-tabs .tab-btn{
  width: auto;
  min-width: 118px;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-left: 0;
  border-bottom: 3px solid transparent;
}

.shipment-workbench--compact .shipment-tabs .tab-btn.is-active{
  border-left-color: transparent;
  border-bottom-color: rgba(96,165,250,.95);
}

.shipment-workbench--compact .shipment-tabs .tab-btn small{
  font-size: 9px;
  line-height: 1;
}

.shipment-settings-menu{
  position: relative;
  flex: 0 0 auto;
}

.shipment-settings-menu > summary{
  list-style: none;
  min-height: 54px;
  min-width: 150px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
}

.shipment-settings-menu > summary::-webkit-details-marker{
  display: none;
}

.shipment-settings-menu > summary::after{
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: .7;
  transform: translateY(-50%);
}

.shipment-settings-menu > summary small{
  color: rgba(148,163,184,.95);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-settings-menu[open] > summary{
  border-color: rgba(96,165,250,.5);
  background: rgba(37,99,235,.16);
}

.shipment-settings-menu .shipment-mode-panel{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 75;
  width: min(760px, calc(100vw - 64px));
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  padding: 12px;
  border-color: rgba(96,165,250,.28);
  background: rgba(11,16,23,.98);
  box-shadow: 0 20px 48px rgba(0,0,0,.42);
}

.shipment-settings-menu .shipment-mode-panel label{
  padding: 9px;
}

@media (max-width: 1180px){
  .shipment-workbench--compact{
    align-items: stretch;
  }

  .shipment-workbench--compact .shipment-tabs{
    overflow-x: auto;
    scrollbar-width: thin;
  }
}

@media (max-width: 760px){
  .shipment-workbench--compact{
    display: grid;
    grid-template-columns: 1fr;
  }

  .shipment-workbench--compact .shipment-tabs{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .shipment-workbench--compact .shipment-tabs .tab-btn{
    width: 100%;
    min-width: 0;
  }

  .shipment-settings-menu > summary{
    width: 100%;
  }

  .shipment-settings-menu .shipment-mode-panel{
    position: static;
    width: 100%;
    grid-template-columns: 1fr;
    margin-top: 8px;
  }
}

html[data-theme="light"] .shipment-settings-menu .shipment-mode-panel{
  background: #fff;
  border-color: rgba(37,99,235,.22);
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
}

/* Density pass after real-screen review: command center must be a dashboard
   strip, not a hero section. */
.shipment-command-center{
  margin-bottom: 10px;
}

.shipment-command-center__main{
  padding: 12px;
}

.shipment-command-center__header{
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.shipment-identity__eyebrow{
  font-size: 10px;
  letter-spacing: .14em;
}

.shipment-identity__row{
  margin-top: 4px;
}

.shipment-identity__row h1{
  font-size: clamp(28px, 2.2vw, 42px);
}

.shipment-status-pill{
  min-height: 26px;
  padding: 0 9px;
}

.shipment-meta-grid{
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.shipment-meta-item{
  padding: 8px 9px;
  min-height: 48px;
}

.shipment-meta-item span{
  font-size: 9px;
}

.shipment-meta-item strong{
  margin-top: 4px;
  font-size: 12px;
}

.shipment-command-actions{
  min-width: 136px;
  gap: 6px;
}

.shipment-command-actions .btn{
  min-height: 34px;
  padding: 7px 10px;
}

.shipment-action-form{
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 6px;
}

.shipment-command-kpis{
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.shipment-command-kpi{
  min-height: 72px;
  padding: 9px 10px;
}

.shipment-command-kpi span{
  font-size: 9px;
}

.shipment-command-kpi strong{
  margin-top: 6px;
  font-size: 21px;
}

.shipment-command-kpi em{
  margin-top: 5px;
  font-size: 10px;
}

.shipment-command-kpi__main{
  min-height: 28px;
}

.shipment-command-kpi .kpi-donut{
  width: 34px;
  height: 34px;
}

.shipment-workspace-card > .card__body{
  padding: 10px;
}

.shipment-workbench--compact{
  margin-bottom: 10px;
}

.shipment-workbench--compact .shipment-tabs{
  padding: 4px;
}

.shipment-workbench--compact .shipment-tabs .tab-btn{
  min-height: 38px;
  min-width: 112px;
  padding: 6px 10px;
}

.shipment-settings-menu > summary{
  min-height: 48px;
}

@media (max-width: 1500px){
  .shipment-meta-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shipment-command-kpis{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px){
  .shipment-command-center__header{
    grid-template-columns: 1fr;
  }

  .shipment-command-actions{
    min-width: 0;
  }

  .shipment-action-form{
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/* Second density/accent pass: keep the header expressive, but operational. */
.shipment-command-center{
  position: relative;
  border-color: rgba(79,140,255,.34);
  background:
    linear-gradient(90deg, rgba(47,107,255,.14), transparent 24%),
    linear-gradient(135deg, rgba(12,18,28,.98), rgba(3,7,13,.98) 62%, rgba(12,18,28,.98));
}

.shipment-command-center::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, #4f8cff, #22d3ee 42%, transparent 82%);
  opacity: .95;
}

.shipment-command-center__main{
  padding: 10px 12px 11px;
}

.shipment-identity__eyebrow{
  color: rgba(125,169,255,.95);
}

.shipment-identity__row{
  gap: 8px;
}

.shipment-identity__row h1{
  font-size: clamp(25px, 1.9vw, 34px);
}

.shipment-meta-grid{
  gap: 5px;
  margin-top: 8px;
}

.shipment-meta-item{
  min-height: 40px;
  padding: 6px 8px;
  background: rgba(7,12,20,.64);
}

.shipment-meta-item strong{
  font-size: 11px;
}

.shipment-command-kpis{
  gap: 5px;
  margin-top: 8px;
}

.shipment-command-kpi{
  min-height: 58px;
  padding: 7px 9px;
  background: rgba(3,7,13,.58);
}

.shipment-command-kpi strong{
  font-size: 18px;
}

.shipment-command-kpi em{
  margin-top: 4px;
}

.shipment-command-kpi .kpi-donut{
  width: 30px;
  height: 30px;
}

.shipment-command-actions .btn{
  min-height: 30px;
  font-size: 12px;
}

.shipment-settings-menu .shipment-mode-panel{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: min(620px, calc(100vw - 72px));
  gap: 8px;
  padding: 10px;
}

.shipment-settings-menu .shipment-mode-panel label{
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  align-items: center;
  gap: 8px !important;
  min-width: 0;
  padding: 8px;
}

.shipment-settings-menu .shipment-mode-panel label:last-child{
  grid-column: 1 / -1;
}

.shipment-settings-menu .shipment-mode-panel .subtle{
  min-width: 0;
  white-space: nowrap;
}

.shipment-settings-menu .shipment-mode-panel .input{
  width: 100%;
  min-width: 0;
}

@media (max-width: 1500px){
  .shipment-identity__row h1{
    font-size: 30px;
  }

  .shipment-command-kpi strong{
    font-size: 17px;
  }
}

@media (max-width: 760px){
  .shipment-settings-menu .shipment-mode-panel{
    width: 100%;
    grid-template-columns: 1fr !important;
  }

  .shipment-settings-menu .shipment-mode-panel label{
    grid-template-columns: 1fr !important;
  }
}

html[data-theme="light"] .shipment-command-center{
  border-color: rgba(37,99,235,.22);
  background:
    linear-gradient(90deg, rgba(37,99,235,.08), transparent 26%),
    #ffffff;
}

html[data-theme="light"] .shipment-meta-item,
html[data-theme="light"] .shipment-command-kpi{
  background: #f8fafc;
}

/* Warehouse laptop pass (1366px class screens).
   At this width the app already loses ~280px to sidebar, so viewport-based
   breakpoints must stay denser than normal desktop layouts. */
@media (max-width: 1500px){
  .shipment-command-center__main{
    padding: 8px 10px 9px;
  }

  .shipment-command-center__header{
    gap: 8px;
  }

  .shipment-identity__eyebrow{
    font-size: 9px;
    line-height: 1;
  }

  .shipment-identity__row{
    margin-top: 3px;
  }

  .shipment-identity__row h1{
    font-size: 27px;
  }

  .shipment-status-pill{
    min-height: 23px;
    padding: 0 8px;
    font-size: 10px;
  }

  .shipment-meta-grid{
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px;
  }

  .shipment-meta-item{
    min-height: 34px;
    padding: 5px 7px;
  }

  .shipment-meta-item span{
    font-size: 8px;
    line-height: 1;
  }

  .shipment-meta-item strong{
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.1;
  }

  .shipment-command-kpis{
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px;
  }

  .shipment-command-kpi{
    min-height: 50px;
    padding: 6px 7px;
  }

  .shipment-command-kpi span{
    font-size: 8px;
    line-height: 1;
  }

  .shipment-command-kpi strong{
    margin-top: 5px;
    font-size: 16px;
  }

  .shipment-command-kpi em{
    margin-top: 3px;
    font-size: 9px;
  }

  .shipment-command-kpi .kpi-donut{
    width: 26px;
    height: 26px;
  }

  .shipment-command-actions{
    min-width: 104px;
    gap: 5px;
  }

  .shipment-command-actions .btn{
    min-height: 28px;
    padding: 6px 8px;
    font-size: 11px;
  }

  .shipment-workspace-card > .card__body{
    padding: 8px;
  }

  .shipment-workbench--compact{
    gap: 6px;
    margin-bottom: 8px;
  }

  .shipment-workbench--compact .shipment-tabs{
    gap: 4px;
    padding: 4px;
  }

  .shipment-workbench--compact .shipment-tabs .tab-btn{
    flex: 1 1 0;
    min-width: 0;
    min-height: 34px;
    padding: 5px 7px;
    white-space: nowrap;
  }

  .shipment-workbench--compact .shipment-tabs .tab-btn span{
    font-size: 11px;
  }

  .shipment-workbench--compact .shipment-tabs .tab-btn small{
    display: none;
  }

  .shipment-settings-menu > summary{
    min-width: 118px;
    min-height: 42px;
    padding: 5px 10px;
  }

  .shipment-settings-menu > summary small{
    display: none;
  }

  .shipment-settings-menu .shipment-mode-panel{
    width: min(560px, calc(100vw - 72px));
  }
}

@media (max-width: 1180px){
  .shipment-meta-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shipment-command-kpis{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Semantic accents for compact cards: small color cues help on low-density
   warehouse laptop screens where labels are intentionally tiny. */
.shipment-meta-item,
.shipment-command-kpi{
  position: relative;
  overflow: hidden;
}

.shipment-meta-item::before,
.shipment-command-kpi::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(79,140,255,.72);
  opacity: .9;
}

.shipment-meta-item::after,
.shipment-command-kpi::after{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(79,140,255,.55), transparent 70%);
  opacity: .85;
}

.shipment-meta-item:nth-child(1)::before{ background: #4f8cff; }
.shipment-meta-item:nth-child(2)::before{ background: #22d3ee; }
.shipment-meta-item:nth-child(3)::before{ background: #38bdf8; }
.shipment-meta-item:nth-child(4)::before{ background: #a78bfa; }
.shipment-meta-item:nth-child(5)::before{ background: #f59e0b; }
.shipment-meta-item:nth-child(6)::before{ background: #22c55e; }

.shipment-command-kpi:nth-child(1)::before{ background: #4f8cff; }
.shipment-command-kpi:nth-child(2)::before{ background: #22d3ee; }
.shipment-command-kpi:nth-child(3)::before{ background: #a78bfa; }
.shipment-command-kpi:nth-child(4)::before{ background: #f59e0b; }
.shipment-command-kpi:nth-child(5)::before{ background: #22c55e; }
.shipment-command-kpi:nth-child(6)::before{ background: #64748b; }
.shipment-command-kpi:nth-child(7)::before{ background: #ef4444; }

.shipment-command-kpi:nth-child(5){
  background:
    linear-gradient(90deg, rgba(34,197,94,.10), transparent 54%),
    rgba(3,7,13,.58);
}

.shipment-command-kpi:nth-child(6){
  background:
    linear-gradient(90deg, rgba(100,116,139,.13), transparent 54%),
    rgba(3,7,13,.58);
}

.shipment-command-kpi:nth-child(7){
  background:
    linear-gradient(90deg, rgba(239,68,68,.09), transparent 54%),
    rgba(3,7,13,.58);
}

html[data-theme="light"] .shipment-command-kpi:nth-child(5){
  background: linear-gradient(90deg, rgba(34,197,94,.09), transparent 54%), #f8fafc;
}

html[data-theme="light"] .shipment-command-kpi:nth-child(6){
  background: linear-gradient(90deg, rgba(100,116,139,.10), transparent 54%), #f8fafc;
}

html[data-theme="light"] .shipment-command-kpi:nth-child(7){
  background: linear-gradient(90deg, rgba(239,68,68,.08), transparent 54%), #f8fafc;
}

/* Shipment tabs enterprise pass: one operational surface for every tab. */
.shipment-workspace-card{
  border-color: rgba(79,140,255,.28);
  background:
    linear-gradient(180deg, rgba(16,25,40,.96), rgba(5,10,17,.98)),
    var(--panel);
}

.shipment-workspace-card > .card__body{
  position: relative;
}

.shipment-workbench--compact{
  padding: 7px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(79,140,255,.08), transparent 38%),
    rgba(3,7,13,.58);
}

.shipment-workbench--compact .shipment-tabs{
  background: transparent;
  border: 0;
}

.shipment-workbench--compact .shipment-tabs .tab-btn{
  position: relative;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(203,213,225,.92);
}

.shipment-workbench--compact .shipment-tabs .tab-btn::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 4px;
  height: 2px;
  border-radius: 999px;
  background: transparent;
}

.shipment-workbench--compact .shipment-tabs .tab-btn:nth-child(1)::before{ background: rgba(79,140,255,.38); }
.shipment-workbench--compact .shipment-tabs .tab-btn:nth-child(2)::before{ background: rgba(34,211,238,.36); }
.shipment-workbench--compact .shipment-tabs .tab-btn:nth-child(3)::before{ background: rgba(34,197,94,.34); }
.shipment-workbench--compact .shipment-tabs .tab-btn:nth-child(4)::before{ background: rgba(245,158,11,.34); }
.shipment-workbench--compact .shipment-tabs .tab-btn:nth-child(5)::before{ background: rgba(167,139,250,.34); }
.shipment-workbench--compact .shipment-tabs .tab-btn:nth-child(6)::before{ background: rgba(248,113,113,.30); }

.shipment-workbench--compact .shipment-tabs .tab-btn:hover{
  border-color: rgba(148,163,184,.22);
  background: rgba(15,23,42,.56);
}

.shipment-workbench--compact .shipment-tabs .tab-btn.is-active{
  border-color: rgba(96,165,250,.56);
  background:
    linear-gradient(180deg, rgba(59,130,246,.30), rgba(37,99,235,.16)),
    rgba(15,23,42,.72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 10px 24px rgba(15,23,42,.26);
}

.shipment-workbench--compact .shipment-tabs .tab-btn.is-active::before{
  left: 8px;
  right: 8px;
  bottom: 3px;
  height: 3px;
  background: linear-gradient(90deg, #4f8cff, #22d3ee);
  box-shadow: 0 0 18px rgba(79,140,255,.36);
}

.shipment-settings-menu > summary{
  border-color: rgba(96,165,250,.30);
  background: rgba(15,23,42,.72);
}

.shipment-settings-menu[open] > summary{
  border-color: rgba(34,211,238,.58);
  background:
    linear-gradient(180deg, rgba(34,211,238,.18), rgba(37,99,235,.14)),
    rgba(15,23,42,.82);
}

.tab-panel{
  margin-top: 0;
}

.tab-panel.is-active{
  animation: none;
}

.tab-panel.is-active > .toolbar.tab-toolbar,
.tab-panel.is-active > .card:first-child > .card__header,
.tab-panel[data-panel="trip"].is-active .trip-card > .card__header,
.tab-panel[data-panel="info"].is-active > .card > .card__header{
  border-bottom-color: rgba(79,140,255,.22);
}

.tab-context-title strong,
.tab-panel .card__title{
  position: relative;
}

.tab-context-title strong::after,
.tab-panel .card__title::after{
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  margin-top: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #4f8cff, #22d3ee);
}

.tab-panel[data-panel="pallets"].is-active{
  border-left-color: rgba(34,211,238,.78);
}

.tab-panel[data-panel="tasks"].is-active{
  border-left-color: rgba(34,197,94,.72);
}

.tab-panel[data-panel="trip"].is-active{
  border-left-color: rgba(245,158,11,.72);
}

.tab-panel[data-panel="billing"].is-active{
  border-left-color: rgba(167,139,250,.72);
}

.tab-panel[data-panel="info"].is-active{
  border-left-color: rgba(248,113,113,.58);
}

.tab-panel[data-panel="trip"] .trip-grid{
  gap: 10px;
}

.tab-panel[data-panel="trip"] .trip-card{
  border-color: rgba(148,163,184,.18);
  background: rgba(3,7,13,.52);
}

.tab-panel[data-panel="trip"] .trip-form-grid{
  gap: 10px;
}

.tab-panel[data-panel="info"] .info-grid{
  padding: 10px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 8px;
  background: rgba(3,7,13,.38);
}

.tab-panel[data-panel="info"] .info-field{
  min-width: 0;
}

.tab-panel[data-panel="tasks"] .tasks-card,
.tab-panel[data-panel="pallets"] .pallet-planner-command,
.tab-panel[data-panel="pallets"] .pallet-planner-kpi{
  border-color: rgba(148,163,184,.18);
}

html[data-theme="light"] .shipment-workspace-card{
  border-color: rgba(37,99,235,.18);
  background: #fff;
}

html[data-theme="light"] .shipment-workbench--compact{
  border-color: rgba(37,99,235,.16);
  background:
    linear-gradient(90deg, rgba(37,99,235,.06), transparent 42%),
    #f8fafc;
}

html[data-theme="light"] .shipment-workbench--compact .shipment-tabs .tab-btn{
  color: #334155;
}

html[data-theme="light"] .shipment-workbench--compact .shipment-tabs .tab-btn:hover{
  background: #eef2ff;
}

html[data-theme="light"] .shipment-workbench--compact .shipment-tabs .tab-btn.is-active{
  color: #0f172a;
  background: #dbeafe;
  box-shadow: inset 0 0 0 1px rgba(37,99,235,.10);
}

html[data-theme="light"] .shipment-settings-menu > summary{
  background: #fff;
}

html[data-theme="light"] .shipment-settings-menu[open] > summary{
  background: #dbeafe;
}

html[data-theme="light"] .tab-panel[data-panel="trip"] .trip-card,
html[data-theme="light"] .tab-panel[data-panel="info"] .info-grid{
  background: #f8fafc;
  border-color: rgba(15,23,42,.12);
}

/* Shipment tabs enterprise v2.
   One visual language for every tab: command strip, action groups, main work area. */
.shipment-page--v2 .tab-panel.is-active{
  position: relative;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-left: 3px solid rgba(79,140,255,.82);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(15,23,42,.48), rgba(2,6,23,.26)),
    rgba(2,6,23,.34);
}

.shipment-page--v2 .tab-panel.is-active::before{
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(79,140,255,.55), rgba(34,211,238,.24), transparent 78%);
  pointer-events: none;
}

.shipment-page--v2 .tab-toolbar,
.shipment-page--v2 .tasks-card > .card__header,
.shipment-page--v2 .pallet-planner-command,
.shipment-page--v2 .tab-panel[data-panel="info"] > form + .card > .card__header{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(79,140,255,.10), transparent 38%),
    rgba(7,12,20,.74);
}

.shipment-page--v2 .tab-context-title strong,
.shipment-page--v2 .tasks-card .card__title,
.shipment-page--v2 .pallet-planner-command__title,
.shipment-page--v2 .trip-card .card__title{
  color: rgba(248,250,252,.98);
  font-size: 16px;
  font-weight: 950;
  letter-spacing: 0;
}

.shipment-page--v2 .tab-context-title span,
.shipment-page--v2 .tasks-card .subtle,
.shipment-page--v2 .pallet-planner-command__hint,
.shipment-page--v2 .trip-card .subtle{
  color: rgba(148,163,184,.98);
  font-size: 12px;
}

.shipment-page--v2 .toolbar__right--structured,
.shipment-page--v2 .pallet-planner-command__actions,
.shipment-page--v2 .tasks-toolbar{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
}

.shipment-page--v2 .toolbar__right--structured > .btn,
.shipment-page--v2 .toolbar__right--structured > .action-menu > summary,
.shipment-page--v2 .pallet-planner-command__actions > .btn,
.shipment-page--v2 .pallet-planner-command__actions > .action-menu > summary,
.shipment-page--v2 .tasks-toolbar .btn,
.shipment-page--v2 .tasks-toolbar .tasks-filter{
  min-height: 34px;
}

.shipment-page--v2 .action-menu > summary{
  min-width: 128px;
  justify-content: center;
}

.shipment-page--v2 .action-menu__panel{
  border-radius: 8px;
  border-color: rgba(79,140,255,.28);
  background: rgba(7,12,20,.98);
}

.shipment-page--v2 .line-add{
  margin-top: 0 !important;
  margin-bottom: 10px;
  border-color: rgba(34,211,238,.24);
  background:
    linear-gradient(90deg, rgba(34,211,238,.09), transparent 42%),
    rgba(3,7,13,.54);
}

.shipment-page--v2 .line-add__row{
  gap: 10px;
  align-items: center;
}

.shipment-page--v2 .line-add__left{
  min-width: min(420px, 100%);
}

.shipment-page--v2 .line-add__right{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shipment-page--v2 .table-wrapper{
  margin-top: 0 !important;
  padding: 0;
  border-color: rgba(79,140,255,.20);
  background: rgba(2,6,23,.42);
  overflow: hidden;
}

.shipment-page--v2 .row-totals{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 8px 0 0 !important;
}

.shipment-page--v2 .row-totals > div{
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 7px;
  background: rgba(3,7,13,.54);
  color: rgba(148,163,184,.96);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.shipment-page--v2 .row-totals strong{
  float: right;
  color: rgba(248,250,252,.98);
  font-size: 14px;
}

.shipment-page--v2 .pallet-planner-command{
  grid-template-columns: minmax(260px, 1fr) minmax(0, 2.4fr);
}

.shipment-page--v2 .pallet-planner-command__eyebrow{
  color: rgba(34,211,238,.95);
}

.shipment-page--v2 .pallet-planner-kpis{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 10px;
}

.shipment-page--v2 .pallet-planner-kpi{
  min-height: 70px;
  padding: 10px;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(34,211,238,.08), transparent 55%),
    rgba(3,7,13,.50);
}

.shipment-page--v2 #pallet-editor-meta{
  margin-top: 0 !important;
  margin-bottom: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 7px;
  background: rgba(15,23,42,.40);
}

.shipment-page--v2 .pallet-editor-root{
  margin-top: 0 !important;
}

.shipment-page--v2 .pallet-editor-grid{
  gap: 10px;
}

.shipment-page--v2 .tasks-card{
  margin: 0;
  border-color: rgba(34,197,94,.22);
  background: rgba(3,7,13,.48);
}

.shipment-page--v2 .tasks-card > .card__header{
  margin: 0;
  border-width: 0 0 1px 0;
  border-radius: 8px 8px 0 0;
  background:
    linear-gradient(90deg, rgba(34,197,94,.10), transparent 40%),
    rgba(7,12,20,.70);
}

.shipment-page--v2 .tasks-toolbar .tasks-filter{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 7px;
  background: rgba(15,23,42,.58);
  color: rgba(226,232,240,.92);
  font-size: 12px;
  font-weight: 850;
}

.shipment-page--v2 .tasks-toolbar .tasks-filter select{
  min-width: 160px;
}

.shipment-page--v2 .tab-panel[data-panel="trip"].is-active{
  padding: 10px;
}

.shipment-page--v2 .tab-panel[data-panel="trip"] > .tab-toolbar{
  background:
    linear-gradient(90deg, rgba(245,158,11,.12), transparent 42%),
    rgba(7,12,20,.74);
}

.shipment-page--v2 .trip-grid{
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
}

.shipment-page--v2 .trip-card{
  border-radius: 8px;
  overflow: hidden;
}

.shipment-page--v2 .trip-card > .card__header{
  padding: 10px 12px;
  background:
    linear-gradient(90deg, rgba(245,158,11,.08), transparent 46%),
    rgba(15,23,42,.54);
}

.shipment-page--v2 .trip-card > .card__body{
  padding: 12px;
}

.shipment-page--v2 .trip-form-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shipment-page--v2 .trip-form-field--wide{
  grid-column: 1 / -1;
}

.shipment-page--v2 .trip-details{
  border-color: rgba(245,158,11,.22);
}

.shipment-page--v2 .tab-panel[data-panel="info"] > .subtle{
  margin: 0 0 10px !important;
  padding: 10px 12px;
  border: 1px solid rgba(248,113,113,.18);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(248,113,113,.08), transparent 42%),
    rgba(7,12,20,.62);
}

.shipment-page--v2 .tab-panel[data-panel="info"] form{
  margin-bottom: 10px;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .toolbar{
  padding: 10px 0 0;
}

.shipment-page--v2 .tab-panel[data-panel="info"] > .card{
  border-color: rgba(248,113,113,.20);
  background: rgba(3,7,13,.46);
}

.shipment-page--v2 .tab-panel[data-panel="billing"].is-active{
  background:
    linear-gradient(180deg, rgba(88,28,135,.12), rgba(2,6,23,.28)),
    rgba(2,6,23,.34);
}

@media (max-width: 1500px){
  .shipment-page--v2 .tab-toolbar,
  .shipment-page--v2 .tasks-card > .card__header,
  .shipment-page--v2 .pallet-planner-command{
    min-height: 50px;
    padding: 8px 10px;
  }

  .shipment-page--v2 .tab-context-title strong,
  .shipment-page--v2 .tasks-card .card__title,
  .shipment-page--v2 .pallet-planner-command__title,
  .shipment-page--v2 .trip-card .card__title{
    font-size: 14px;
  }

  .shipment-page--v2 .tab-context-title span,
  .shipment-page--v2 .tasks-card .subtle,
  .shipment-page--v2 .pallet-planner-command__hint,
  .shipment-page--v2 .trip-card .subtle{
    font-size: 11px;
  }

  .shipment-page--v2 .toolbar__right--structured > .btn,
  .shipment-page--v2 .toolbar__right--structured > .action-menu > summary,
  .shipment-page--v2 .pallet-planner-command__actions > .btn,
  .shipment-page--v2 .pallet-planner-command__actions > .action-menu > summary{
    min-height: 30px;
    padding: 6px 9px;
    font-size: 11px;
  }
}

@media (max-width: 1180px){
  .shipment-page--v2 .tab-toolbar,
  .shipment-page--v2 .tasks-card > .card__header,
  .shipment-page--v2 .pallet-planner-command{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .toolbar__right--structured,
  .shipment-page--v2 .pallet-planner-command__actions,
  .shipment-page--v2 .tasks-toolbar{
    justify-content: flex-start;
  }

  .shipment-page--v2 .trip-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .tab-panel.is-active{
    padding: 8px;
  }

  .shipment-page--v2 .row-totals,
  .shipment-page--v2 .pallet-planner-kpis{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .line-add__row,
  .shipment-page--v2 .line-add__right{
    display: grid;
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .line-add__left{
    min-width: 0;
  }

  .shipment-page--v2 .action-menu,
  .shipment-page--v2 .action-menu > summary,
  .shipment-page--v2 .toolbar__right--structured > .btn{
    width: 100%;
  }
}

html[data-theme="light"] .shipment-page--v2 .tab-panel.is-active{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .tab-toolbar,
html[data-theme="light"] .shipment-page--v2 .tasks-card > .card__header,
html[data-theme="light"] .shipment-page--v2 .pallet-planner-command,
html[data-theme="light"] .shipment-page--v2 .tab-panel[data-panel="info"] > form + .card > .card__header{
  border-color: rgba(15,23,42,.12);
  background:
    linear-gradient(90deg, rgba(37,99,235,.06), transparent 40%),
    #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .tab-context-title strong,
html[data-theme="light"] .shipment-page--v2 .tasks-card .card__title,
html[data-theme="light"] .shipment-page--v2 .pallet-planner-command__title,
html[data-theme="light"] .shipment-page--v2 .trip-card .card__title{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .line-add,
html[data-theme="light"] .shipment-page--v2 .table-wrapper,
html[data-theme="light"] .shipment-page--v2 .row-totals > div,
html[data-theme="light"] .shipment-page--v2 .pallet-planner-kpi,
html[data-theme="light"] .shipment-page--v2 .tasks-card,
html[data-theme="light"] .shipment-page--v2 .trip-card,
html[data-theme="light"] .shipment-page--v2 .tab-panel[data-panel="info"] > .subtle,
html[data-theme="light"] .shipment-page--v2 .tab-panel[data-panel="info"] > .card,
html[data-theme="light"] .shipment-page--v2 #pallet-editor-meta{
  border-color: rgba(15,23,42,.12);
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .row-totals > div{
  color: #475569;
}

html[data-theme="light"] .shipment-page--v2 .row-totals strong{
  color: #0f172a;
}

/* Shipment tabs enterprise v3: deeper pallet planner + warehouse tasks polish. */
.shipment-page--v2 .pallet-planner-command__actions{
  align-items: stretch;
  gap: 8px;
}

.shipment-page--v2 .pallet-action-group{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 8px;
  background: rgba(2,6,23,.24);
}

.shipment-page--v2 .pallet-action-group::before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 999px;
  background: rgba(148,163,184,.32);
}

.shipment-page--v2 .pallet-action-group--plan::before{ background: #22d3ee; }
.shipment-page--v2 .pallet-action-group--docs::before{ background: #a78bfa; }
.shipment-page--v2 .pallet-action-group--manual::before{ background: #f59e0b; }

.shipment-page--v2 .pallet-action-group .btn,
.shipment-page--v2 .pallet-action-group .action-menu > summary{
  min-height: 30px;
  padding: 6px 9px;
  font-size: 11px;
}

.shipment-page--v2 .pallet-action-group--plan .btn-primary{
  box-shadow: 0 0 0 1px rgba(34,211,238,.20), 0 8px 18px rgba(37,99,235,.16);
}

.shipment-page--v2 .pallet-collapse{
  margin: 0;
  min-height: 30px;
  padding: 0 9px;
  border-radius: 7px;
  background: rgba(15,23,42,.55);
}

.shipment-page--v2 .pallet-planner-kpi{
  position: relative;
  overflow: hidden;
}

.shipment-page--v2 .pallet-planner-kpi::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(34,211,238,.80);
}

.shipment-page--v2 .pallet-planner-kpi:nth-child(2)::before{ background: #f59e0b; }
.shipment-page--v2 .pallet-planner-kpi:nth-child(3)::before{ background: #ef4444; }
.shipment-page--v2 .pallet-planner-kpi:nth-child(4)::before{ background: #22c55e; }

.shipment-page--v2 .pallet-editor-grid{
  padding: 10px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(34,211,238,.05), transparent 38%),
    rgba(2,6,23,.30);
}

.shipment-page--v2 .pallet-unallocated{
  border-radius: 8px;
  border-color: rgba(245,158,11,.28);
  background:
    linear-gradient(180deg, rgba(245,158,11,.08), transparent 28%),
    rgba(7,12,20,.66);
}

.shipment-page--v2 .pallet-unallocated__head{
  position: sticky;
  top: 0;
  z-index: 4;
  background:
    linear-gradient(90deg, rgba(245,158,11,.10), transparent 55%),
    rgba(7,12,20,.96);
  backdrop-filter: blur(8px);
}

.shipment-page--v2 .pallet-unallocated__title{
  color: rgba(248,250,252,.98);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.shipment-page--v2 .pallet-unallocated__row{
  align-items: flex-start;
  border-bottom-color: rgba(148,163,184,.10);
}

.shipment-page--v2 .pallet-unallocated__row:hover{
  background: rgba(245,158,11,.05);
}

.shipment-page--v2 .pallet-unallocated__qty{
  max-width: 100%;
  color: rgba(248,250,252,.96);
  font-weight: 900;
}

.shipment-page--v2 .pallets-container{
  padding-right: 4px;
}

.shipment-page--v2 .pallets-container > .pallet-card{
  border-radius: 8px;
  border-color: rgba(79,140,255,.20);
  background:
    linear-gradient(180deg, rgba(79,140,255,.06), transparent 22%),
    rgba(7,12,20,.62);
}

.shipment-page--v2 .pallet-card:hover{
  border-color: rgba(79,140,255,.38);
}

.shipment-page--v2 .task-group{
  border-radius: 8px;
  border-color: rgba(148,163,184,.16);
  background: rgba(3,7,13,.38);
}

.shipment-page--v2 .task-group__head{
  padding: 10px 12px;
  background:
    linear-gradient(90deg, rgba(34,197,94,.09), transparent 45%),
    rgba(7,12,20,.74);
}

.shipment-page--v2 .task-group__title{
  color: rgba(248,250,252,.98);
  font-size: 14px;
  font-weight: 950;
}

.shipment-page--v2 .task-group__meta{
  gap: 6px;
}

.shipment-page--v2 .task-group__meta .badge,
.shipment-page--v2 .task-row__badges .badge{
  border-radius: 6px;
  font-weight: 900;
}

.shipment-page--v2 .task-group__body{
  gap: 8px;
  padding: 10px;
}

.shipment-page--v2 .task-movement-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  padding: 4px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 8px;
  background: rgba(15,23,42,.56);
}

.shipment-page--v2 .task-movement-mode-control{
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.shipment-page--v2 .task-movement-mode{
  min-height: 30px;
  padding: 5px 10px;
  border: 0;
  border-radius: 6px;
  color: rgba(203,213,225,.92);
  background: transparent;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.shipment-page--v2 .task-movement-mode:hover{
  color: rgba(248,250,252,.98);
  background: rgba(148,163,184,.12);
}

.shipment-page--v2 .task-movement-mode.is-active{
  color: rgba(248,250,252,.98);
  background: rgba(34,197,94,.24);
  box-shadow: inset 0 0 0 1px rgba(34,197,94,.32);
}

.shipment-page--v2 .task-movement-summary{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px 10px;
  min-height: 30px;
  padding: 4px 8px;
  color: rgba(148,163,184,.96);
  font-size: 11px;
  font-weight: 800;
}

.shipment-page--v2 .task-movement-summary span{
  white-space: nowrap;
}

.shipment-page--v2 .task-movement-summary strong{
  color: rgba(248,250,252,.98);
  font-size: 12px;
}

.shipment-page--v2 .task-movement-groups{
  display: grid;
  gap: 8px;
}

.shipment-page--v2 .task-movement-bucket{
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.28);
}

.shipment-page--v2 .task-movement-bucket > summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 8px 10px;
  cursor: pointer;
  list-style: none;
}

.shipment-page--v2 .task-movement-bucket > summary::-webkit-details-marker{
  display: none;
}

.shipment-page--v2 .task-movement-bucket > summary span{
  min-width: 0;
  color: rgba(248,250,252,.96);
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.shipment-page--v2 .task-movement-bucket > summary em{
  color: rgba(148,163,184,.95);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.shipment-page--v2 .task-movement-bucket__body{
  display: grid;
  gap: 8px;
  padding: 0 8px 8px;
}

.shipment-page--v2 .task-movement-bucket--attention{
  border-color: rgba(245,158,11,.48);
  background: rgba(120,53,15,.14);
}

.shipment-page--v2 .task-movement-bucket--attention > summary span{
  color: #fcd34d;
}

.shipment-page--v2 .task-movement-purpose{
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.18);
  border-left: 3px solid rgba(148,163,184,.52);
  border-radius: 8px;
  background: rgba(15,23,42,.32);
}

.shipment-page--v2 .task-movement-purpose[data-movement-purpose-group="outbound"]{
  border-left-color: #4f8cff;
}

.shipment-page--v2 .task-movement-purpose[data-movement-purpose-group="picking"]{
  border-left-color: #22d3ee;
}

.shipment-page--v2 .task-movement-purpose[data-movement-purpose-group="rework"]{
  border-left-color: #f59e0b;
}

.shipment-page--v2 .task-movement-purpose > summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  padding: 8px 10px;
  cursor: pointer;
  list-style: none;
  background: rgba(15,23,42,.42);
}

.shipment-page--v2 .task-movement-purpose > summary::-webkit-details-marker{
  display: none;
}

.shipment-page--v2 .task-movement-purpose > summary span{
  min-width: 0;
  color: rgba(248,250,252,.98);
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.shipment-page--v2 .task-movement-purpose > summary em{
  color: rgba(148,163,184,.98);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

.shipment-page--v2 .task-movement-purpose__body{
  display: grid;
  gap: 8px;
  padding: 8px;
}

.shipment-page--v2 .task-business-subsections{
  display: grid;
  gap: 8px;
}

.shipment-page--v2 .task-business-subsection{
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.18);
  border-left: 3px solid rgba(148,163,184,.52);
  border-radius: 8px;
  background: rgba(2,6,23,.28);
}

.shipment-page--v2 .task-business-subsection[data-business-subsection="execution"]{
  border-left-color: #f59e0b;
}

.shipment-page--v2 .task-business-subsection[data-business-subsection="check"]{
  border-left-color: #22d3ee;
}

.shipment-page--v2 .task-business-subsection > summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  padding: 8px 10px;
  cursor: pointer;
  list-style: none;
  background: rgba(15,23,42,.42);
}

.shipment-page--v2 .task-business-subsection > summary::-webkit-details-marker{
  display: none;
}

.shipment-page--v2 .task-business-subsection > summary span{
  min-width: 0;
  color: rgba(248,250,252,.98);
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.shipment-page--v2 .task-business-subsection > summary em{
  color: rgba(148,163,184,.98);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

.shipment-page--v2 .task-business-subsection__body{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}

.shipment-page--v2 .task-row{
  position: relative;
  border-radius: 8px;
  border-color: rgba(148,163,184,.14);
  background: rgba(7,12,20,.55);
  box-shadow: none;
}

.shipment-page--v2 .task-row:hover{
  border-color: rgba(96,165,250,.30);
  background: rgba(15,23,42,.72);
}

.shipment-page--v2 .task-row--status-open{ border-left-color: #94a3b8; }
.shipment-page--v2 .task-row--status-in_progress{ border-left-color: #4f8cff; }
.shipment-page--v2 .task-row--status-blocked{ border-left-color: #f59e0b; }
.shipment-page--v2 .task-row--status-done{ border-left-color: #22c55e; }
.shipment-page--v2 .task-row--status-failed{ border-left-color: #ef4444; }
.shipment-page--v2 .task-row--status-cancelled{ border-left-color: #64748b; opacity: .82; }

.shipment-page--v2 .task-row--projection-attention{
  border-color: rgba(245,158,11,.38);
  border-left-color: #f59e0b;
  background: rgba(120,53,15,.12);
}

.shipment-page--v2 .task-row__projection-attention{
  color: #fde68a;
}

.shipment-page--v2 .task-row__title{
  margin-bottom: 5px;
  font-size: 13px;
}

.shipment-page--v2 .task-row__title .task-id{
  background: rgba(79,140,255,.18);
  color: #bfdbfe;
}

.shipment-page--v2 .task-row-progress{
  min-width: 170px;
  border-color: rgba(148,163,184,.14);
  background: rgba(2,6,23,.38);
}

.shipment-page--v2 .task-stops__list{
  gap: 6px;
}

.shipment-page--v2 .task-stop{
  background: rgba(2,6,23,.36);
  border-color: rgba(148,163,184,.12);
}

.shipment-page--v2 .task-stop__loc{
  color: rgba(248,250,252,.98);
}

html[data-theme="light"] .shipment-page--v2 .pallet-action-group,
html[data-theme="light"] .shipment-page--v2 .pallet-editor-grid,
html[data-theme="light"] .shipment-page--v2 .pallet-unallocated,
html[data-theme="light"] .shipment-page--v2 .pallets-container > .pallet-card,
html[data-theme="light"] .shipment-page--v2 .task-group,
html[data-theme="light"] .shipment-page--v2 .task-row,
html[data-theme="light"] .shipment-page--v2 .task-row-progress,
html[data-theme="light"] .shipment-page--v2 .task-stop{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .pallet-collapse{
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .pallet-unallocated__head,
html[data-theme="light"] .shipment-page--v2 .task-group__head{
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .pallet-unallocated__title,
html[data-theme="light"] .shipment-page--v2 .task-group__title,
html[data-theme="light"] .shipment-page--v2 .task-stop__loc{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .pallet-unallocated__qty{
  color: #0f172a;
}

/* Shipment tabs enterprise v4: stable tab switching + logistics/documents polish. */
.shipment-page--v2 .tab-panel{
  scroll-margin-top: 96px;
}

.shipment-page--v2 .tab-panel[data-panel="trip"] > .tab-toolbar{
  border-left: 3px solid rgba(245,158,11,.82);
}

.shipment-page--v2 .trip-grid{
  gap: 10px;
}

.shipment-page--v2 .trip-col{
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
}

.shipment-page--v2 .trip-card{
  position: relative;
  border-color: rgba(245,158,11,.18);
  background:
    linear-gradient(180deg, rgba(245,158,11,.055), transparent 24%),
    rgba(7,12,20,.62);
}

.shipment-page--v2 .trip-card::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(245,158,11,.58);
  opacity: .95;
}

.shipment-page--v2 .trip-card .card__header{
  min-height: 54px;
}

.shipment-page--v2 .trip-card .card__header .row{
  margin: 0;
}

.shipment-page--v2 .trip-form-grid{
  gap: 8px;
}

.shipment-page--v2 .trip-form-field{
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 8px;
  background: rgba(2,6,23,.24);
}

.shipment-page--v2 .trip-form-field--wide{
  padding: 0;
  border: 0;
  background: transparent;
}

.shipment-page--v2 .trip-form-label{
  margin-bottom: 5px;
  color: rgba(148,163,184,.96);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-page--v2 .trip-suggest-row{
  gap: 6px;
}

.shipment-page--v2 .trip-details__summary{
  background:
    linear-gradient(90deg, rgba(245,158,11,.08), transparent 52%),
    rgba(15,23,42,.52);
}

.shipment-page--v2 .trip-details[open] .trip-details__summary{
  border-bottom: 1px solid rgba(245,158,11,.18);
}

.shipment-page--v2 #trip-linked-shipments,
.shipment-page--v2 #trip-trip-docs{
  min-height: 34px;
}

.shipment-page--v2 .shipment-info-command{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 0 0 10px;
  padding: 12px;
  border: 1px solid rgba(248,113,113,.18);
  border-left: 3px solid rgba(248,113,113,.68);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(248,113,113,.08), transparent 42%),
    rgba(7,12,20,.66);
}

.shipment-page--v2 .shipment-info-command__eyebrow{
  color: rgba(248,113,113,.92);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.shipment-page--v2 .shipment-info-command__title{
  margin-top: 4px;
  color: rgba(248,250,252,.98);
  font-size: 16px;
  font-weight: 950;
}

.shipment-page--v2 .shipment-info-command__hint{
  margin-top: 4px;
  color: rgba(148,163,184,.98);
  font-size: 12px;
}

.shipment-page--v2 .shipment-info-command__state{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(248,113,113,.26);
  border-radius: 7px;
  background: rgba(127,29,29,.18);
  color: #fecaca;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .info-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .info-field{
  padding: 9px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 8px;
  background: rgba(2,6,23,.24);
}

.shipment-page--v2 .tab-panel[data-panel="info"] .info-field--wide{
  grid-column: 1 / -1;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .info-label{
  color: rgba(148,163,184,.96);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-page--v2 .tab-panel[data-panel="info"] > .card .card__body > .row{
  display: grid !important;
  grid-template-columns: minmax(160px, .8fr) minmax(220px, 1fr) auto auto auto;
  gap: 8px !important;
  align-items: end !important;
}

.shipment-page--v2 .tab-panel[data-panel="info"] > .card .card__body .input{
  width: 100% !important;
  min-width: 0 !important;
}

.shipment-page--v2 #wb-pdf-tools,
.shipment-page--v2 #ozon-fbo-pdf-tools{
  padding: 8px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 8px;
  background: rgba(15,23,42,.34);
}

@media (max-width: 1500px){
  .shipment-page--v2 .tab-panel[data-panel="info"] .info-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px){
  .shipment-page--v2 .shipment-info-command{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .tab-panel[data-panel="info"] > .card .card__body > .row{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .tab-panel[data-panel="info"] .info-grid,
  .shipment-page--v2 .tab-panel[data-panel="info"] > .card .card__body > .row{
    grid-template-columns: 1fr;
  }
}

html[data-theme="light"] .shipment-page--v2 .trip-card,
html[data-theme="light"] .shipment-page--v2 .trip-form-field,
html[data-theme="light"] .shipment-page--v2 .shipment-info-command,
html[data-theme="light"] .shipment-page--v2 .tab-panel[data-panel="info"] .info-field,
html[data-theme="light"] .shipment-page--v2 #wb-pdf-tools,
html[data-theme="light"] .shipment-page--v2 #ozon-fbo-pdf-tools{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .trip-details__summary{
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .shipment-info-command__title{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .shipment-info-command__state{
  background: #fee2e2;
  color: #991b1b;
}

/* Shipment tabs enterprise v5: billing tab polish + stable compact panels. */
.shipment-page--v2 .billing-panel--document{
  gap: 10px;
}

.shipment-page--v2 .billing-panel--document .billing-summary{
  position: relative;
  overflow: hidden;
  border-color: rgba(167,139,250,.24);
  border-left: 3px solid rgba(167,139,250,.72);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(167,139,250,.10), transparent 44%),
    rgba(7,12,20,.66);
}

.shipment-page--v2 .billing-panel--document .billing-summary::after{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(167,139,250,.9), transparent 62%);
  opacity: .8;
}

.shipment-page--v2 .billing-panel--document .billing-summary__label{
  color: rgba(196,181,253,.96);
}

.shipment-page--v2 .billing-panel--document .billing-summary__value{
  font-size: 28px;
  letter-spacing: 0;
}

.shipment-page--v2 .billing-panel--document .billing-summary__actions .btn{
  min-height: 34px;
}

.shipment-page--v2 .billing-settings-card,
.shipment-page--v2 .billing-manual-card,
.shipment-page--v2 .billing-filter-card{
  border-color: rgba(148,163,184,.14);
  border-radius: 8px;
  background: rgba(7,12,20,.54);
}

.shipment-page--v2 .billing-settings-card{
  border-left: 3px solid rgba(34,211,238,.58);
}

.shipment-page--v2 .billing-manual-card{
  border-left: 3px solid rgba(245,158,11,.58);
}

.shipment-page--v2 .billing-filter-card{
  border-left: 3px solid rgba(79,140,255,.58);
}

.shipment-page--v2 .billing-settings-form,
.shipment-page--v2 .billing-manual-form{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(140px, 1fr)) minmax(220px, 1.4fr) auto;
  gap: 8px !important;
  align-items: end !important;
}

.shipment-page--v2 .billing-settings-form > .subtle{
  align-self: center;
}

.shipment-page--v2 .billing-settings-form .input,
.shipment-page--v2 .billing-manual-form .input{
  width: 100% !important;
  min-width: 0 !important;
}

.shipment-page--v2 .billing-panel--document .billing-table-wrap{
  border-color: rgba(167,139,250,.18);
  border-radius: 8px;
  background: rgba(2,6,23,.24);
}

.shipment-page--v2 .billing-panel--document .billing-table th{
  background:
    linear-gradient(180deg, rgba(167,139,250,.12), rgba(15,23,42,.52));
  color: rgba(226,232,240,.94);
}

.shipment-page--v2 .billing-panel--document .billing-table td{
  border-bottom-color: rgba(148,163,184,.12);
}

.shipment-page--v2 .billing-panel--document .billing-service-name{
  color: rgba(248,250,252,.98);
}

@media (max-width: 1500px){
  .shipment-page--v2 .billing-settings-form,
  .shipment-page--v2 .billing-manual-form{
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .billing-settings-form,
  .shipment-page--v2 .billing-manual-form{
    grid-template-columns: 1fr;
  }
}

html[data-theme="light"] .shipment-page--v2 .billing-panel--document .billing-summary,
html[data-theme="light"] .shipment-page--v2 .billing-settings-card,
html[data-theme="light"] .shipment-page--v2 .billing-manual-card,
html[data-theme="light"] .shipment-page--v2 .billing-filter-card,
html[data-theme="light"] .shipment-page--v2 .billing-panel--document .billing-table-wrap{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .billing-panel--document .billing-summary__label{
  color: #6d28d9;
}

html[data-theme="light"] .shipment-page--v2 .billing-panel--document .billing-service-name{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .billing-panel--document .billing-table th{
  background: #f1f5f9;
  color: #334155;
}

/* Shipment enterprise v6: safer destructive actions + stronger document accents. */
.shipment-page--v2 .btn-danger-quiet{
  border-color: rgba(248,113,113,.30);
  background: rgba(127,29,29,.10);
  color: #fecaca;
}

.shipment-page--v2 .btn-danger-quiet:hover{
  border-color: rgba(248,113,113,.55);
  background: rgba(127,29,29,.20);
}

.shipment-page--v2 .shipment-danger-action{
  position: relative;
  display: inline-flex;
  align-self: stretch;
}

.shipment-page--v2 .shipment-danger-action > summary{
  list-style: none;
}

.shipment-page--v2 .shipment-danger-action > summary::-webkit-details-marker{
  display: none;
}

.shipment-page--v2 .shipment-danger-action__panel{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 90;
  width: 250px;
  padding: 12px;
  border: 1px solid rgba(248,113,113,.34);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(127,29,29,.18), rgba(7,12,20,.98)),
    rgba(7,12,20,.98);
  box-shadow: 0 20px 48px rgba(0,0,0,.45);
}

.shipment-page--v2 .shipment-danger-action__title{
  color: #fecaca;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-page--v2 .shipment-danger-action__hint{
  margin: 6px 0 10px;
  color: rgba(203,213,225,.86);
  font-size: 12px;
  line-height: 1.3;
}

.shipment-page--v2 .shipment-command-center{
  border-color: rgba(79,140,255,.42);
  box-shadow: 0 18px 42px rgba(2,6,23,.30), inset 0 0 0 1px rgba(255,255,255,.025);
}

.shipment-page--v2 .shipment-meta-item,
.shipment-page--v2 .shipment-command-kpi{
  border-color: rgba(148,163,184,.18);
}

.shipment-page--v2 .shipment-meta-item:nth-child(1){ border-left: 3px solid rgba(79,140,255,.70); }
.shipment-page--v2 .shipment-meta-item:nth-child(2){ border-left: 3px solid rgba(34,211,238,.62); }
.shipment-page--v2 .shipment-meta-item:nth-child(3){ border-left: 3px solid rgba(167,139,250,.62); }
.shipment-page--v2 .shipment-meta-item:nth-child(4){ border-left: 3px solid rgba(245,158,11,.62); }
.shipment-page--v2 .shipment-meta-item:nth-child(5){ border-left: 3px solid rgba(34,197,94,.58); }
.shipment-page--v2 .shipment-meta-item:nth-child(6){ border-left: 3px solid rgba(100,116,139,.72); }

.shipment-page--v2 .shipment-workspace-card{
  border-color: rgba(79,140,255,.30);
}

.shipment-page--v2 .shipment-workbench--compact{
  border-color: rgba(79,140,255,.20);
}

.shipment-page--v2 .tab-panel.is-active{
  min-height: 220px;
}

html[data-theme="light"] .shipment-page--v2 .btn-danger-quiet{
  border-color: rgba(185,28,28,.24);
  background: #fff7f7;
  color: #991b1b;
}

html[data-theme="light"] .shipment-page--v2 .shipment-danger-action__panel{
  border-color: rgba(185,28,28,.22);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .shipment-danger-action__title{
  color: #991b1b;
}

html[data-theme="light"] .shipment-page--v2 .shipment-danger-action__hint{
  color: #64748b;
}

html[data-theme="light"] .shipment-page--v2 .shipment-meta-item,
html[data-theme="light"] .shipment-page--v2 .shipment-command-kpi{
  border-color: rgba(15,23,42,.12);
}

/* Tasks tab: dispatcher-grade overview before the detailed task stream. */
.shipment-page--v2 .tasks-overview{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 10px;
}

.shipment-page--v2 .tasks-overview__movement-attention{
  grid-column:1 / -1;
  padding:7px 10px;
  border-left:3px solid #f59e0b;
  color:#fbbf24;
  background:rgba(120,53,15,.18);
  font-size:11px;
  font-weight:850;
  line-height:1.4;
}

.shipment-page--v2 .tasks-overview__card{
  position: relative;
  min-width: 0;
  min-height: 70px;
  padding: 9px 10px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(148,163,184,.055), transparent 62%),
    rgba(7,12,20,.58);
}

.shipment-page--v2 .tasks-overview__card::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #94a3b8;
}

.shipment-page--v2 .tasks-overview__card--total::before{ background: #4f8cff; }
.shipment-page--v2 .tasks-overview__card--blocked::before{ background: #f59e0b; }
.shipment-page--v2 .tasks-overview__card--active::before{ background: #22d3ee; }
.shipment-page--v2 .tasks-overview__card--done::before{ background: #22c55e; }
.shipment-page--v2 .tasks-overview__card--progress::before{ background: #a78bfa; }

.shipment-page--v2 .tasks-overview__card span{
  display: block;
  color: rgba(148,163,184,.95);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.shipment-page--v2 .tasks-overview__card strong{
  display: block;
  margin-top: 5px;
  color: rgba(248,250,252,.98);
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.shipment-page--v2 .tasks-overview__card em{
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: rgba(148,163,184,.95);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipment-page--v2 .tasks-overview__card--blocked strong{
  color: #fbbf24;
}

@media (max-width: 1500px){
  .shipment-page--v2 .tasks-overview{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
  }

  .shipment-page--v2 .tasks-overview__card{
    min-height: 58px;
    padding: 7px 8px;
  }

  .shipment-page--v2 .tasks-overview__card strong{
    font-size: 18px;
  }

  .shipment-page--v2 .tasks-overview__card em{
    font-size: 9px;
  }
}

@media (max-width: 980px){
  .shipment-page--v2 .tasks-overview{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

html[data-theme="light"] .shipment-page--v2 .tasks-overview__card{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .tasks-overview__movement-attention{
  color:#92400e;
  background:#fffbeb;
}

html[data-theme="light"] .shipment-page--v2 .tasks-overview__card strong{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .tasks-overview__card--blocked strong{
  color: #b45309;
}

/* Tasks dispatcher v2: make blockers and routes visible without opening every row. */
.shipment-page--v2 .tasks-attention{
  display: grid;
  grid-template-columns: minmax(190px, .22fr) minmax(0, 1fr);
  gap: 10px;
  margin: 0 0 10px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(245,158,11,.24);
  border-left: 3px solid rgba(245,158,11,.86);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(245,158,11,.13), transparent 42%),
    rgba(7,12,20,.68);
}

.shipment-page--v2 .tasks-attention--clean{
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border-color: rgba(34,197,94,.22);
  border-left-color: rgba(34,197,94,.82);
  background:
    linear-gradient(90deg, rgba(34,197,94,.12), transparent 42%),
    rgba(7,12,20,.62);
}

.shipment-page--v2 .tasks-attention__head,
.shipment-page--v2 .tasks-attention--clean > div{
  display: grid;
  gap: 5px;
  align-content: start;
}

.shipment-page--v2 .tasks-attention__eyebrow{
  color: rgba(251,191,36,.98);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.shipment-page--v2 .tasks-attention--clean .tasks-attention__eyebrow{
  color: rgba(74,222,128,.98);
}

.shipment-page--v2 .tasks-attention__head strong,
.shipment-page--v2 .tasks-attention--clean strong{
  color: rgba(248,250,252,.98);
  font-size: 16px;
  font-weight: 950;
  line-height: 1.1;
}

.shipment-page--v2 .tasks-attention--clean em{
  color: rgba(148,163,184,.94);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.shipment-page--v2 .tasks-attention__list{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 7px;
}

.shipment-page--v2 .tasks-attention__item{
  min-width: 0;
  padding: 8px 9px;
  text-align: left;
  cursor: pointer;
  border: 1px solid rgba(245,158,11,.25);
  border-radius: 7px;
  color: rgba(248,250,252,.96);
  background: rgba(2,6,23,.46);
}

.shipment-page--v2 .tasks-attention__item:hover{
  border-color: rgba(251,191,36,.58);
  background: rgba(30,41,59,.72);
}

.shipment-page--v2 .tasks-attention__item span,
.shipment-page--v2 .tasks-attention__item strong,
.shipment-page--v2 .tasks-attention__item em{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipment-page--v2 .tasks-attention__task{
  color: rgba(191,219,254,.94);
  font-size: 11px;
  font-weight: 900;
}

.shipment-page--v2 .tasks-attention__item strong{
  margin-top: 3px;
  font-size: 12px;
  font-weight: 950;
}

.shipment-page--v2 .tasks-attention__item em{
  margin-top: 3px;
  color: rgba(148,163,184,.98);
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

.shipment-page--v2 .task-row__route{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 2px 0;
}

.shipment-page--v2 .task-row__route span{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid rgba(96,165,250,.20);
  border-radius: 7px;
  color: rgba(226,232,240,.96);
  background: rgba(15,23,42,.54);
}

.shipment-page--v2 .task-row__route strong{
  color: rgba(125,211,252,.95);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-page--v2 .task-row__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 1px;
}

.shipment-page--v2 .task-chip{
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 999px;
  color: rgba(203,213,225,.94);
  background: rgba(2,6,23,.42);
  font-size: 10px;
  font-weight: 900;
}

.shipment-page--v2 .task-chip--kind{
  border-color: rgba(79,140,255,.28);
  color: #bfdbfe;
  background: rgba(79,140,255,.13);
}

.shipment-page--v2 .task-chip--route,
.shipment-page--v2 .task-chip--dest{
  border-color: rgba(34,211,238,.24);
  color: #a5f3fc;
}

.shipment-page--v2 .task-chip--plan{
  border-color: rgba(167,139,250,.28);
  color: #ddd6fe;
}

@media (max-width: 1200px){
  .shipment-page--v2 .tasks-attention{
    grid-template-columns: 1fr;
  }
}

html[data-theme="light"] .shipment-page--v2 .tasks-attention{
  border-color: rgba(217,119,6,.22);
  background:
    linear-gradient(90deg, rgba(245,158,11,.10), transparent 42%),
    #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .tasks-attention--clean{
  border-color: rgba(22,163,74,.18);
  background:
    linear-gradient(90deg, rgba(34,197,94,.08), transparent 42%),
    #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .tasks-attention__head strong,
html[data-theme="light"] .shipment-page--v2 .tasks-attention--clean strong{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .tasks-attention__item{
  border-color: rgba(217,119,6,.20);
  color: #0f172a;
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .tasks-attention__item:hover{
  border-color: rgba(217,119,6,.45);
  background: #fff7ed;
}

html[data-theme="light"] .shipment-page--v2 .tasks-attention__task{
  color: #1d4ed8;
}

html[data-theme="light"] .shipment-page--v2 .tasks-attention__item em,
html[data-theme="light"] .shipment-page--v2 .tasks-attention--clean em{
  color: #64748b;
}

html[data-theme="light"] .shipment-page--v2 .task-row__route span,
html[data-theme="light"] .shipment-page--v2 .task-chip{
  border-color: rgba(15,23,42,.12);
  color: #334155;
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .task-row__route strong{
  color: #0369a1;
}

/* Pallet planner v7: cockpit layout and clearer pallet cards. */
.shipment-page--v2 .pallet-planner-command{
  grid-template-columns: minmax(300px, .9fr) minmax(520px, 1.4fr);
  border-color: rgba(34,211,238,.20);
  border-left: 3px solid rgba(34,211,238,.74);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(34,211,238,.10), transparent 48%),
    rgba(7,12,20,.68);
}

.shipment-page--v2 .pallet-planner-command__eyebrow{
  color: rgba(103,232,249,.95);
}

.shipment-page--v2 .pallet-planner-command__title{
  font-size: 18px;
}

.shipment-page--v2 .pallet-action-group{
  align-items: stretch;
  padding-top: 24px;
}

.shipment-page--v2 .pallet-action-group__label{
  position: absolute;
  left: 9px;
  top: 6px;
  color: rgba(148,163,184,.96);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.shipment-page--v2 .pallet-action-group .btn,
.shipment-page--v2 .pallet-action-group .action-menu > summary{
  flex: 0 1 auto;
}

.shipment-page--v2 .pallet-editor-workspace-head{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(148,163,184,.14);
  border-left: 3px solid rgba(245,158,11,.70);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(245,158,11,.08), transparent 44%),
    rgba(7,12,20,.56);
}

.shipment-page--v2 .pallet-editor-workspace-head__title{
  color: rgba(248,250,252,.98);
  font-size: 14px;
  font-weight: 950;
}

.shipment-page--v2 .pallet-editor-workspace-head__hint{
  margin-top: 3px;
  color: rgba(148,163,184,.98);
  font-size: 12px;
}

.shipment-page--v2 .pallet-editor-workspace-head__mode{
  min-width: 210px;
  padding: 7px 9px;
  border: 1px solid rgba(245,158,11,.22);
  border-radius: 7px;
  background: rgba(120,53,15,.12);
}

.shipment-page--v2 .pallet-editor-workspace-head__mode span{
  display: block;
  color: rgba(251,191,36,.95);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.shipment-page--v2 .pallet-editor-workspace-head__mode strong{
  display: block;
  margin-top: 3px;
  color: rgba(254,243,199,.98);
  font-size: 11px;
  font-weight: 850;
}

.shipment-page--v2 .pallet-card__head{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 11px 12px;
  border-bottom: 1px solid rgba(148,163,184,.14);
  background:
    linear-gradient(90deg, rgba(79,140,255,.08), transparent 55%),
    rgba(2,6,23,.18);
}

.shipment-page--v2 .pallet-card__identity{
  min-width: 0;
}

.shipment-page--v2 .pallet-card__titleline{
  color: rgba(248,250,252,.98);
  font-size: 13px;
  line-height: 1.25;
}

.shipment-page--v2 .pallet-card__titleline b{
  font-weight: 950;
}

.shipment-page--v2 .pallet-lpn,
.shipment-page--v2 .pallet-plan-fact{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipment-page--v2 .pallet-plan-fact{
  color: rgba(203,213,225,.96);
}

.shipment-page--v2 .pallet-plan-fact.is-diff{
  color: #fbbf24;
}

.shipment-page--v2 .pallet-group-count{
  min-width: 44px;
  padding: 7px 9px;
  border-radius: 8px;
  font-size: 21px;
  background:
    linear-gradient(180deg, rgba(79,140,255,.34), rgba(37,99,235,.18));
}

.shipment-page--v2 .pallet-card .table-mini{
  table-layout: fixed;
}

.shipment-page--v2 .pallet-card .table-mini th,
.shipment-page--v2 .pallet-card .table-mini td{
  padding: 7px 9px;
}

.shipment-page--v2 .pallet-card .table-mini td:first-child{
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1500px){
  .shipment-page--v2 .pallet-planner-command{
    grid-template-columns: minmax(260px, .8fr) minmax(440px, 1.4fr);
    gap: 8px;
    padding: 10px;
  }

  .shipment-page--v2 .pallet-planner-command__hint{
    font-size: 11px;
  }

  .shipment-page--v2 .pallet-action-group{
    padding: 22px 6px 6px;
  }

  .shipment-page--v2 .pallet-editor-workspace-head{
    margin-top: 8px;
    padding: 8px 10px;
  }
}

@media (max-width: 1180px){
  .shipment-page--v2 .pallet-planner-command,
  .shipment-page--v2 .pallet-editor-workspace-head{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-editor-workspace-head__mode{
    min-width: 0;
  }
}

html[data-theme="light"] .shipment-page--v2 .pallet-planner-command,
html[data-theme="light"] .shipment-page--v2 .pallet-editor-workspace-head,
html[data-theme="light"] .shipment-page--v2 .pallet-card__head{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .pallet-planner-command__eyebrow{
  color: #0369a1;
}

html[data-theme="light"] .shipment-page--v2 .pallet-editor-workspace-head__title,
html[data-theme="light"] .shipment-page--v2 .pallet-card__titleline{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .pallet-editor-workspace-head__mode{
  background: #fffbeb;
}

html[data-theme="light"] .shipment-page--v2 .pallet-editor-workspace-head__mode strong{
  color: #78350f;
}

html[data-theme="light"] .shipment-page--v2 .pallet-plan-fact{
  color: #475569;
}

/* Pallet planner v8: enterprise cockpit. The planner must feel like an
   operations console, not a fragile form with many unrelated buttons. */
.shipment-page--v2 .pallet-planner-cockpit{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, .85fr);
  gap: 10px;
  align-items: stretch;
  margin-bottom: 10px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command{
  margin: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 12px;
  border-left: 4px solid #38bdf8;
  background:
    linear-gradient(90deg, rgba(56,189,248,.16), rgba(37,99,235,.06) 46%, transparent),
    rgba(5,10,18,.78);
}

.shipment-page--v2 .pallet-planner-command__title{
  font-size: 20px;
  line-height: 1.1;
}

.shipment-page--v2 .pallet-planner-command__hint{
  min-height: 18px;
  margin-top: 5px;
  color: rgba(203,213,225,.92);
  font-size: 12px;
}

.shipment-page--v2 .pallet-planner-command__actions{
  justify-content: flex-end;
  gap: 6px;
  max-width: 620px;
}

.shipment-page--v2 .pallet-planner-command__actions > .btn,
.shipment-page--v2 .pallet-planner-command__actions > .action-menu > summary,
.shipment-page--v2 .pallet-planner-command__actions > .pallet-collapse{
  min-height: 34px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 900;
}

.shipment-page--v2 .pallet-planner-command__actions > .btn{
  padding-inline: 12px;
}

.shipment-page--v2 .pallet-more-menu .action-menu__panel{
  min-width: 220px;
}

.shipment-page--v2 .pallet-more-menu .action-menu__panel .btn{
  width: 100%;
  justify-content: flex-start;
}

.shipment-page--v2 .pallet-collapse{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.72);
  color: rgba(226,232,240,.92);
}

.shipment-page--v2 .pallet-collapse input{
  accent-color: #60a5fa;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi{
  position: relative;
  min-height: 0;
  padding: 10px 11px 10px 13px;
  border-radius: 8px;
  border-color: rgba(71,85,105,.78);
  background:
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(3,7,13,.76)),
    rgba(2,6,23,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 999px;
  background: #38bdf8;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi:nth-child(2)::before{ background: #f59e0b; }
.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi:nth-child(3)::before{ background: #ef4444; }
.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi:nth-child(4)::before{ background: #22c55e; }

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi span{
  font-size: 10px;
  letter-spacing: .10em;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi strong{
  margin-top: 4px;
  font-size: 22px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi em{
  max-width: 100%;
  font-size: 11px;
}

.shipment-page--v2 .pallet-editor-workspace-head{
  margin-top: 0;
  margin-bottom: 8px;
  border-left-color: #60a5fa;
  background:
    linear-gradient(90deg, rgba(96,165,250,.10), transparent 42%),
    rgba(5,10,18,.72);
}

.shipment-page--v2 .pallet-editor-workspace-head__mode{
  min-width: 190px;
  border-color: rgba(96,165,250,.24);
  background: rgba(30,64,175,.14);
}

.shipment-page--v2 .pallet-editor-workspace-head__mode span{
  color: #93c5fd;
}

.shipment-page--v2 .pallet-editor-workspace-head__mode strong{
  color: #dbeafe;
}

.shipment-page--v2 .pallet-editor-root{
  border: 1px solid rgba(51,65,85,.92);
  border-radius: 8px;
  background: rgba(2,6,23,.46);
  overflow: hidden;
}

.shipment-page--v2 .pallet-editor-grid{
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  padding: 0;
  gap: 0;
  background: rgba(2,6,23,.22);
}

.shipment-page--v2 .pallet-editor-col:first-child{
  border-right: 1px solid rgba(51,65,85,.92);
  background:
    linear-gradient(180deg, rgba(15,23,42,.86), rgba(2,6,23,.76));
}

.shipment-page--v2 .pallet-unallocated{
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.shipment-page--v2 .pallet-unallocated__head{
  padding: 12px;
  border-bottom: 1px solid rgba(51,65,85,.88);
  background: rgba(15,23,42,.66);
}

.shipment-page--v2 .pallet-unallocated__title{
  color: rgba(248,250,252,.98);
  font-size: 14px;
}

.shipment-page--v2 .pallet-unallocated__controls{
  width: 100%;
  grid-template-columns: 1fr;
}

.shipment-page--v2 .pallet-unallocated__controls #pallet-unalloc-q,
.shipment-page--v2 .pallet-unallocated__controls #pallet-unalloc-sort{
  width: 100%;
}

.shipment-page--v2 .pallet-unallocated__list{
  padding: 6px;
}

.shipment-page--v2 .pallet-unallocated__row{
  margin-bottom: 6px;
  border: 1px solid rgba(71,85,105,.72);
  border-radius: 7px;
  background: rgba(2,6,23,.50);
}

.shipment-page--v2 .pallet-unallocated__row:hover{
  border-color: rgba(245,158,11,.42);
  background: rgba(120,53,15,.16);
}

.shipment-page--v2 .pallet-list-panel{
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.shipment-page--v2 .pallet-list-panel__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(51,65,85,.92);
  background:
    linear-gradient(90deg, rgba(15,23,42,.92), rgba(2,6,23,.66));
}

.shipment-page--v2 .pallet-list-panel__title{
  color: rgba(248,250,252,.98);
  font-size: 15px;
  font-weight: 950;
}

.shipment-page--v2 .pallet-list-panel__hint{
  margin-top: 3px;
  color: rgba(148,163,184,.94);
  font-size: 11px;
}

.shipment-page--v2 .pallet-list-panel__legend{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  color: rgba(148,163,184,.94);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.shipment-page--v2 .pallet-density-toggle{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 8px;
  border: 1px solid rgba(96,165,250,.26);
  border-radius: 999px;
  background: rgba(30,64,175,.18);
  color: rgba(219,234,254,.96);
  cursor: pointer;
}

.shipment-page--v2 .pallet-density-toggle input{
  accent-color: #60a5fa;
}

.shipment-page--v2 .pallet-list-panel__legend span{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.shipment-page--v2 .pallet-list-panel__legend i{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
}

.shipment-page--v2 .pallet-list-panel__legend i.is-warn{ background: #f59e0b; }
.shipment-page--v2 .pallet-list-panel__legend i.is-paper{ background: #a78bfa; }

.shipment-page--v2 .pallets-container{
  flex: 1 1 auto;
  min-height: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  align-content: start;
  gap: 10px;
  overflow: auto;
}

.shipment-page--v2 .pallets-container > .pallet-card{
  position: relative;
  min-width: 0;
  border-radius: 8px;
  border: 1px solid rgba(51,65,85,.96);
  border-left: 4px solid #f59e0b;
  background:
    linear-gradient(180deg, rgba(15,23,42,.86), rgba(2,6,23,.72));
  box-shadow: none;
}

.shipment-page--v2 .pallets-container > .pallet-card--ready{
  border-left-color: #22c55e;
}

.shipment-page--v2 .pallets-container > .pallet-card--over{
  border-left-color: #ef4444;
}

.shipment-page--v2 .pallets-container > .pallet-card--paper{
  border-left-color: #a78bfa;
}

.shipment-page--v2 .pallet-card__head{
  grid-template-columns: auto minmax(0, 1fr);
  padding: 10px 11px;
  background: rgba(15,23,42,.48);
}

.shipment-page--v2 .pallet-card__metrics{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.shipment-page--v2 .pallet-card__metric{
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 7px;
  border: 1px solid rgba(148,163,184,.20);
  border-radius: 999px;
  background: rgba(15,23,42,.78);
  color: rgba(226,232,240,.96);
  font-size: 11px;
  font-weight: 900;
}

.shipment-page--v2 .pallet-execution-chip{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  margin-top: 7px;
  padding: 6px 7px;
  border: 1px solid rgba(96,165,250,.22);
  border-radius: 8px;
  background: rgba(30,64,175,.12);
}

.shipment-page--v2 .pallet-execution-chip__badge{
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(96,165,250,.18);
  color: rgba(191,219,254,.98);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .02em;
  white-space: nowrap;
}

.shipment-page--v2 .pallet-execution-chip__text{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(203,213,225,.96);
  font-size: 11px;
  font-weight: 800;
}

.shipment-page--v2 .pallet-execution-chip--pallet_top_up,
.shipment-page--v2 .pallet-execution-chip--pallet_de_layer,
.shipment-page--v2 .pallet-execution-chip--pallet_rebuild{
  border-color: rgba(245,158,11,.30);
  background: rgba(120,53,15,.16);
}

.shipment-page--v2 .pallet-execution-chip--pallet_top_up .pallet-execution-chip__badge,
.shipment-page--v2 .pallet-execution-chip--pallet_de_layer .pallet-execution-chip__badge,
.shipment-page--v2 .pallet-execution-chip--pallet_rebuild .pallet-execution-chip__badge{
  background: rgba(245,158,11,.18);
  color: rgba(253,230,138,.98);
}

.shipment-page--v2 .pallet-execution-chip--status-blocked{
  border-color: rgba(248,113,113,.34);
  background: rgba(127,29,29,.16);
}

.shipment-page--v2 .pallet-fill{
  height: 6px;
  margin-top: 8px;
  border-radius: 999px;
  background: rgba(15,23,42,.95);
  overflow: hidden;
}

.shipment-page--v2 .pallet-card--ready .pallet-fill__bar{ background: linear-gradient(90deg, #22c55e, #86efac); }
.shipment-page--v2 .pallet-card--under .pallet-fill__bar{ background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.shipment-page--v2 .pallet-card--over .pallet-fill__bar{ background: linear-gradient(90deg, #ef4444, #fb7185); }

.shipment-page--v2 .pallet-card__actions{
  padding: 8px 10px;
  border-bottom: 1px solid rgba(51,65,85,.72);
  background: rgba(2,6,23,.24);
}

.shipment-page--v2 .pallet-card__actions .btn,
.shipment-page--v2 .pallet-dl{
  min-height: 28px;
  border-radius: 6px;
  font-size: 11px;
}

.shipment-page--v2 .pallet-card .table-mini{
  margin: 0;
  border: 0;
}

.shipment-page--v2 .pallet-card .pallet-lines-table,
.shipment-page--v2 .pallet-card .pallet-lines-table tbody,
.shipment-page--v2 .pallet-card .pallet-lines-table tr,
.shipment-page--v2 .pallet-card .pallet-lines-table td{
  display: block;
  width: 100%;
}

.shipment-page--v2 .pallet-card .pallet-lines-table__head{
  display: none;
}

.shipment-page--v2 .pallet-card .pallet-line-cell{
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.shipment-page--v2 .pallet-line-card{
  padding: 9px 10px;
  border-bottom: 1px solid rgba(51,65,85,.72);
  background: rgba(2,6,23,.18);
}

.shipment-page--v2 .pallet-line-card__title{
  display: block;
  width: 100%;
  color: rgba(248,250,252,.96);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.28;
  overflow-wrap: anywhere;
  word-break: normal;
}

.shipment-page--v2 .pallet-line-card__meta{
  display: grid;
  grid-template-columns: minmax(112px, 160px) minmax(70px, 92px) auto;
  gap: 8px;
  align-items: end;
  margin-top: 8px;
}

.shipment-page--v2 .pallet-line-card__field{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.shipment-page--v2 .pallet-line-card__field > span{
  color: rgba(148,163,184,.96);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.shipment-page--v2 .pallet-line-card__field strong{
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  color: rgba(226,232,240,.98);
  font-size: 13px;
  font-weight: 950;
}

.shipment-page--v2 .pallet-line-card__field--delete{
  align-items: flex-end;
  justify-content: end;
}

.shipment-page--v2 .pallet-card .table-mini th{
  color: rgba(148,163,184,.98);
  background: rgba(15,23,42,.62);
}

.shipment-page--v2 .pallet-card .table-mini th,
.shipment-page--v2 .pallet-card .table-mini td{
  border-color: rgba(51,65,85,.72);
  font-size: 11px;
}

.shipment-page--v2 .pallet-card .table-mini input[type="number"]{
  width: 86px;
  min-height: 30px;
  font-weight: 900;
}

.shipment-page--v2 .pallet-card .sku-search{
  padding: 8px 10px 10px;
  background: rgba(2,6,23,.20);
}

.shipment-page--v2 .pallet-card .sku-input{
  width: 100%;
  min-height: 34px;
}

@media (max-width: 1500px){
  .shipment-page--v2 .pallet-planner-cockpit{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-planner-command__actions{
    max-width: none;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px){
  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-planner-command__actions{
    justify-content: flex-start;
  }

  .shipment-page--v2 .pallet-editor-grid{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-editor-col:first-child{
    border-right: 0;
    border-bottom: 1px solid rgba(51,65,85,.92);
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipment-page--v2 .pallets-container{
    grid-template-columns: 1fr;
  }
}

html[data-theme="light"] .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command,
html[data-theme="light"] .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi,
html[data-theme="light"] .shipment-page--v2 .pallet-editor-root,
html[data-theme="light"] .shipment-page--v2 .pallet-list-panel__head,
html[data-theme="light"] .shipment-page--v2 .pallets-container > .pallet-card{
  border-color: rgba(15,23,42,.13);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .pallet-editor-grid,
html[data-theme="light"] .shipment-page--v2 .pallet-editor-col:first-child,
html[data-theme="light"] .shipment-page--v2 .pallet-unallocated__head{
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .pallet-planner-command__hint,
html[data-theme="light"] .shipment-page--v2 .pallet-list-panel__hint{
  color: #475569;
}

html[data-theme="light"] .shipment-page--v2 .pallet-list-panel__title,
html[data-theme="light"] .shipment-page--v2 .pallet-unallocated__title{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__metric,
html[data-theme="light"] .shipment-page--v2 .pallet-collapse{
  background: #f8fafc;
  color: #0f172a;
  border-color: rgba(15,23,42,.14);
}

/* Pallet planner v9: page-native scrolling.
   The pallet manifest is the primary work surface, so it must not be trapped
   in a quarter-screen inner pane. */
.shipment-page--v2 .tab-panel[data-panel="pallets"].is-active{
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.shipment-page--v2 .tab-panel[data-panel="pallets"].is-active .pallet-editor-root{
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
}

.shipment-page--v2 .tab-panel[data-panel="pallets"].is-active .pallet-editor-grid{
  display: grid;
  grid-template-rows: auto;
  min-height: 0 !important;
  overflow: visible;
}

.shipment-page--v2 .pallet-list-panel{
  height: auto;
}

.shipment-page--v2 .pallets-container{
  overflow: visible;
  max-height: none;
}

.shipment-page--v2 .pallet-editor-col:first-child{
  align-self: start;
}

@media (min-width: 1181px){
  .shipment-page--v2 .pallet-editor-col:first-child{
    position: sticky;
    top: 96px;
    max-height: calc(100vh - 112px);
    overflow: auto;
  }
}

/* Pallet planner v10: coverage is a top diagnostics tray, not a left column.
   The pallet manifest gets the full working width. */
.shipment-page--v2 .pallet-coverage-panel{
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(51,65,85,.92);
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(245,158,11,.08), transparent 46%),
    rgba(15,23,42,.62);
}

.shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__head{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: 12px;
  align-items: center;
}

.shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__controls{
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 190px);
  gap: 8px;
}

.shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__list{
  max-height: 280px;
  overflow: auto;
  padding: 8px 10px 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 8px;
}

.shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__header{
  grid-column: 1 / -1;
  border: 1px solid rgba(71,85,105,.70);
  border-radius: 7px;
  background: rgba(2,6,23,.34);
}

.shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__row{
  margin: 0;
  min-width: 0;
}

.shipment-page--v2 .pallet-coverage-panel .pallet-excess{
  margin: 8px 10px 10px;
  border: 1px solid rgba(239,68,68,.24);
  border-radius: 8px;
  background: rgba(127,29,29,.12);
}

.shipment-page--v2 .pallet-editor-grid{
  grid-template-columns: 1fr !important;
}

.shipment-page--v2 .pallet-editor-col:first-child{
  position: static !important;
  top: auto !important;
  max-height: none !important;
  overflow: visible !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

.shipment-page--v2 .pallet-list-panel__head{
  position: sticky;
  top: 86px;
  z-index: 11;
}

@media (max-width: 980px){
  .shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__head{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__controls{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-list-panel__head{
    position: static;
  }
}

html[data-theme="light"] .shipment-page--v2 .pallet-coverage-panel{
  background: #f8fafc;
  border-color: rgba(15,23,42,.12);
}

html[data-theme="light"] .shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__header{
  background: #ffffff;
  border-color: rgba(15,23,42,.12);
}

/* Pallet planner v11: compact manifest mode.
   Default for real shipments: grouped pallet cards become short summary rows,
   while detailed editing remains one click away via "Развернуть". */
.shipment-page--v2.shipment-page--pallet-compact .pallets-container{
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 8px;
  padding: 8px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallets-container > .pallet-card{
  border-radius: 7px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card__head{
  padding: 8px 9px;
  gap: 8px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card__titleline{
  font-size: 12px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card__metrics{
  margin-top: 5px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card__metric{
  min-height: 20px;
  padding: 2px 6px;
  font-size: 10px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-fill{
  height: 5px;
  margin-top: 6px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-plan-fact,
.shipment-page--v2.shipment-page--pallet-compact .pallet-lpn{
  font-size: 11px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card__actions{
  padding: 6px 8px;
  gap: 5px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card__actions .btn,
.shipment-page--v2.shipment-page--pallet-compact .pallet-dl{
  min-height: 26px;
  padding: 4px 7px;
  font-size: 10px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-group-count{
  min-width: 38px;
  padding: 6px 8px;
  font-size: 18px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .sku-search{
  display: none;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .pallet-card__actions{
  border-bottom: 1px solid rgba(51,65,85,.72);
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped{
  min-height: 0;
}

html[data-theme="light"] .shipment-page--v2 .pallet-density-toggle{
  background: #eff6ff;
  border-color: rgba(37,99,235,.18);
  color: #1e3a8a;
}

html[data-theme="light"] .shipment-page--v2 .pallet-line-card{
  background: #ffffff;
  border-color: rgba(15,23,42,.10);
}

html[data-theme="light"] .shipment-page--v2 .pallet-line-card__title{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .pallet-line-card__field strong{
  color: #0f172a;
}

/* Shipment enterprise v12: final operational polish pass.
   Make the page read as one console, keep the pallet manifest page-native,
   and avoid wide-screen niceties breaking warehouse laptop screens. */
.shipment-page--v2 .shipment-command-center{
  margin-bottom: 8px;
}

.shipment-page--v2 .shipment-command-center__main{
  padding: 8px 10px;
}

.shipment-page--v2 .shipment-identity__row h1{
  font-size: clamp(24px, 1.7vw, 30px);
}

.shipment-page--v2 .shipment-meta-grid{
  grid-template-columns: repeat(6, minmax(92px, 1fr));
}

.shipment-page--v2 .shipment-command-kpis{
  grid-template-columns: repeat(7, minmax(78px, 1fr));
}

.shipment-page--v2 .shipment-workbench--compact{
  position: sticky;
  top: 0;
  z-index: 16;
  padding: 5px;
  margin-bottom: 8px;
  backdrop-filter: blur(10px);
}

.shipment-page--v2 .shipment-tabs{
  overflow-x: auto;
  scrollbar-width: thin;
}

.shipment-page--v2 .shipment-workbench--compact .shipment-tabs .tab-btn{
  min-height: 32px;
  min-width: 104px;
}

.shipment-page--v2 .shipment-settings-menu{
  z-index: 30;
}

.shipment-page--v2 .shipment-settings-menu > summary{
  min-height: 38px;
  min-width: 112px;
}

.shipment-page--v2 .shipment-settings-menu .shipment-mode-panel{
  z-index: 120;
  width: min(560px, calc(100vw - 48px));
}

.shipment-page--v2 .tab-panel.is-active{
  min-height: 0;
  padding: 8px;
}

.shipment-page--v2 .pallet-planner-cockpit{
  grid-template-columns: 1fr;
  gap: 8px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command{
  padding: 9px 10px;
}

.shipment-page--v2 .pallet-planner-command__title{
  font-size: 17px;
}

.shipment-page--v2 .pallet-planner-command__hint{
  min-height: 0;
  font-size: 11px;
}

.shipment-page--v2 .pallet-planner-command__actions{
  display: grid;
  grid-template-columns: minmax(280px, 1.5fr) minmax(130px, .55fr) minmax(190px, .75fr);
  gap: 7px;
  max-width: none;
  align-items: stretch;
}

.shipment-page--v2 .pallet-action-group{
  min-width: 0;
  justify-content: flex-start;
  padding: 22px 7px 7px;
}

.shipment-page--v2 .pallet-action-group--plan{
  border-color: rgba(34,211,238,.24);
  background: rgba(8,47,73,.16);
}

.shipment-page--v2 .pallet-action-group--docs{
  border-color: rgba(167,139,250,.24);
  background: rgba(46,16,101,.14);
}

.shipment-page--v2 .pallet-action-group--manual{
  border-color: rgba(245,158,11,.24);
  background: rgba(120,53,15,.12);
}

.shipment-page--v2 .pallet-action-group .badge{
  min-height: 28px;
  align-items: center;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi{
  padding: 8px 9px 8px 12px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi strong{
  font-size: 19px;
}

.shipment-page--v2 .pallet-editor-workspace-head{
  display: none;
}

.shipment-page--v2 .pallet-editor-root{
  overflow: visible !important;
}

.shipment-page--v2 .pallet-list-panel__head{
  position: static !important;
  top: auto !important;
  padding: 9px 11px;
}

.shipment-page--v2 .pallets-container{
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  padding: 8px;
  gap: 8px;
}

.shipment-page--v2 .pallets-container > .pallet-card{
  break-inside: avoid;
}

.shipment-page--v2 .pallet-card__head{
  padding: 8px 9px;
}

.shipment-page--v2 .pallet-card__titleline b,
.shipment-page--v2 .pallet-line-card__title{
  letter-spacing: 0;
}

.shipment-page--v2 .pallet-line-card{
  padding: 7px 8px;
}

.shipment-page--v2 .pallet-line-card__meta{
  grid-template-columns: minmax(96px, 128px) minmax(54px, 72px) auto;
  gap: 6px;
  margin-top: 6px;
}

.shipment-page--v2 .pallet-card .table-mini input[type="number"]{
  width: 72px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-line-card{
  padding: 6px 8px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-line-card__meta{
  grid-template-columns: minmax(86px, 112px) minmax(48px, 64px) auto;
  margin-top: 5px;
}

.shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__list{
  max-height: 220px;
}

.shipment-page--v2 .tab-panel[data-panel="trip"] .trip-grid{
  align-items: start;
}

.shipment-page--v2 .tab-panel[data-panel="trip"] .trip-card{
  min-height: 0;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .info-grid{
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

@media (max-width: 1500px){
  .shipment-page--v2 .shipment-command-center__header{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shipment-page--v2 .shipment-meta-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shipment-page--v2 .shipment-command-kpis{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .shipment-page--v2 .pallet-planner-command__actions{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .shipment-page--v2 .pallets-container{
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}

@media (max-width: 1180px){
  .shipment-page--v2 .shipment-workbench--compact{
    position: static;
  }

  .shipment-page--v2 .shipment-command-center__header{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .shipment-meta-grid,
  .shipment-page--v2 .shipment-command-kpis,
  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-line-card__meta{
    grid-template-columns: 1fr auto auto;
  }
}

html[data-theme="light"] .shipment-page--v2 .pallet-action-group--plan,
html[data-theme="light"] .shipment-page--v2 .pallet-action-group--docs,
html[data-theme="light"] .shipment-page--v2 .pallet-action-group--manual{
  background: #f8fafc;
  border-color: rgba(15,23,42,.12);
}

/* Shipment enterprise v13: tasks, logistics and documents are operational
   tabs, so their information density should match the pallet planner. */
.shipment-page--v2 .tasks-card{
  overflow: hidden;
}

.shipment-page--v2 .tasks-toolbar{
  align-items: stretch;
}

.shipment-page--v2 .tasks-toolbar .tasks-filter{
  min-height: 32px;
  border-left: 3px solid rgba(34,197,94,.45);
}

.shipment-page--v2 .tasks-toolbar .tasks-filter input[type="checkbox"]{
  accent-color: #22c55e;
}

.shipment-page--v2 .tasks-overview{
  position: sticky;
  top: 50px;
  z-index: 8;
  padding: 0 0 8px;
  background:
    linear-gradient(180deg, rgba(2,6,23,.96), rgba(2,6,23,.78) 78%, transparent);
  backdrop-filter: blur(8px);
}

.shipment-page--v2 .task-group{
  border-left: 3px solid rgba(34,197,94,.58);
}

.shipment-page--v2 .task-group[open]{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.shipment-page--v2 .task-group__head{
  min-height: 46px;
}

.shipment-page--v2 .task-group__title{
  display: flex;
  align-items: center;
  gap: 8px;
}

.shipment-page--v2 .task-group__title::before{
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,.10);
}

.shipment-page--v2 .task-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 260px);
  align-items: stretch;
}

.shipment-page--v2 .task-row__main{
  min-width: 0;
}

.shipment-page--v2 .task-row__side{
  min-width: 0;
  padding-left: 10px;
  border-left: 1px solid rgba(51,65,85,.70);
}

.shipment-page--v2 .task-row__title{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.25;
}

.shipment-page--v2 .task-row__meta{
  display: grid;
  gap: 5px;
}

.shipment-page--v2 .task-row__meta-line{
  line-height: 1.35;
}

.shipment-page--v2 .task-row__side-meta{
  display: grid;
  gap: 3px;
  margin-top: 8px;
  color: rgba(203,213,225,.90);
  font-size: 11px;
}

.shipment-page--v2 .task-row__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.shipment-page--v2 .task-stops{
  margin-top: 8px;
}

.shipment-page--v2 .task-stops > summary,
.shipment-page--v2 .task-events > summary{
  cursor: pointer;
  color: rgba(191,219,254,.96);
  font-size: 12px;
  font-weight: 900;
}

.shipment-page--v2 .task-stops__list{
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.shipment-page--v2 .execution-plan-summary{
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.shipment-page--v2 .tab-panel[data-panel="trip"] .trip-grid{
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
}

.shipment-page--v2 .trip-card{
  border-left: 3px solid rgba(245,158,11,.64);
}

.shipment-page--v2 .trip-card::before{
  display: none;
}

.shipment-page--v2 .trip-form-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shipment-page--v2 .trip-form-field{
  padding: 7px;
}

.shipment-page--v2 .trip-form-field--wide{
  grid-column: 1 / -1;
}

.shipment-page--v2 .trip-form-field--wide:last-child{
  display: flex;
  justify-content: flex-end;
}

.shipment-page--v2 .trip-details{
  background: rgba(2,6,23,.34);
}

.shipment-page--v2 .trip-search-results{
  display: grid;
  gap: 7px;
}

.shipment-page--v2 #trip-linked-shipments{
  display: grid;
  gap: 6px;
}

.shipment-doc-list{
  display: grid;
  gap: 7px;
}

.shipment-doc-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 8px 9px;
  border: 1px solid rgba(71,85,105,.72);
  border-left: 3px solid rgba(96,165,250,.62);
  border-radius: 7px;
  background:
    linear-gradient(90deg, rgba(96,165,250,.07), transparent 48%),
    rgba(2,6,23,.34);
}

.shipment-doc-row__main{
  min-width: 0;
}

.shipment-doc-row__main a{
  display: block;
  overflow: hidden;
  color: rgba(248,250,252,.98);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipment-doc-row__sub{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 3px;
}

.shipment-doc-row__meta,
.shipment-doc-row__source,
.shipment-doc-row__comment{
  color: rgba(148,163,184,.94);
  font-size: 11px;
  font-weight: 750;
}

.shipment-doc-row__source{
  color: rgba(191,219,254,.96);
}

.shipment-doc-row__actions{
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.shipment-page--v2 .tab-panel[data-panel="info"] > .card .card__body > .row{
  grid-template-columns: minmax(160px, .75fr) minmax(200px, 1fr) minmax(180px, auto) auto auto;
}

@media (max-width: 1500px){
  .shipment-page--v2 .tasks-overview{
    top: 44px;
  }

  .shipment-page--v2 .task-row{
    grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
  }

  .shipment-page--v2 .trip-form-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipment-page--v2 .tab-panel[data-panel="trip"] .trip-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px){
  .shipment-page--v2 .tasks-overview{
    position: static;
  }

  .shipment-page--v2 .task-row{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .task-row__side{
    padding-left: 0;
    padding-top: 8px;
    border-left: 0;
    border-top: 1px solid rgba(51,65,85,.70);
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .trip-form-grid,
  .shipment-page--v2 .tab-panel[data-panel="info"] > .card .card__body > .row,
  .shipment-doc-row{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .task-movement-toolbar{
    align-items: stretch;
  }

  .shipment-page--v2 .task-movement-mode-control{
    width: 100%;
  }

  .shipment-page--v2 .task-movement-mode{
    flex: 1 1 0;
  }

  .shipment-page--v2 .task-movement-summary{
    justify-content: flex-start;
  }

  .shipment-page--v2 .task-movement-bucket > summary,
  .shipment-page--v2 .task-movement-purpose > summary,
  .shipment-page--v2 .task-business-subsection > summary{
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .shipment-page--v2 .task-movement-bucket > summary em,
  .shipment-page--v2 .task-movement-purpose > summary em,
  .shipment-page--v2 .task-business-subsection > summary em{
    text-align: left;
    white-space: normal;
  }

  .shipment-doc-row__actions{
    justify-content: flex-start;
  }
}

html[data-theme="light"] .shipment-page--v2 .tasks-overview{
  background: linear-gradient(180deg, rgba(248,250,252,.96), rgba(248,250,252,.82) 78%, transparent);
}

html[data-theme="light"] .shipment-page--v2 .task-row__side{
  border-color: rgba(15,23,42,.12);
}

html[data-theme="light"] .shipment-page--v2 .task-movement-toolbar,
html[data-theme="light"] .shipment-page--v2 .task-movement-bucket,
html[data-theme="light"] .shipment-page--v2 .task-movement-purpose,
html[data-theme="light"] .shipment-page--v2 .task-business-subsection{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .task-movement-purpose > summary,
html[data-theme="light"] .shipment-page--v2 .task-business-subsection > summary{
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .task-movement-mode{
  color: #475569;
}

html[data-theme="light"] .shipment-page--v2 .task-movement-mode:hover{
  color: #0f172a;
  background: rgba(15,23,42,.06);
}

html[data-theme="light"] .shipment-page--v2 .task-movement-mode.is-active{
  color: #14532d;
  background: rgba(34,197,94,.16);
  box-shadow: inset 0 0 0 1px rgba(22,163,74,.30);
}

html[data-theme="light"] .shipment-page--v2 .task-movement-bucket > summary span{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .task-movement-bucket--attention{
  border-color: rgba(217,119,6,.42);
  background: #fffbeb;
}

html[data-theme="light"] .shipment-page--v2 .task-movement-bucket--attention > summary span,
html[data-theme="light"] .shipment-page--v2 .task-row__projection-attention{
  color: #92400e;
}

html[data-theme="light"] .shipment-page--v2 .task-row--projection-attention{
  border-color: rgba(217,119,6,.34);
  border-left-color: #d97706;
  background: #fffbeb;
}

html[data-theme="light"] .shipment-page--v2 .task-movement-purpose > summary span,
html[data-theme="light"] .shipment-page--v2 .task-business-subsection > summary span,
html[data-theme="light"] .shipment-page--v2 .task-movement-summary strong{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .task-movement-bucket > summary em,
html[data-theme="light"] .shipment-page--v2 .task-movement-purpose > summary em,
html[data-theme="light"] .shipment-page--v2 .task-business-subsection > summary em,
html[data-theme="light"] .shipment-page--v2 .task-movement-summary{
  color: #64748b;
}

html[data-theme="light"] .shipment-page--v2 .task-row__side-meta{
  color: #475569;
}

html[data-theme="light"] .shipment-doc-row{
  border-color: rgba(15,23,42,.12);
  background: #ffffff;
}

html[data-theme="light"] .shipment-doc-row__main a{
  color: #0f172a;
}

html[data-theme="light"] .shipment-doc-row__meta,
html[data-theme="light"] .shipment-doc-row__comment{
  color: #64748b;
}

/* Shipment enterprise v14: billing inside document should be audit-friendly.
   A client must understand status, parameters and charge sources without
   reading a dense raw table first. */
.shipment-page--v2 .billing-panel--document{
  display: grid;
  gap: 10px;
}

.shipment-page--v2 .billing-panel--document .billing-summary{
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: stretch;
  gap: 12px;
  padding: 12px;
}

.shipment-page--v2 .billing-summary__main{
  min-width: 0;
}

.shipment-page--v2 .billing-summary__status,
.shipment-page--v2 .billing-summary__explain{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 26px;
  margin-top: 6px;
  margin-right: 6px;
  padding: 4px 8px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 999px;
  background: rgba(2,6,23,.28);
  color: rgba(203,213,225,.96);
  font-size: 11px;
  font-weight: 800;
}

.shipment-page--v2 .billing-summary__status span,
.shipment-page--v2 .billing-summary__explain span{
  color: rgba(196,181,253,.98);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.shipment-page--v2 .billing-summary__status strong{
  color: rgba(248,250,252,.98);
}

.shipment-page--v2 .billing-summary__actions{
  align-content: center;
  justify-content: flex-end;
}

.shipment-page--v2 .billing-summary__actions form{
  margin: 0;
}

.shipment-page--v2 .billing-card-head{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(51,65,85,.72);
  background:
    linear-gradient(90deg, rgba(34,211,238,.08), transparent 48%),
    rgba(2,6,23,.20);
}

.shipment-page--v2 .billing-card-head__title{
  color: rgba(248,250,252,.98);
  font-size: 14px;
  font-weight: 950;
}

.shipment-page--v2 .billing-card-head__hint{
  margin-top: 3px;
  color: rgba(148,163,184,.96);
  font-size: 11px;
}

.shipment-page--v2 .billing-settings-card .card__body,
.shipment-page--v2 .billing-manual-card .card__body,
.shipment-page--v2 .billing-filter-card .card__body{
  padding: 10px 12px;
}

.shipment-page--v2 .billing-settings-form,
.shipment-page--v2 .billing-manual-form{
  grid-template-columns: repeat(4, minmax(120px, 1fr)) minmax(200px, 1.4fr) auto;
  gap: 8px !important;
}

.shipment-page--v2 .billing-settings-form > div,
.shipment-page--v2 .billing-manual-form > div{
  min-width: 0;
}

.shipment-page--v2 .billing-field{
  display: grid;
  gap: 5px;
  min-width: 0;
}

.shipment-page--v2 .billing-field--note{
  align-self: center;
  line-height: 1.34;
}

.shipment-page--v2 .billing-field--toggle{
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.26);
}

.shipment-page--v2 .billing-toggle-title{
  font-weight: 900;
}

.shipment-page--v2 .billing-settings-form .info-label,
.shipment-page--v2 .billing-manual-form .info-label{
  color: rgba(148,163,184,.96);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shipment-page--v2 .billing-settings-form label.row{
  min-width: 0;
  border-radius: 7px !important;
}

.shipment-page--v2 .billing-manual-summary{
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 12px;
  color: rgba(248,250,252,.98);
  font-weight: 950;
  list-style: none;
}

.shipment-page--v2 .billing-manual-summary::-webkit-details-marker{
  display: none;
}

.shipment-page--v2 .billing-manual-summary small{
  color: rgba(148,163,184,.96);
  font-size: 11px;
  font-weight: 800;
}

.shipment-page--v2 .billing-filter-form{
  display: flex;
  align-items: center;
}

.shipment-page--v2 .billing-filter-form__title{
  color: rgba(196,181,253,.98);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.shipment-page--v2 .billing-filter-form__hint{
  flex: 1 1 220px;
  min-width: 0;
  line-height: 1.35;
}

.shipment-page--v2 .billing-manual-hint{
  margin-top: 8px;
  line-height: 1.35;
}

.shipment-page--v2 .billing-status-choice{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  margin: 0;
  padding: 4px 8px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 999px;
  background: rgba(2,6,23,.26);
  color: rgba(226,232,240,.94);
  font-size: 12px;
  font-weight: 850;
}

.shipment-page--v2 .billing-status-choice input{
  accent-color: #a78bfa;
}

.shipment-page--v2 .billing-panel--document .billing-table{
  min-width: 980px;
}

.shipment-page--v2 .billing-panel--document .billing-table th{
  position: sticky;
  top: 0;
  z-index: 2;
}

.shipment-page--v2 .billing-panel--document .billing-table td:nth-child(4){
  color: rgba(248,250,252,.98);
  font-variant-numeric: tabular-nums;
}

.shipment-page--v2 .billing-charge-source{
  min-width: 260px;
  color: rgba(203,213,225,.96);
}

.shipment-page--v2 .billing-charge-actions{
  min-width: 260px;
}

.shipment-page--v2 .billing-charge-actions details{
  padding: 6px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 7px;
  background: rgba(2,6,23,.22);
}

.shipment-page--v2 .billing-charge-actions details summary{
  list-style: none;
}

.shipment-page--v2 .billing-charge-actions details summary::-webkit-details-marker{
  display: none;
}

.shipment-page--v2 .billing-charge-actions form{
  display: grid;
  gap: 6px;
  align-items: center;
}

.shipment-page--v2 .billing-inline-form{
  display: inline-grid;
  margin: 0;
}

.shipment-page--v2 .billing-charge-edit-form,
.shipment-page--v2 .billing-charge-void-form{
  grid-template-columns: minmax(78px, .45fr) minmax(150px, 1fr) auto;
  margin-top: 6px;
}

.shipment-page--v2 .billing-charge-actions .input{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.shipment-page--v2 .wms-grid .tabulator{
  font-size: 12px;
}

.shipment-page--v2 .wms-grid .tabulator-header .tabulator-col{
  background:
    linear-gradient(180deg, rgba(30,41,59,.92), rgba(15,23,42,.84));
}

.shipment-page--v2 .wms-grid .tabulator-col-title{
  color: rgba(203,213,225,.98);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.shipment-page--v2 .wms-grid .tabulator-row:nth-child(even){
  background: rgba(15,23,42,.20);
}

.shipment-page--v2 .wms-grid .tabulator-row:hover{
  background: rgba(59,130,246,.10);
}

.shipment-page--v2 .wms-grid .tabulator-cell{
  border-right-color: rgba(51,65,85,.62);
}

.shipment-page--v2 .wms-grid .sku-cell__title{
  color: rgba(248,250,252,.98);
  font-size: 12px;
  font-weight: 950;
}

@media (max-width: 1500px){
  .shipment-page--v2 .billing-panel--document .billing-summary{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .billing-summary__actions{
    justify-content: flex-start;
  }

  .shipment-page--v2 .billing-settings-form,
  .shipment-page--v2 .billing-manual-form{
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .billing-settings-form,
  .shipment-page--v2 .billing-manual-form,
  .shipment-page--v2 .billing-manual-summary,
  .shipment-page--v2 .billing-charge-edit-form,
  .shipment-page--v2 .billing-charge-void-form{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .billing-summary__actions .btn,
  .shipment-page--v2 .billing-summary__actions form,
  .shipment-page--v2 .billing-charge-actions .btn{
    width: 100%;
  }
}

html[data-theme="light"] .shipment-page--v2 .billing-summary__status,
html[data-theme="light"] .shipment-page--v2 .billing-summary__explain,
html[data-theme="light"] .shipment-page--v2 .billing-status-choice,
html[data-theme="light"] .shipment-page--v2 .billing-charge-actions details{
  background: #f8fafc;
  border-color: rgba(15,23,42,.12);
  color: #334155;
}

html[data-theme="light"] .shipment-page--v2 .billing-summary__status strong,
html[data-theme="light"] .shipment-page--v2 .billing-card-head__title,
html[data-theme="light"] .shipment-page--v2 .billing-manual-summary,
html[data-theme="light"] .shipment-page--v2 .billing-panel--document .billing-table td:nth-child(4),
html[data-theme="light"] .shipment-page--v2 .wms-grid .sku-cell__title{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .billing-card-head{
  background: #f8fafc;
  border-color: rgba(15,23,42,.12);
}

html[data-theme="light"] .shipment-page--v2 .billing-charge-source,
html[data-theme="light"] .shipment-page--v2 .billing-card-head__hint{
  color: #475569;
}

/* Shipment enterprise v15: make shipment execution feel like a dense control
   console. The goal is less dead space, clearer status accents and a pallet
   manifest that reads well on ordinary warehouse laptops. */
.shipment-page--v2{
  --shipment-accent-blue: #38bdf8;
  --shipment-accent-green: #22c55e;
  --shipment-accent-amber: #f59e0b;
  --shipment-accent-red: #ef4444;
  --shipment-panel-line: rgba(96,165,250,.28);
}

.shipment-page--v2 .shipment-command-center{
  border-color: rgba(96,165,250,.30);
  background:
    linear-gradient(90deg, rgba(14,165,233,.18), transparent 26%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.90));
  box-shadow: inset 0 2px 0 rgba(56,189,248,.72);
}

.shipment-page--v2 .shipment-command-center__main{
  padding: 10px 12px;
}

.shipment-page--v2 .shipment-identity__eyebrow,
.shipment-page--v2 .pallet-planner-command__eyebrow,
.shipment-page--v2 .shipment-info-command__eyebrow{
  color: rgba(125,211,252,.98);
}

.shipment-page--v2 .shipment-identity__row{
  gap: 10px;
}

.shipment-page--v2 .shipment-identity__row h1{
  line-height: .96;
  text-shadow: 0 10px 34px rgba(56,189,248,.12);
}

.shipment-page--v2 .shipment-status-pill{
  border-color: rgba(125,211,252,.28);
  background: rgba(14,165,233,.12);
}

.shipment-page--v2 .shipment-meta-grid{
  gap: 7px;
}

.shipment-page--v2 .shipment-meta-item{
  min-height: 58px;
  border-left: 3px solid rgba(96,165,250,.38);
  background:
    linear-gradient(90deg, rgba(96,165,250,.07), transparent 60%),
    rgba(2,6,23,.42);
}

.shipment-page--v2 .shipment-meta-item:nth-child(2){
  border-left-color: rgba(34,197,94,.46);
}

.shipment-page--v2 .shipment-meta-item:nth-child(4),
.shipment-page--v2 .shipment-meta-item:nth-child(5){
  border-left-color: rgba(167,139,250,.46);
}

.shipment-page--v2 .shipment-command-kpis{
  gap: 7px;
}

.shipment-page--v2 .shipment-command-kpi{
  min-height: 72px;
  border-left: 3px solid rgba(96,165,250,.42);
  background:
    radial-gradient(circle at 94% 18%, rgba(96,165,250,.16), transparent 34px),
    rgba(2,6,23,.46);
}

.shipment-page--v2 .shipment-command-kpi:nth-child(5){
  border-left-color: rgba(34,197,94,.60);
}

.shipment-page--v2 .shipment-command-kpi:nth-child(6){
  border-left-color: rgba(245,158,11,.62);
}

.shipment-page--v2 .shipment-command-kpi:nth-child(7){
  border-left-color: rgba(239,68,68,.58);
}

.shipment-page--v2 .shipment-workspace-card{
  border-color: rgba(96,165,250,.26);
}

.shipment-page--v2 .shipment-workspace-card > .card__body{
  padding: 8px;
}

.shipment-page--v2 .shipment-workbench--compact{
  top: 0;
  border-color: rgba(96,165,250,.24);
  background:
    linear-gradient(90deg, rgba(30,64,175,.22), transparent 28%),
    rgba(2,6,23,.84);
}

.shipment-page--v2 .shipment-workbench--compact .shipment-tabs{
  gap: 5px;
}

.shipment-page--v2 .shipment-workbench--compact .shipment-tabs .tab-btn{
  min-width: 112px;
  min-height: 38px;
  border-radius: 7px;
}

.shipment-page--v2 .shipment-settings-menu > summary{
  min-width: 124px;
  min-height: 38px;
  border-radius: 7px;
}

.shipment-page--v2 .shipment-settings-menu .shipment-mode-panel{
  width: min(680px, calc(100vw - 48px));
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  border-radius: 8px;
}

.shipment-page--v2 .tab-toolbar{
  padding: 4px 0 8px;
}

.shipment-page--v2 .tab-context-title strong{
  position: relative;
  display: inline-block;
}

.shipment-page--v2 .tab-context-title strong::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 38px;
  height: 2px;
  border-radius: 999px;
  background: var(--shipment-accent-blue);
}

.shipment-page--v2 .table-wrapper,
.shipment-page--v2 .tasks-card,
.shipment-page--v2 .trip-card,
.shipment-page--v2 .billing-panel--document .card,
.shipment-page--v2 .tab-panel[data-panel="info"] .card{
  border-color: rgba(96,165,250,.20);
}

.shipment-page--v2 .pallet-planner-cockpit{
  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
  align-items: stretch;
  gap: 8px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command{
  min-height: 0;
  border-left: 3px solid rgba(56,189,248,.66);
  background:
    linear-gradient(90deg, rgba(8,145,178,.16), transparent 42%),
    rgba(2,6,23,.50);
}

.shipment-page--v2 .pallet-planner-command__title{
  font-size: 16px;
}

.shipment-page--v2 .pallet-planner-command__actions{
  grid-template-columns: minmax(240px, 1.2fr) minmax(120px, .6fr) minmax(170px, .75fr);
  gap: 6px;
}

.shipment-page--v2 .pallet-action-group{
  min-height: 42px;
  padding: 18px 6px 6px;
  border-radius: 7px;
}

.shipment-page--v2 .pallet-action-group .btn,
.shipment-page--v2 .pallet-action-group .pallet-collapse{
  min-height: 28px;
  padding: 4px 8px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi{
  min-height: 74px;
  border-left: 3px solid rgba(96,165,250,.58);
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi:nth-child(2){
  border-left-color: rgba(245,158,11,.78);
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi:nth-child(3){
  border-left-color: rgba(239,68,68,.72);
}

.shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi:nth-child(4){
  border-left-color: rgba(34,197,94,.72);
}

.shipment-page--v2 .pallet-coverage-panel{
  margin-top: 8px;
  border: 1px solid rgba(245,158,11,.22);
  border-left: 3px solid rgba(245,158,11,.76);
  border-radius: 8px;
}

.shipment-page--v2 .pallet-coverage-panel[style*="display: none"]{
  margin: 0 !important;
  border: 0 !important;
}

.shipment-page--v2 .pallet-editor-root{
  margin-top: 8px !important;
  border-color: rgba(96,165,250,.26);
  background:
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.62));
}

.shipment-page--v2 .pallet-list-panel__head{
  top: 54px;
  padding: 8px 10px;
  border-left: 3px solid rgba(34,197,94,.62);
  background:
    linear-gradient(90deg, rgba(21,128,61,.15), transparent 38%),
    rgba(2,6,23,.92);
}

.shipment-page--v2 .pallet-list-panel__title{
  font-size: 14px;
}

.shipment-page--v2 .pallet-list-panel__hint{
  margin-top: 2px;
}

.shipment-page--v2 .pallet-list-panel__legend{
  gap: 6px;
}

.shipment-page--v2 .pallets-container{
  grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
  gap: 8px;
  padding: 8px 0 0;
}

.shipment-page--v2 .pallets-container > .pallet-card{
  border-color: rgba(71,85,105,.82);
  background:
    linear-gradient(180deg, rgba(15,23,42,.76), rgba(2,6,23,.64));
}

.shipment-page--v2 .pallets-container > .pallet-card:hover{
  border-color: rgba(125,211,252,.46);
  box-shadow: 0 0 0 1px rgba(56,189,248,.10);
}

.shipment-page--v2 .pallet-card__head{
  align-items: start;
  border-bottom: 1px solid rgba(51,65,85,.58);
}

.shipment-page--v2 .pallet-card__titleline{
  display: block;
}

.shipment-page--v2 .pallet-card__titleline b{
  color: rgba(248,250,252,.98);
}

.shipment-page--v2 .pallet-card__titleline .muted{
  display: inline;
}

.shipment-page--v2 .pallet-card__actions{
  gap: 6px;
}

.shipment-page--v2 .pallet-card__actions .btn,
.shipment-page--v2 .pallet-dl{
  border-radius: 6px;
}

.shipment-page--v2 .pallet-line-card{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.shipment-page--v2 .pallet-line-card__title{
  min-width: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(51,65,85,.44);
}

.shipment-page--v2 .pallet-line-card__meta{
  grid-template-columns: minmax(110px, 150px) minmax(76px, 92px) minmax(34px, auto);
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped{
  grid-column: span 1;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .pallet-lines-table{
  display: block;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .pallet-line-card{
  padding: 7px 8px;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .sku-search{
  display: block;
  padding-top: 6px;
}

.shipment-page--v2 .tasks-card > .card__header,
.shipment-page--v2 .trip-card > .card__header{
  background:
    linear-gradient(90deg, rgba(96,165,250,.09), transparent 44%),
    rgba(2,6,23,.30);
}

.shipment-page--v2 .task-group,
.shipment-page--v2 .trip-card{
  border-radius: 8px;
}

@media (max-width: 1500px){
  .shipment-page--v2 .shipment-command-center__header{
    gap: 10px;
  }

  .shipment-page--v2 .shipment-command-actions{
    min-width: 120px;
  }

  .shipment-page--v2 .shipment-command-kpi{
    min-height: 64px;
  }

  .shipment-page--v2 .pallet-planner-cockpit{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .shipment-page--v2 .pallets-container{
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  }
}

@media (max-width: 1180px){
  .shipment-page--v2 .shipment-command-center__main{
    padding: 8px;
  }

  .shipment-page--v2 .shipment-meta-item{
    min-height: 54px;
  }

  .shipment-page--v2 .shipment-workbench--compact{
    position: sticky;
  }

  .shipment-page--v2 .pallet-list-panel__head{
    position: static !important;
  }
}

@media (max-width: 760px){
  .shipment-page--v2 .shipment-workbench--compact{
    position: static;
  }

  .shipment-page--v2 .shipment-settings-menu,
  .shipment-page--v2 .shipment-settings-menu > summary{
    width: 100%;
  }

  .shipment-page--v2 .shipment-settings-menu .shipment-mode-panel{
    right: auto;
    left: 0;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis,
  .shipment-page--v2 .pallets-container{
    grid-template-columns: 1fr;
  }
}

html[data-theme="light"] .shipment-page--v2 .shipment-command-center,
html[data-theme="light"] .shipment-page--v2 .shipment-workbench--compact{
  background:
    linear-gradient(90deg, rgba(14,165,233,.10), transparent 28%),
    #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .shipment-meta-item,
html[data-theme="light"] .shipment-page--v2 .shipment-command-kpi,
html[data-theme="light"] .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command,
html[data-theme="light"] .shipment-page--v2 .pallet-editor-root,
html[data-theme="light"] .shipment-page--v2 .pallet-list-panel__head,
html[data-theme="light"] .shipment-page--v2 .pallets-container > .pallet-card{
  background: #ffffff;
  border-color: rgba(15,23,42,.13);
}

html[data-theme="light"] .shipment-page--v2 .pallet-list-panel__head{
  background:
    linear-gradient(90deg, rgba(34,197,94,.10), transparent 42%),
    #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .pallet-line-card__title{
  border-color: rgba(15,23,42,.10);
}

html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip{
  background: #eff6ff;
  border-color: rgba(37,99,235,.20);
}

html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip__badge{
  background: #dbeafe;
  color: #1d4ed8;
}

html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip__text{
  color: #334155;
}

html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip--pallet_top_up,
html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip--pallet_de_layer,
html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip--pallet_rebuild{
  background: #fffbeb;
  border-color: rgba(217,119,6,.24);
}

html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip--pallet_top_up .pallet-execution-chip__badge,
html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip--pallet_de_layer .pallet-execution-chip__badge,
html[data-theme="light"] .shipment-page--v2 .pallet-execution-chip--pallet_rebuild .pallet-execution-chip__badge{
  background: #fef3c7;
  color: #92400e;
}

html[data-theme="light"] .shipment-page .task-execution-details{
  background:#f8fafc;
  border-color:rgba(37,99,235,.16);
}

html[data-theme="light"] .shipment-page .task-execution-details__item strong{
  color:#0f172a;
}

html[data-theme="light"] .shipment-page .execution-plan-drawer{
  background:linear-gradient(135deg, #eff6ff, #ffffff);
  border-color:rgba(37,99,235,.28);
  box-shadow:0 16px 34px rgba(15,23,42,.10);
}

html[data-theme="light"] .shipment-page .execution-plan-drawer__card,
html[data-theme="light"] .shipment-page .execution-plan-drawer__section,
html[data-theme="light"] .shipment-page .execution-plan-drawer__facts div{
  background:#ffffff;
  border-color:rgba(148,163,184,.28);
}

html[data-theme="light"] .shipment-page .execution-plan-drawer__card--accent{
  background:linear-gradient(135deg, #dbeafe, #ffffff);
  border-color:rgba(37,99,235,.30);
}

html[data-theme="light"] .shipment-page .execution-plan-drawer__chips span{
  color:#0f172a;
  background:#e0f2fe;
  border-color:rgba(2,132,199,.20);
}

html[data-theme="light"] .shipment-page .execution-plan-drawer__problem{
  background:#fef2f2;
  border-color:rgba(220,38,38,.18);
  color:#7f1d1d;
}

html[data-theme="light"] .shipment-page .execution-preview{
  background:linear-gradient(135deg, #fffbeb, #ffffff);
  border-color:rgba(217,119,6,.28);
}

html[data-theme="light"] .shipment-page .execution-preview__chips span{
  color:#0f172a;
  background:#fef3c7;
  border-color:rgba(217,119,6,.22);
}

html[data-theme="light"] .shipment-page .execution-preview__table-wrap{
  border-color:rgba(148,163,184,.28);
}

html[data-theme="light"] .shipment-page .execution-preview__table th{
  background:#f8fafc;
}

html[data-theme="light"] .shipment-page .execution-preview__table tr.is-changed td{
  background:#fff7ed;
}

@media (max-width: 980px){
  .shipment-page .execution-plan-drawer__body{
    grid-template-columns:1fr;
  }
}

/* Shipment enterprise v16: finish the non-pallet tabs. Logistics, documents
   and task control should feel like production work surfaces, not generic
   forms bolted onto the shipment page. */
.shipment-page--v2 .tab-panel[data-panel="tasks"].is-active,
.shipment-page--v2 .tab-panel[data-panel="trip"].is-active,
.shipment-page--v2 .tab-panel[data-panel="info"].is-active,
.shipment-page--v2 .tab-panel[data-panel="billing"].is-active{
  background:
    linear-gradient(180deg, rgba(15,23,42,.30), transparent 140px);
}

.shipment-page--v2 .tasks-card,
.shipment-page--v2 .trip-card,
.shipment-page--v2 .shipment-documents-card,
.shipment-page--v2 .shipment-info-form{
  border-radius: 8px;
}

.shipment-page--v2 .tasks-card{
  border-left: 3px solid rgba(34,197,94,.70);
}

.shipment-page--v2 .tasks-card > .card__header{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
}

.shipment-page--v2 .tasks-toolbar{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.shipment-page--v2 .tasks-toolbar .tasks-filter{
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 7px;
  background: rgba(2,6,23,.32);
}

.shipment-page--v2 .tasks-toolbar .tasks-filter select{
  min-height: 28px;
  max-width: 190px;
}

.shipment-page--v2 .tasks-card .card__body{
  padding: 10px;
}

.shipment-page--v2 .task-group__head{
  background:
    linear-gradient(90deg, rgba(34,197,94,.10), transparent 48%),
    rgba(15,23,42,.42);
}

.shipment-page--v2 .task-row{
  border-radius: 7px;
}

.shipment-page--v2 .task-stop{
  border-left: 3px solid rgba(96,165,250,.52);
}

.shipment-page--v2 .tab-panel[data-panel="trip"] .trip-tab-root{
  display: grid;
  gap: 10px;
}

.shipment-page--v2 .tab-panel[data-panel="trip"] .trip-grid{
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 10px;
  align-items: start;
}

.shipment-page--v2 .trip-col{
  display: grid;
  gap: 10px;
}

.shipment-page--v2 .trip-card{
  overflow: hidden;
  border-left-color: rgba(245,158,11,.82);
}

.shipment-page--v2 .trip-card > .card__header{
  padding: 10px 12px;
  border-bottom-color: rgba(71,85,105,.72);
  background:
    linear-gradient(90deg, rgba(245,158,11,.12), transparent 48%),
    rgba(2,6,23,.32);
}

.shipment-page--v2 .trip-card > .card__body{
  padding: 10px 12px;
}

.shipment-page--v2 .trip-form-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shipment-page--v2 .trip-form-field{
  border: 1px solid rgba(71,85,105,.62);
  border-radius: 7px;
  background: rgba(2,6,23,.26);
}

.shipment-page--v2 .trip-form-field:focus-within{
  border-color: rgba(56,189,248,.58);
  box-shadow: 0 0 0 2px rgba(56,189,248,.08);
}

.shipment-page--v2 .trip-form-label{
  margin-bottom: 4px;
  color: rgba(251,191,36,.94);
}

.shipment-page--v2 .trip-suggest-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  gap: 5px;
}

.shipment-page--v2 .trip-add-btn{
  min-width: 32px;
  min-height: 30px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}

.shipment-page--v2 .trip-details__summary{
  min-height: 42px;
  padding: 10px 12px;
  background:
    linear-gradient(90deg, rgba(96,165,250,.10), transparent 48%),
    rgba(2,6,23,.24);
}

.shipment-page--v2 .trip-advanced{
  min-width: 210px;
}

.shipment-page--v2 .trip-advanced__summary{
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 7px;
  background: rgba(15,23,42,.44);
  cursor: pointer;
  font-weight: 850;
}

.shipment-page--v2 .trip-advanced__body{
  margin-top: 7px;
}

.shipment-page--v2 #trip-linked-shipments,
.shipment-page--v2 #trip-trip-docs{
  min-height: 42px;
  padding: 2px;
}

.shipment-page--v2 .shipment-info-command{
  border-left: 3px solid rgba(96,165,250,.72);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(14,165,233,.13), transparent 42%),
    rgba(2,6,23,.34);
}

.shipment-page--v2 .shipment-info-form{
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(96,165,250,.20);
  background: rgba(2,6,23,.22);
}

.shipment-page--v2 .tab-panel[data-panel="info"].is-active{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .72fr);
  gap: 10px;
  align-items: start;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-info-command{
  grid-column: 1 / -1;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-info-form{
  margin-top: 0;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-card{
  margin-top: 0 !important;
  position: sticky;
  top: 76px;
}

.shipment-page--v2 .shipment-info-form .info-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shipment-page--v2 .shipment-info-form .info-field{
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(71,85,105,.58);
  border-radius: 7px;
  background: rgba(15,23,42,.24);
}

.shipment-page--v2 .shipment-info-form .info-field:focus-within{
  border-color: rgba(56,189,248,.56);
  box-shadow: 0 0 0 2px rgba(56,189,248,.08);
}

.shipment-page--v2 .shipment-info-form .info-field--wide{
  grid-column: 1 / -1;
}

.shipment-page--v2 .shipment-info-form textarea,
.shipment-page--v2 .shipment-info-form input,
.shipment-page--v2 .shipment-info-form select{
  width: 100%;
}

.shipment-page--v2 .shipment-documents-card{
  overflow: hidden;
  border-left: 3px solid rgba(167,139,250,.72);
  min-width: 0;
  max-width: 100%;
}

.shipment-page--v2 .shipment-documents-card > .card__header{
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: stretch;
  min-height: 0;
  margin: 0;
  padding: 10px 12px;
  box-sizing: border-box;
  max-width: 100%;
  background:
    linear-gradient(90deg, rgba(167,139,250,.12), transparent 44%),
    rgba(2,6,23,.30);
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-card > .shipment-documents-header{
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 5px !important;
  align-items: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box;
  align-self: stretch;
  overflow: hidden;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-card > .card__header{
  display: flex;
  flex-direction: column;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-title,
.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-hint{
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-title{
  font-size: 16px;
  line-height: 1.22;
  font-weight: 950;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-title::after{
  margin-top: 7px;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-hint{
  font-size: 12px;
  line-height: 1.35;
}

.shipment-page--v2 .shipment-documents-card > .card__header .card__title,
.shipment-page--v2 .shipment-documents-card > .card__header .subtle{
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
}

.shipment-page--v2 .shipment-documents-card > .card__header .card__title{
  line-height: 1.2;
}

.shipment-page--v2 .shipment-documents-card > .card__header .subtle{
  line-height: 1.35;
}

.shipment-page--v2 .shipment-documents-card > .card__body{
  padding: 10px 12px;
}

.shipment-page--v2 .shipment-doc-upload-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

.shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-card .card__body > .shipment-doc-upload-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}

.shipment-page--v2 .shipment-doc-upload-row .input{
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.shipment-page--v2 .shipment-doc-upload-row #ship-doc-type{
  grid-column: 1 / -1;
}

.shipment-page--v2 .shipment-doc-upload-row #ship-doc-title{
  grid-column: 1 / -1;
  min-width: 0 !important;
}

.shipment-page--v2 .shipment-doc-upload-row #ship-doc-source{
  grid-column: 1 / -1;
}

.shipment-page--v2 .shipment-doc-upload-row #ship-doc-file{
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 38px;
  overflow: hidden;
}

.shipment-page--v2 .shipment-doc-upload-row #ship-doc-upload-btn{
  grid-column: 1 / -1;
  width: 100%;
  justify-content: center;
}

.shipment-page--v2 .shipment-doc-upload-row #ship-doc-upload-state{
  grid-column: 1 / -1;
  min-width: 0;
}

.shipment-page--v2 #wb-pdf-tools,
.shipment-page--v2 #ozon-fbo-pdf-tools{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px !important;
  padding: 9px 10px;
  border: 1px solid rgba(148,163,184,.14);
  border-left: 3px solid rgba(34,211,238,.62);
  border-radius: 7px;
  background:
    linear-gradient(90deg, rgba(34,211,238,.10), transparent 48%),
    rgba(15,23,42,.26);
}

.shipment-page--v2 #wb-pdf-tools::before,
.shipment-page--v2 #ozon-fbo-pdf-tools::before{
  content: "Генерация документов";
  grid-column: 1 / -1;
  color: rgba(103,232,249,.96);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.shipment-page--v2 #wb-pdf-tools .muted,
.shipment-page--v2 #ozon-fbo-pdf-tools .muted{
  align-self: center;
  justify-self: start;
}

.shipment-page--v2 #trip-shipment-docs{
  display: grid;
  gap: 7px;
  max-height: min(560px, calc(100vh - 260px));
  overflow: auto;
  padding-right: 3px;
}

.shipment-page--v2 #trip-shipment-docs > .muted{
  padding: 14px 12px;
  border: 1px dashed rgba(148,163,184,.24);
  border-radius: 8px;
  background: rgba(2,6,23,.25);
}

.shipment-page--v2 .billing-panel--document .billing-summary{
  border-left: 3px solid rgba(167,139,250,.70);
}

.shipment-page--v2 .billing-panel--document .billing-table-wrap{
  border-radius: 8px;
  border: 1px solid rgba(96,165,250,.18);
}

.shipment-page--v2 .trip-route-warning{
  margin: 0 0 10px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(245,158,11,.38);
  background: linear-gradient(90deg, rgba(245,158,11,.18), rgba(15,23,42,.12));
  color: #fef3c7;
  font-weight: 800;
  line-height: 1.35;
}

@media (max-width: 1500px){
  .shipment-page--v2 .tab-panel[data-panel="trip"] .trip-grid{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .shipment-info-form .info-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipment-page--v2 .tab-panel[data-panel="info"].is-active{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .tab-panel[data-panel="info"] .shipment-documents-card{
    position: static;
  }

  .shipment-page--v2 .shipment-doc-upload-row{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .shipment-page--v2 .tasks-card > .card__header{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .tasks-toolbar{
    justify-content: flex-start;
  }

  .shipment-page--v2 .trip-form-grid,
  .shipment-page--v2 .shipment-info-form .info-grid,
  .shipment-page--v2 .shipment-doc-upload-row{
    grid-template-columns: 1fr;
  }

  .shipment-page--v2 .shipment-doc-upload-row #ship-doc-type,
  .shipment-page--v2 .shipment-doc-upload-row #ship-doc-title,
  .shipment-page--v2 .shipment-doc-upload-row #ship-doc-source,
  .shipment-page--v2 .shipment-doc-upload-row #ship-doc-file,
  .shipment-page--v2 .shipment-doc-upload-row #ship-doc-upload-btn,
  .shipment-page--v2 .shipment-doc-upload-row #ship-doc-upload-state{
    grid-column: 1 / -1;
  }

  .shipment-page--v2 #wb-pdf-tools,
  .shipment-page--v2 #ozon-fbo-pdf-tools{
    grid-template-columns: 1fr;
  }
}

html[data-theme="light"] .shipment-page--v2 .tasks-card,
html[data-theme="light"] .shipment-page--v2 .trip-card,
html[data-theme="light"] .shipment-page--v2 .shipment-documents-card,
html[data-theme="light"] .shipment-page--v2 .shipment-info-form{
  background: #ffffff;
  border-color: rgba(15,23,42,.12);
}

html[data-theme="light"] .shipment-page--v2 .tasks-toolbar .tasks-filter,
html[data-theme="light"] .shipment-page--v2 .trip-form-field,
html[data-theme="light"] .shipment-page--v2 .shipment-info-form .info-field,
html[data-theme="light"] .shipment-page--v2 #wb-pdf-tools,
html[data-theme="light"] .shipment-page--v2 #ozon-fbo-pdf-tools{
  background: #f8fafc;
  border-color: rgba(15,23,42,.12);
}

html[data-theme="light"] .shipment-page--v2 .trip-card > .card__header,
html[data-theme="light"] .shipment-page--v2 .shipment-documents-card > .card__header,
html[data-theme="light"] .shipment-page--v2 .shipment-info-command{
  background:
    linear-gradient(90deg, rgba(14,165,233,.08), transparent 42%),
    #ffffff;
}

html[data-theme="light"] .shipment-page--v2 .trip-route-warning{
  background: #fffbeb;
  border-color: rgba(217,119,6,.32);
  color: #78350f;
}

html[data-theme="light"] .shipment-page--v2 #trip-shipment-docs > .muted{
  background: #f8fafc;
  border-color: rgba(15,23,42,.14);
}

/* Shipment enterprise v18: pallet planner as a page-native workbench.
   The main pallet manifest must never be squeezed into an internal scroll
   pane. The page scroll is the source of truth on warehouse laptops. */
.shipment-page--v2.shipment-page--tab-pallets .shipment-command-center{
  margin-bottom: 6px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-command-center__main{
  padding: 6px 8px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-identity__row h1{
  font-size: clamp(22px, 1.45vw, 28px);
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-meta-grid{
  gap: 5px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-meta-item{
  min-height: 46px;
  padding: 6px 8px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-meta-item span,
.shipment-page--v2.shipment-page--tab-pallets .shipment-command-kpi span{
  font-size: 9px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-command-kpis{
  gap: 5px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-command-kpi{
  min-height: 54px;
  padding: 6px 8px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-command-kpi strong{
  font-size: 18px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-workspace-card > .card__body{
  padding: 6px;
}

.shipment-page--v2.shipment-page--tab-pallets .shipment-workbench--compact{
  margin-bottom: 6px;
}

.shipment-page--v2 .tab-panel[data-panel="pallets"].is-active{
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.shipment-page--v2 .tab-panel[data-panel="pallets"].is-active .tab-toolbar{
  position: static !important;
  top: auto !important;
}

.shipment-page--v2 .tab-panel[data-panel="pallets"].is-active .pallet-editor-root,
.shipment-page--v2 .pallet-editor-root{
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.shipment-page--v2 .tab-panel[data-panel="pallets"].is-active .pallet-editor-grid,
.shipment-page--v2 .pallet-editor-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

.shipment-page--v2 .pallet-list-panel{
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.shipment-page--v2 .pallet-list-panel__head{
  position: sticky;
  top: 52px;
  z-index: 12;
  border-radius: 8px 8px 0 0;
}

.shipment-page--v2 .pallets-container{
  display: grid !important;
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  align-content: start !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.shipment-page--v2.shipment-page--pallet-compact .pallets-container{
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.shipment-page--v2 .pallet-card__actions{
  align-items: center;
}

.shipment-page--v2 .pallet-card__actions .btn,
.shipment-page--v2 .pallet-card__actions label.btn,
.shipment-page--v2 .pallet-dl{
  white-space: nowrap;
}

.shipment-page--v2 .pallet-coverage-panel .pallet-unallocated__list:empty{
  display: none;
}

@media (max-width: 1180px){
  .shipment-page--v2.shipment-page--tab-pallets .shipment-command-center{
    position: static;
  }

  .shipment-page--v2 .pallet-list-panel__head{
    position: static !important;
  }
}

@media (max-width: 760px){
  .shipment-page--v2.shipment-page--tab-pallets .shipment-meta-grid,
  .shipment-page--v2.shipment-page--tab-pallets .shipment-command-kpis{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipment-page--v2 .pallets-container,
  .shipment-page--v2.shipment-page--pallet-compact .pallets-container{
    grid-template-columns: 1fr;
  }
}

/* Pallet planner v12: manifest-first card readability.
   Keep table navigation out of small pallet cards and reserve detailed editing
   for expanded cards, while compact mode reads like a loading manifest. */
.shipment-page--v2 .pallet-card .wms-table-toolbar,
.shipment-page--v2 .pallet-card .wms-table-top-scroll{
  display: none !important;
}

.shipment-page--v2 .pallet-card .wms-table-shell,
.shipment-page--v2 .pallet-card .wms-table-scroll{
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shipment-page--v2 .pallet-card__titleline{
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 7px;
  min-width: 0;
}

.shipment-page--v2 .pallet-card__titleline b,
.shipment-page--v2 .pallet-card__titleline .muted{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shipment-page--v2 .pallet-card__titleline b{
  max-width: 100%;
}

.shipment-page--v2 .pallet-card__titleline .muted{
  color: rgba(203,213,225,.92);
  font-size: 12px;
}

.shipment-page--v2 .pallet-card__metric--status{
  border-color: rgba(148,163,184,.22);
}

.shipment-page--v2 .pallet-card__metric--status.is-ready{
  border-color: rgba(34,197,94,.30);
  background: rgba(22,101,52,.22);
  color: #bbf7d0;
}

.shipment-page--v2 .pallet-card__metric--status.is-under{
  border-color: rgba(245,158,11,.34);
  background: rgba(120,53,15,.22);
  color: #fde68a;
}

.shipment-page--v2 .pallet-card__metric--status.is-over{
  border-color: rgba(239,68,68,.34);
  background: rgba(127,29,29,.22);
  color: #fecaca;
}

.shipment-page--v2 .pallet-card__metric--status.is-paper{
  border-color: rgba(167,139,250,.34);
  background: rgba(91,33,182,.22);
  color: #ddd6fe;
}

.shipment-page--v2 .pallet-card__actions{
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
}

.shipment-page--v2 .pallet-card__actions .pallet-action-upload-wrap{
  display: contents;
}

.shipment-page--v2 .pallet-card__actions .pallet-action-btn,
.shipment-page--v2 .pallet-card__actions label.pallet-action-btn{
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}

.shipment-page--v2 .pallet-card__actions .pallet-action-delete{
  margin-left: auto;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .pallet-lines-table,
.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .wms-table-shell,
.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .pallet-add-row,
.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .sku-search{
  display: none !important;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .pallet-card__actions{
  border-bottom: 0;
}

.shipment-page--v2.shipment-page--pallet-compact .pallet-card--grouped .pallet-plan-fact{
  color: rgba(226,232,240,.96);
  font-weight: 800;
}

.shipment-page--v2 .pallet-card__composition-summary{
  display: grid;
  gap: 4px;
  min-width: 0;
  margin-top: 7px;
  padding: 7px 8px;
  border: 1px solid rgba(96,165,250,.18);
  border-radius: 7px;
  background: rgba(15,23,42,.50);
}

.shipment-page--v2 .pallet-card__composition-label{
  min-width: 0;
  color: rgba(148,163,184,.96);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .09em;
  line-height: 1.2;
  text-transform: uppercase;
}

.shipment-page--v2 .pallet-card__composition-list{
  display: grid;
  gap: 3px;
  min-width: 0;
}

.shipment-page--v2 .pallet-card__composition-item{
  min-width: 0;
  overflow: hidden;
  color: rgba(226,232,240,.98);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipment-page--v2 .pallet-card__composition-more{
  min-width: 0;
  color: rgba(147,197,253,.95);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

.shipment-page--v2 .pallet-card input[type="number"],
.shipment-page--v2 .pallet-card input[type="text"],
.shipment-page--v2 .pallet-card input[type="search"],
.shipment-page--v2 .pallet-card .sku-input{
  box-sizing: border-box;
  max-width: 100%;
}

@media (max-width: 760px){
  .shipment-page--v2 .pallet-planner-cockpit{
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command,
  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis,
  .shipment-page--v2 .pallet-planner-command__text,
  .shipment-page--v2 .pallet-planner-command__actions{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-command{
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch;
    padding: 10px;
  }

  .shipment-page--v2 .pallet-planner-command__actions{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  .shipment-page--v2 .pallet-action-group{
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .shipment-page--v2 .pallet-action-group .btn,
  .shipment-page--v2 .pallet-action-group .action-menu > summary,
  .shipment-page--v2 .pallet-collapse{
    max-width: 100%;
    box-sizing: border-box;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpis{
    grid-template-columns: 1fr !important;
  }

  .shipment-page--v2 .pallet-planner-cockpit .pallet-planner-kpi{
    min-width: 0;
  }

  .shipment-page--v2 .pallet-list-panel__head{
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .shipment-page--v2 .pallet-list-panel__legend{
    justify-content: flex-start;
  }

  .shipment-page--v2 .pallet-card__actions .pallet-action-delete{
    margin-left: 0;
  }
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__metric--status.is-ready{
  background: #dcfce7;
  color: #166534;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__metric--status.is-under{
  background: #fef3c7;
  color: #92400e;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__metric--status.is-over{
  background: #fee2e2;
  color: #991b1b;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__metric--status.is-paper{
  background: #ede9fe;
  color: #5b21b6;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__composition-summary{
  border-color: #dbeafe;
  background: #f8fafc;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__composition-label{
  color: #64748b;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__composition-item{
  color: #0f172a;
}

html[data-theme="light"] .shipment-page--v2 .pallet-card__composition-more{
  color: #2563eb;
}

/* Pallet planner v13: manifest filtering and quieter card actions. */
.shipment-page--v2 .pallet-list-panel__head{
  gap: 12px;
}

.shipment-page--v2 .pallet-list-panel__side{
  display: grid;
  justify-items: end;
  gap: 8px;
  min-width: min(520px, 100%);
}

.shipment-page--v2 .pallet-list-panel__tools{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.shipment-page--v2 .pallet-list-panel__tools .input{
  min-width: 0;
  height: 34px;
  font-size: 12px;
}

.shipment-page--v2 .pallet-list-panel__tools .btn{
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
}

.shipment-page--v2 .pallet-list-panel__tools input[type="search"]{
  width: clamp(180px, 18vw, 280px);
}

.shipment-page--v2 .pallet-list-panel__tools select{
  width: clamp(140px, 13vw, 190px);
}

.shipment-page--v2 .pallet-list-panel__summary{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 999px;
  background: rgba(15,23,42,.48);
  color: rgba(226,232,240,.94);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.shipment-page--v2 .pallet-list-panel__summary.is-filtered{
  border-color: rgba(96,165,250,.38);
  background: rgba(30,64,175,.22);
  color: #bfdbfe;
}

.shipment-page--v2 .pallet-list-empty{
  min-height: 96px;
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px dashed rgba(148,163,184,.28);
  border-radius: 8px;
  background: rgba(15,23,42,.32);
  font-weight: 750;
}

.shipment-page--v2 .pallet-card-menu{
  position: relative;
}

.shipment-page--v2 .pallet-card-menu > summary{
  list-style: none;
}

.shipment-page--v2 .pallet-card-menu > summary::-webkit-details-marker{
  display: none;
}

.shipment-page--v2 .pallet-card-menu__panel{
  right: 0;
  left: auto;
  min-width: 190px;
  max-width: min(260px, calc(100vw - 32px));
  padding: 8px;
}

.shipment-page--v2 .pallet-card-menu__panel .pallet-action-btn,
.shipment-page--v2 .pallet-card-menu__panel label.pallet-action-btn{
  width: 100%;
  justify-content: flex-start;
  text-align: left;
}

.shipment-page--v2 .pallet-card__actions .pallet-card-menu .pallet-action-upload-wrap{
  display: block;
  width: 100%;
}

.shipment-page--v2 .pallet-card-menu__panel .pallet-action-delete{
  margin-left: 0;
}

html[data-theme="light"] .shipment-page--v2 .pallet-list-panel__summary{
  border-color: #dbe3ef;
  background: #f8fafc;
  color: #334155;
}

html[data-theme="light"] .shipment-page--v2 .pallet-list-panel__summary.is-filtered{
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

html[data-theme="light"] .shipment-page--v2 .pallet-list-empty{
  border-color: #cbd5e1;
  background: #f8fafc;
}

@media (max-width: 760px){
  .shipment-page--v2 .pallet-list-panel__side{
    justify-items: stretch;
    min-width: 0;
  }

  .shipment-page--v2 .pallet-list-panel__tools{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  .shipment-page--v2 .pallet-list-panel__tools input[type="search"],
  .shipment-page--v2 .pallet-list-panel__tools select,
  .shipment-page--v2 .pallet-list-panel__tools .btn,
  .shipment-page--v2 .pallet-list-panel__summary{
    width: 100%;
    max-width: 100%;
  }

  .shipment-page--v2 .pallet-card-menu,
  .shipment-page--v2 .pallet-card-menu > summary{
    width: 100%;
  }
}

/* Shipment command center: operational readiness and blockers. */
.shipment-page--v2 .shipment-readiness-panel{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:8px;
  background:rgba(2,6,23,.26);
}

.shipment-page--v2 .shipment-readiness-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.shipment-page--v2 .shipment-readiness-panel__eyebrow{
  color:#67e8f9;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.shipment-page--v2 .shipment-readiness-panel__title{
  margin-top:3px;
  color:#f8fafc;
  font-size:15px;
  font-weight:850;
}

.shipment-page--v2 .shipment-readiness-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:8px;
  margin-top:10px;
}

.shipment-page--v2 .shipment-readiness-item{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.18);
  border-left-width:3px;
  border-radius:7px;
  background:rgba(15,23,42,.24);
}

.shipment-page--v2 .shipment-readiness-item strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  line-height:1.2;
}

.shipment-page--v2 .shipment-readiness-item span{
  display:block;
  margin-top:4px;
  color:#cbd5e1;
  font-size:12px;
  line-height:1.3;
}

.shipment-page--v2 .shipment-readiness-item--ok{
  border-left-color:#22c55e;
}

.shipment-page--v2 .shipment-readiness-item--warn{
  border-left-color:#f59e0b;
}

.shipment-page--v2 .shipment-readiness-item--danger{
  border-left-color:#ef4444;
  background:rgba(127,29,29,.18);
}

.shipment-page--v2 .shipment-readiness-item--info{
  border-left-color:#38bdf8;
}

html[data-theme="light"] .shipment-page--v2 .shipment-readiness-panel{
  background:#ffffff;
  border-color:#cbd5e1;
}

html[data-theme="light"] .shipment-page--v2 .shipment-readiness-panel__title,
html[data-theme="light"] .shipment-page--v2 .shipment-readiness-item strong{
  color:#0f172a;
}

html[data-theme="light"] .shipment-page--v2 .shipment-readiness-panel__eyebrow{
  color:#0369a1;
}

html[data-theme="light"] .shipment-page--v2 .shipment-readiness-item{
  background:#f8fafc;
  border-color:#d7dee9;
}

html[data-theme="light"] .shipment-page--v2 .shipment-readiness-item span{
  color:#475467;
}

html[data-theme="light"] .shipment-page--v2 .shipment-readiness-item--danger{
  background:#fef3f2;
}

@media (max-width: 760px){
  .shipment-page--v2 .shipment-readiness-panel__head{
    display:grid;
  }

  .shipment-page--v2 .shipment-readiness-list{
    grid-template-columns:1fr;
  }
}

/* Shipment task stop source context and manager candidate dialog. */
.shipment-page .task-stop-line__main{
  display:grid;
  min-width:0;
  gap:6px;
}

.shipment-page .task-stop-line__sku{
  display:grid;
  min-width:0;
  gap:2px;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}

.shipment-page .task-stop-line__sku-code{
  color:var(--muted);
  font-size:11px;
  font-weight:750;
  overflow-wrap:anywhere;
}

.shipment-page .task-stop-line__product-name{
  color:var(--text);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  overflow-wrap:anywhere;
  word-break:normal;
}

.shipment-page .task-stop-line--fallback{
  grid-template-columns:minmax(0, 1fr);
}

.shipment-page .task-stop-line__source{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 7px;
  min-width:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.3;
}

.shipment-page .task-stop-line__source-label{
  color:#93c5fd;
  font-weight:900;
}

.shipment-page .task-stop-line__source--exact strong{
  color:#86efac;
  overflow-wrap:anywhere;
}

.shipment-page .task-stop-line__source--attention{
  color:#fcd34d;
}

.shipment-page .task-stop-line__source-value{
  min-width:0;
  overflow-wrap:anywhere;
}

.shipment-page .task-source-plan{
  appearance:none;
  max-width:100%;
  padding:0;
  border:0;
  border-bottom:1px dotted currentColor;
  color:inherit;
  background:transparent;
  font:inherit;
  line-height:inherit;
  text-align:left;
  cursor:pointer;
}

.shipment-page .task-source-plan:hover{
  color:var(--text);
  border-bottom-style:solid;
}

.shipment-page .task-source-plan:focus-visible{
  border-radius:3px;
  outline:2px solid rgba(96,165,250,.8);
  outline-offset:2px;
}

.shipment-page .task-stop-line__source-actions{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.shipment-page .task-source-edit{
  position:relative;
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:6px;
}

.shipment-page .task-source-edit__icon{
  position:relative;
  display:block;
  width:13px;
  height:5px;
  border:2px solid currentColor;
  border-radius:2px 1px 1px 2px;
  transform:rotate(-45deg);
  box-sizing:border-box;
}

.shipment-page .task-source-edit__icon::before{
  content:"";
  position:absolute;
  top:-2px;
  right:-5px;
  width:0;
  height:0;
  border-top:2.5px solid transparent;
  border-bottom:2.5px solid transparent;
  border-left:4px solid currentColor;
}

.shipment-page .task-source-edit__icon::after{
  content:"";
  position:absolute;
  top:-2px;
  left:-4px;
  width:3px;
  height:5px;
  border-radius:1px;
  background:currentColor;
}

.shipment-page--v2 .task-group__movement-summary{
  white-space:normal;
  text-align:right;
}

.shipment-page--v2 .task-group--summary-attention,
.shipment-page--v2 .task-movement-bucket--summary-attention,
.shipment-page--v2 .task-movement-purpose--summary-attention{
  border-color:rgba(245,158,11,.58);
}

.shipment-page--v2 .task-movement-summary--attention,
.shipment-page--v2 .task-group--summary-attention .task-group__movement-summary,
.shipment-page--v2 .task-movement-bucket--summary-attention > summary em,
.shipment-page--v2 .task-movement-purpose--summary-attention > summary em{
  color:#fbbf24;
}

.shipment-page .task-execution-facts{
  margin-top:4px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  border-radius:7px;
  background:rgba(15,23,42,.30);
}

.shipment-page .task-execution-facts > summary{
  padding:7px 9px;
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}

.shipment-page .task-execution-facts[open] > summary{
  color:var(--text);
  border-bottom:1px solid rgba(148,163,184,.16);
}

.shipment-page .task-execution-facts__body{
  display:grid;
  gap:6px;
  padding:8px;
}

body.task-source-modal-open{
  overflow:hidden;
}

.task-source-modal{
  z-index:72;
}

.task-source-modal-backdrop{
  z-index:71;
}

.task-source-modal .task-source-modal__card{
  width:min(760px, 96vw);
  max-height:calc(100vh - 32px);
  border-radius:8px;
}

.task-source-modal__scope{
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  overflow-wrap:anywhere;
}

.task-source-modal__live{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

.task-source-modal__body{
  display:grid;
  gap:12px;
  overflow:auto;
}

.task-source-modal__state{
  min-height:80px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.task-source-modal__state--error{
  color:#fca5a5;
}

.task-source-response{
  display:grid;
  gap:4px;
  padding:8px 10px;
  border-left:3px solid #60a5fa;
  color:var(--muted);
  background:rgba(30,64,175,.12);
  font-size:11px;
  line-height:1.4;
}

.task-source-response > strong{
  color:var(--text);
  font-size:12px;
}

.task-source-response span{
  font-weight:850;
}

.task-source-response--attention{
  border-left-color:#f59e0b;
  color:#fcd34d;
  background:rgba(120,53,15,.18);
}

.task-source-locations{
  display:grid;
  gap:8px;
}

.task-source-location{
  display:grid;
  gap:7px;
  padding:9px;
  border:1px solid rgba(148,163,184,.22);
  border-left:3px solid rgba(96,165,250,.68);
  border-radius:7px;
  background:rgba(15,23,42,.38);
  cursor:default;
}

.task-source-location:has(input[type="radio"]){
  cursor:pointer;
}

.task-source-location:has(input[type="radio"]:disabled){
  cursor:default;
}

.task-source-location.is-route-disabled{
  border-color:rgba(245,158,11,.42);
  border-left-color:#f59e0b;
  background:rgba(120,53,15,.14);
  cursor:default;
}

.task-source-location.is-route-disabled .task-source-location__marker{
  background:#f59e0b;
}

.task-source-location.is-selected,
.task-source-location:has(input[type="radio"]:checked){
  border-color:rgba(34,197,94,.62);
  border-left-color:#22c55e;
  background:rgba(20,83,45,.20);
}

.task-source-location__head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.task-source-location__head input{
  accent-color:#22c55e;
}

.task-source-location__marker{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#60a5fa;
}

.task-source-location__candidates{
  display:grid;
  gap:4px;
}

.task-source-candidate{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto auto;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:6px 8px;
  border-top:1px solid rgba(148,163,184,.16);
}

.task-source-candidate > div:first-child{
  display:grid;
  min-width:0;
  gap:2px;
}

.task-source-candidate strong,
.task-source-candidate span{
  overflow-wrap:anywhere;
}

.task-source-candidate > div:first-child span{
  color:var(--muted);
  font-size:11px;
}

.task-source-candidate__qty{
  color:#e2e8f0;
  font-weight:900;
}

.task-source-candidate__badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:5px;
  min-width:0;
}

.task-source-candidate.is-route-disabled{
  background:rgba(120,53,15,.10);
}

.task-source-route-refusal{
  grid-column:1 / -1;
  min-width:0;
  color:#fcd34d;
  font-size:11px;
  font-weight:750;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.task-source-candidate--empty{
  grid-template-columns:1fr;
  color:var(--muted);
}

.task-source-reason{
  display:grid;
  gap:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}

.task-source-reason textarea{
  width:100%;
  min-height:64px;
  resize:vertical;
}

.task-source-modal__footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
  padding-top:2px;
}

html[data-theme="light"] .shipment-page .task-stop-line__source-label{
  color:#1d4ed8;
}

html[data-theme="light"] .shipment-page .task-stop-line__source--exact strong{
  color:#166534;
}

html[data-theme="light"] .shipment-page .task-stop-line__source--attention{
  color:#92400e;
}

html[data-theme="light"] .task-source-location{
  border-color:#d7dee9;
  border-left-color:#3b82f6;
  background:#f8fafc;
}

html[data-theme="light"] .task-source-response{
  color:#334155;
  background:#eff6ff;
}

html[data-theme="light"] .task-source-response--attention{
  color:#92400e;
  background:#fffbeb;
}

html[data-theme="light"] .task-source-location.is-selected,
html[data-theme="light"] .task-source-location:has(input[type="radio"]:checked){
  border-color:#86b996;
  border-left-color:#16a34a;
  background:#f0fdf4;
}

html[data-theme="light"] .task-source-location.is-route-disabled{
  border-color:#f6c66b;
  border-left-color:#d97706;
  background:#fffbeb;
}

html[data-theme="light"] .task-source-candidate.is-route-disabled{
  background:#fff7ed;
}

html[data-theme="light"] .task-source-route-refusal{
  color:#92400e;
}

html[data-theme="light"] .task-source-candidate__qty{
  color:#0f172a;
}

@media (max-width: 600px){
  .shipment-page--v2 .task-group__head{
    align-items:flex-start;
    flex-direction:column;
    min-width:0;
  }

  .shipment-page--v2 .task-group__meta,
  .shipment-page--v2 .task-group__movement-summary,
  .shipment-page--v2 .task-movement-summary{
    width:100%;
    min-width:0;
    text-align:left;
  }

  .shipment-page--v2 .task-movement-summary span{
    white-space:normal;
  }

  .shipment-page--v2 .task-row,
  .shipment-page--v2 .task-stop,
  .shipment-page--v2 .task-movement-toolbar,
  .shipment-page--v2 .task-movement-bucket,
  .shipment-page--v2 .task-movement-purpose{
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }

  .shipment-page .task-stop-line{
    grid-template-columns:1fr;
    align-items:start;
  }

  .shipment-page .task-stop-line__qty{
    justify-content:flex-start;
  }

  .shipment-page .task-stop-line__source-actions{
    width:100%;
  }

  .task-source-modal{
    align-items:flex-end;
    padding:8px;
  }

  .task-source-modal .task-source-modal__card{
    box-sizing:border-box;
    width:100%;
    max-height:calc(100vh - 16px);
    min-width:0;
    max-width:100%;
  }

  .task-source-modal__body,
  .task-source-location,
  .task-source-candidate{
    min-width:0;
    max-width:100%;
  }

  .task-source-candidate{
    grid-template-columns:minmax(0, 1fr) auto;
  }

  .task-source-candidate__badges,
  .task-source-candidate > .badge{
    grid-column:1 / -1;
    justify-self:start;
    justify-content:flex-start;
  }
}