/* Shipping screens (wms-carriers, wms-checkout, wms-shipping): tabs, volumes, capacity bars, decision panels. */
.shipping-tabs {
   margin: 0 0 16px;
}

.shipping-vehicles {
   margin-bottom: 12px;
}

.shipping-subform,
.shipping-decision,
.shipping-close {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 12px;
   border: 1px solid var(--border);
   border-radius: var(--radius-lg);
   margin-top: 12px;
   background: var(--surface-2);
}

.shipping-decision ul {
   margin: 6px 0 0;
   padding-left: 18px;
}

.shipping-volumes {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin: 12px 0;
}

.shipping-volume {
   border: 1px solid var(--border);
   border-radius: var(--radius-lg);
   padding: 10px 12px;
}

.shipping-volume.is-open {
   border-color: var(--warning);
   box-shadow: 0 0 0 2px var(--warning-soft);
}

.shipping-volume-title {
   display: flex;
   align-items: center;
   gap: 10px;
   flex-wrap: wrap;
}

.shipping-volume-title strong {
   font-family: 'Courier New', monospace;
   letter-spacing: .04em;
}

.shipping-items {
   list-style: none;
   margin: 8px 0 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
}

.shipping-items li {
   display: grid;
   grid-template-columns: 1fr auto auto auto;
   gap: 8px;
   align-items: center;
   font-size: 13px;
}

.shipping-volume-actions {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
   margin-top: 8px;
}

.shipping-table {
   width: 100%;
   margin: 10px 0;
}

.shipping-table caption {
   text-align: left;
   font-weight: 600;
   padding-bottom: 6px;
}

.shipping-table tr.is-divergent td {
   background: var(--warning-faint);
}

.shipping-panel h2 {
   margin-top: 0;
}

.shipping-capacities {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 12px;
   margin: 12px 0;
}

.shipping-capacities .address-notice {
   grid-column: 1 / -1;
}

.shipping-capacity>div:first-child {
   display: flex;
   justify-content: space-between;
   gap: 8px;
   font-size: 13px;
}

.shipping-capacity-track {
   height: 10px;
   border-radius: var(--radius);
   background: var(--chart-track);
   overflow: hidden;
   margin-top: 4px;
}

.shipping-capacity-track span {
   display: block;
   height: 100%;
   background: var(--primary);
   border-radius: var(--radius);
}

.shipping-capacity.is-over .shipping-capacity-track span {
   background: var(--danger);
}

.shipping-capacity.is-over strong {
   color: var(--danger-text);
}

.address-notice.is-warning {
   color: var(--warning-text);
}

.shipping-candidates {
   display: flex;
   flex-direction: column;
   gap: 6px;
   max-height: 260px;
   overflow: auto;
}

.shipping-volume-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   margin: 8px 0 12px;
}

.shipping-volume-grid .compact-status {
   font-family: 'Courier New', monospace;
}

.shipping-actions {
   justify-content: flex-start;
   gap: 8px;
}

/* Lists of the shipping screens (validation r1, M1): Transportadoras, Conferência de saída, Cargas and Carregamento use the shared two-line row
   (.compact-row.is-two-line, compact-list.css; wms-ui "Linha de lista em duas linhas", 2026-10-08); the vehicles of a carrier (plate, type, capacity)
   are the classic one-line row. */

/* Confirmation summary (ShippingConfirm) and the resolved-shortage / origin notes under a cell. */
.shipping-confirm-summary {
   margin: 6px 0 12px;
   padding-left: 18px;
   font-size: 10px;
   line-height: 1.6;
   color: inherit;
}

.shipping-origin {
   display: block;
   font-size: 9px;
   color: var(--text-muted);
   margin-top: 2px;
}

.shipping-filter {
   max-width: 220px;
   margin-bottom: 8px;
}