/*
 * View Dispatch (outbound) — manager-readable typography bolt-on.
 * Loaded after sales-dashboard.css so these styles survive main CSS refreshes.
 * Visual only: fonts, colour, spacing. Does not change behaviour.
 */

#tab-delivery .del-outbound-panel,
#tab-delivery .del-outbound-panel button,
#tab-delivery .del-outbound-panel input,
#tab-delivery .del-outbound-panel select {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/*
 * Outbound palette — linked to .delivery-sub-tab-outbound
 * Tab wash: #dbeafe · active: #93c5fd · text: #1e3a8a · grey chrome for calm rows
 */
#tab-delivery .del-outbound-panel,
#tab-delivery .del-outbound-panel .del-layout {
    background: #dbeafe;
}
#tab-delivery .del-outbound-panel {
    border-radius: 8px;
    padding: 14px 14px 18px;
    border: 1px solid #93c5fd;
}
#tab-delivery .del-outbound-panel .di-topbar-left h2 {
    color: #1e3a8a;
}
#tab-delivery .del-outbound-panel .di-topbar-sub {
    color: #64748b;
}

/* —— Dispatched board —— */
#tab-delivery .del-section-dispatched {
    background: #f8fafc;
    border: 1px solid #93c5fd;
}
#tab-delivery .del-section-dispatched .del-board-header {
    background: #93c5fd;
    color: #1e3a8a;
    border-bottom: 1px solid #3b82f6;
}
#tab-delivery .del-section-dispatched .del-board-station {
    color: #1e3a8a;
}
#tab-delivery .del-section-dispatched .del-board-subtitle,
#tab-delivery .del-section-dispatched .del-board-departures,
#tab-delivery .del-section-dispatched .del-board-sort-toggle {
    color: #1e40af;
}
#tab-delivery .del-section-dispatched .del-board-sort-toggle input {
    accent-color: #3b82f6;
}
#tab-delivery .del-section-dispatched .del-section-count,
#tab-delivery .del-section-dispatched.del-board .del-section-count {
    background: #dbeafe;
    color: #1e3a8a;
    border-color: #93c5fd;
}
#tab-delivery .del-section-dispatched .del-board-colheads {
    background: #e2e8f0;
    border-bottom-color: #cbd5e1;
    color: #64748b;
}
#tab-delivery .del-section-dispatched .del-board-rows {
    background: #f8fafc;
}
#tab-delivery .del-section-dispatched .del-board-row {
    border-bottom-color: #e2e8f0;
}
#tab-delivery .del-section-dispatched .del-board-row:hover {
    background: #eff6ff;
}
#tab-delivery .del-section-dispatched .del-board-row-complete,
#tab-delivery .del-section-dispatched .del-board-row-complete:hover,
#tab-delivery .del-section-dispatched .del-board-row-complete.del-board-row-selected,
#tab-delivery .del-section-dispatched .del-board-row-received,
#tab-delivery .del-section-dispatched .del-board-row-split-outstanding,
#tab-delivery .del-section-dispatched .del-board-row-split-outstanding.del-board-row-complete,
#tab-delivery .del-section-dispatched .del-board-row-split-outstanding:hover,
#tab-delivery .del-section-dispatched .del-board-row-split-outstanding.del-board-row-complete:hover {
    background: #f1f5f9;
}
#tab-delivery .del-section-dispatched .del-board-row-selected {
    background: #bfdbfe;
    box-shadow: inset 3px 0 0 #3b82f6;
}
#tab-delivery .del-section-dispatched .del-board-row-addr-warn {
    box-shadow: inset 0 -2px 0 #94a3b8;
}
#tab-delivery .del-section-dispatched .del-board-row-selected.del-board-row-addr-warn {
    box-shadow: inset 3px 0 0 #3b82f6, inset 0 -2px 0 #94a3b8;
}
#tab-delivery .del-section-dispatched .del-board-dest-main,
#tab-delivery .del-section-dispatched .del-board-plat {
    color: #1e293b;
}
#tab-delivery .del-section-dispatched .del-board-dest-via,
#tab-delivery .del-section-dispatched .del-board-dest-via-warn {
    color: #64748b !important;
}
#tab-delivery .del-section-dispatched .del-board-items,
#tab-delivery .del-section-dispatched .del-journey-line,
#tab-delivery .del-section-dispatched .del-board-empty {
    color: #64748b;
}
#tab-delivery .del-section-dispatched .del-orders-link-btn,
#tab-delivery .del-section-dispatched .del-workshop-link-btn {
    color: #1e40af;
    background: #dbeafe;
    border-color: #93c5fd;
}
#tab-delivery .del-section-dispatched .del-orders-link-btn:hover,
#tab-delivery .del-section-dispatched .del-workshop-link-btn:hover {
    color: #1e3a8a;
    background: #bfdbfe;
    border-color: #3b82f6;
}
#tab-delivery .del-section-dispatched .del-board-journey,
#tab-delivery .del-section-dispatched .del-board-journey.del-journey-transit,
#tab-delivery .del-section-dispatched .del-board-journey.del-journey-due,
#tab-delivery .del-section-dispatched .del-board-journey.del-journey-complete,
#tab-delivery .del-section-dispatched .del-board-journey.del-journey-complete-perfect,
#tab-delivery .del-section-dispatched .del-board-journey.del-journey-confused,
#tab-delivery .del-section-dispatched .del-board-journey.del-journey-waiting {
    border-color: #cbd5e1;
    background: #e2e8f0;
    color: #475569;
}
#tab-delivery .del-section-dispatched .del-journey-title,
#tab-delivery .del-section-dispatched .del-journey-transit .del-journey-title,
#tab-delivery .del-section-dispatched .del-journey-due .del-journey-title,
#tab-delivery .del-section-dispatched .del-journey-complete .del-journey-title,
#tab-delivery .del-section-dispatched .del-journey-complete-perfect .del-journey-title,
#tab-delivery .del-section-dispatched .del-journey-confused .del-journey-title,
#tab-delivery .del-section-dispatched .del-journey-waiting .del-journey-title {
    color: #334155;
}
#tab-delivery .del-section-dispatched .del-journey-line--transit,
#tab-delivery .del-section-dispatched .del-journey-line--due,
#tab-delivery .del-section-dispatched .del-journey-line--complete,
#tab-delivery .del-section-dispatched .del-journey-line--complete-perfect {
    color: #64748b;
}
#tab-delivery .del-section-dispatched .del-board-departed .dispatched-date-cell,
#tab-delivery .del-section-dispatched .del-board-departed .date-edit-value {
    color: #1e293b;
}
#tab-delivery .del-section-dispatched .del-card-expand {
    color: #475569;
}

/* —— Ready section (same outbound blue + grey) —— */
#tab-delivery .del-section-ready {
    background: #eff6ff;
    border: 1px solid #93c5fd;
}
#tab-delivery .del-section-ready .del-section-title {
    color: #1e3a8a;
}
#tab-delivery .del-section-ready .del-section-count {
    background: #dbeafe;
    color: #1e3a8a;
    border-color: #93c5fd;
}
#tab-delivery .del-section-ready .del-section-toggle {
    border-color: #93c5fd;
    background: #fff;
}
#tab-delivery .del-section-ready .del-section-toggle:hover {
    border-color: #3b82f6;
    background: #dbeafe;
}
#tab-delivery .del-section-ready .del-section-chevron {
    border-right-color: #1e40af;
    border-bottom-color: #1e40af;
}
#tab-delivery .del-section-ready .del-card-ready {
    border-left-color: #3b82f6;
    background: #f8fafc;
    border-color: #cbd5e1;
}
#tab-delivery .del-section-ready .del-card-selected {
    box-shadow: 0 0 0 2px #3b82f6, 0 2px 8px rgba(30, 58, 138, 0.08);
}
#tab-delivery .del-section-ready .del-card-etd-block,
#tab-delivery .del-section-ready .del-card-etd-past .del-card-etd-block,
#tab-delivery .del-section-ready .del-card-etd-past-chip {
    background: #dbeafe !important;
}
#tab-delivery .del-section-ready .del-card-etd-block:hover {
    box-shadow: inset 0 0 0 2px #3b82f6;
}
#tab-delivery .del-section-ready .del-card-etd-label,
#tab-delivery .del-section-ready .del-card-etd-past-chip .del-card-etd-label,
#tab-delivery .del-section-ready .del-card-etd-past-chip .del-card-etd,
#tab-delivery .del-section-ready .del-card-etd-past-chip .del-card-etd-hint {
    color: #1e40af !important;
}
#tab-delivery .del-section-ready .del-etd-input {
    border-color: #3b82f6;
}
#tab-delivery .del-section-ready .del-badge-ready {
    background: #dbeafe;
    color: #1e3a8a;
    border-color: #93c5fd;
}
#tab-delivery .del-section-ready .del-packing-text-link {
    color: #1e40af;
}
#tab-delivery .del-section-ready .del-card-address-warn {
    color: #64748b !important;
}

/* No auto-flash pulse on open */
#tab-delivery .del-board-row.del-focus-addr,
#tab-delivery .del-card.del-focus-addr {
    animation: none;
}

/* —— Board header typography —— */
#tab-delivery .del-board-station {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
}
#tab-delivery .del-board-subtitle {
    font-size: 13px;
    font-weight: 500;
}
#tab-delivery .del-board-departures,
#tab-delivery .del-board-sort-toggle {
    font-size: 13px;
    font-weight: 600;
}

/* —— Column heads —— */
#tab-delivery .del-board-colheads {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #334155;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* —— Rows —— */
#tab-delivery .del-board-cols {
    padding-top: 14px;
    padding-bottom: 14px;
    align-items: center;
}
#tab-delivery .del-board-plat {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}
#tab-delivery .del-board-dest-main {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0;
}
#tab-delivery .del-board-dest-via {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    line-height: 1.4;
}
#tab-delivery .del-board-dest-via-warn {
    color: #b45309 !important;
}
#tab-delivery .del-board-items {
    font-size: 13px;
    color: #334155;
    line-height: 1.45;
}
#tab-delivery .del-board .del-card-expand {
    font-size: 12px;
    font-weight: 600;
}

/* ETD sits under Expected (Arrives column removed) */
#tab-delivery .del-board-expected .del-board-time {
    align-items: flex-end;
}
#tab-delivery .del-board-time-main {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}
#tab-delivery .del-board-time-sub {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}
#tab-delivery .del-board-expected-status {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}
#tab-delivery .del-board-row-past .del-board-expected-status {
    color: #1d4ed8;
}
#tab-delivery .del-board-departed .dispatched-date-cell,
#tab-delivery .del-board-departed .date-edit-value {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}
#tab-delivery .del-board-packing-links,
#tab-delivery .del-card-packing-links {
    font-size: 12px;
}
#tab-delivery .del-board-packing-links {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 6px;
    margin-top: 0;
}
#tab-delivery .del-board-packing-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
#tab-delivery .del-packing-text-link {
    /* button style defined in sales-dashboard.css */
}

/* Split / packing flag: 0 none, ✕ outstanding, ✓ complete */
#tab-delivery .del-split-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-top: 1px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    flex-shrink: 0;
}
#tab-delivery .del-split-flag-none {
    color: #111;
}
#tab-delivery .del-split-flag-outstanding {
    color: #b42318;
}
#tab-delivery .del-split-flag-complete {
    color: #157347;
}
#tab-delivery .del-board-row-split-outstanding,
#tab-delivery .del-board-row-split-outstanding.del-board-row-complete {
    background: #fff5f5;
}
#tab-delivery .del-board-row-split-outstanding:hover,
#tab-delivery .del-board-row-split-outstanding.del-board-row-complete:hover {
    background: #ffe8ea;
}

/* Status / journey */
#tab-delivery .del-journey-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
}
#tab-delivery .del-journey-line {
    font-size: 12px;
    font-weight: 500;
    color: #475569;
}

/* Open links */
#tab-delivery .del-orders-link-btn {
    font-size: 11px;
    font-weight: 600;
    padding: 6px 8px;
    line-height: 1.25;
}

#tab-delivery .del-board-empty {
    font-size: 14px;
    color: #64748b;
}

/* —— Ready section (cards / lists) —— */
#tab-delivery .del-section-title {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
}
#tab-delivery .del-section-ready .del-section-title {
    color: #1e3a8a;
}
#tab-delivery .del-section-hint {
    font-size: 13px;
    line-height: 1.45;
    color: #64748b;
}
#tab-delivery .del-section-count {
    font-size: 13px;
    font-weight: 700;
}
#tab-delivery .del-card-order {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}
#tab-delivery .del-card-customer {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    margin: 4px 0 8px;
}
#tab-delivery .del-card-addr-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #64748b;
}
#tab-delivery .del-card-address {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    color: #334155;
}
#tab-delivery .del-card-items {
    font-size: 13px;
    line-height: 1.45;
    color: #334155;
}
#tab-delivery .del-card-etd-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
}
#tab-delivery .del-card-etd {
    font-size: 16px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
#tab-delivery .del-card-etd-hint {
    font-size: 11px;
    font-weight: 600;
}
#tab-delivery .del-card-expand {
    font-size: 12px;
    font-weight: 600;
}

/* Panel chrome */
#tab-delivery .del-outbound-panel .di-topbar-left h2 {
    font-size: 20px;
    font-weight: 700;
    color: #1e3a8a;
}
#tab-delivery .del-outbound-panel .di-topbar-sub {
    font-size: 13px;
    color: #64748b;
}