/* =============================================================================
   DEX CRM - Orders & Inventory (Wave 1, 21 Oct 2026)

   The Orders page, the Shipping addresses card on contacts and organisations,
   the Order card, delivery lines and Order chip on the invoice panel, and the
   Tracking settings tab. Built from the app's own pieces (page-header,
   invoice-widget tiles, data-table, record-section, record-block, the AM field
   and the Bookings settings kit); this sheet only adds what is Orders' own.
   Theme tokens only, so Navy, Wood and every other theme follow.
   ============================================================================= */

/* ---- Order status pill: tones come from bookings.css (booking-status--*) -- */

.order-status { white-space: nowrap; }


/* ---- Filters beside a list's search (Orders page, Invoices list) ----------- */

.orders-filters,
.invoice-toolbar:has(.order-filter) { flex-wrap: wrap; align-items: flex-end; }

.orders-filter,
.order-filter { flex: 0 1 200px; min-width: 160px; margin: 0; }

.orders-filter .kudio-field,
.order-filter .kudio-field { margin: 0; }


/* ---- The Orders table ------------------------------------------------------ */

.orders-row { cursor: pointer; }
.orders-table td { vertical-align: middle; }

.orders-when { display: block; white-space: nowrap; color: var(--text-primary); }

.orders-tracking {
    display: inline-block;
    margin: 0 6px 2px 0;
    padding: 2px 8px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-chip, 4px);
    background: var(--surface-subtle);
    color: var(--text-primary);
    font-family: var(--font-monospace);
    font-size: var(--font-size-tiny);
    white-space: nowrap;
}


/* ---- Shipping addresses card (contact and organisation Main tab) ----------- */

.orders-addresses__add { margin-left: auto; }
.orders-addresses__add[hidden] { display: none; }

.orders-address-list { display: flex; flex-direction: column; gap: 8px; }

.orders-address {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.orders-address--default { border-color: var(--accent-border); }

.orders-address__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }

.orders-address__label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
}

.orders-address__line { font-size: var(--font-size-small); color: var(--text-primary); overflow-wrap: anywhere; }
.orders-address__meta { font-size: var(--font-size-tiny); color: var(--text-secondary); overflow-wrap: anywhere; }
.orders-address__instructions { font-style: italic; }

.orders-address__actions { display: flex; flex: none; gap: 4px; }

.orders-address-editor {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 10px;
    padding: 14px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-medium);
    background: var(--surface-panel);
}

.orders-address-editor__title { margin: 0; font-size: var(--font-size-base); font-weight: 600; color: var(--text-primary); }
.orders-address-editor__tools { display: flex; flex-wrap: wrap; gap: 8px; }
.orders-address-editor__actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }

.orders-menu { display: flex; flex-direction: column; gap: 4px; min-width: 180px; }
.orders-menu .am-btn { justify-content: flex-start; width: 100%; }


/* ---- Invoice panel: the Order card --------------------------------------- */

.order-card .invoice-section__title { flex-wrap: wrap; }
.order-card__status { margin-left: auto; }

.order-card .order-field { margin: 4px 0 10px; }

.order-card__block {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-subtle);
}

.order-card__subhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    font-size: var(--font-size-small);
    font-weight: 600;
    color: var(--text-secondary);
}

.order-card__subhead--plain { margin-bottom: 4px; color: var(--text-primary); }

.order-new-address {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 10px;
    padding: 12px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-medium);
    background: var(--surface-subtle);
}

.order-shipment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    padding: 8px 10px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-medium);
    background: var(--surface-subtle);
}

.order-shipment__number {
    font-family: var(--font-monospace);
    font-size: var(--font-size-small);
    font-weight: 600;
    color: var(--text-primary);
}

.order-shipment__meta { font-size: var(--font-size-tiny); color: var(--text-secondary); }

.order-history { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.order-history__item { display: flex; flex-direction: column; gap: 1px; }
.order-history__text { font-size: var(--font-size-small); color: var(--text-primary); }
.order-history__meta { font-size: var(--font-size-tiny); color: var(--text-muted); }


/* ---- Invoice panel: the delivery line under an item ----------------------- */

.order-item-line {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed var(--border-subtle);
}

.order-item-line--three { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1fr); }

.order-item-line .order-field { margin: 0; min-width: 0; }
.order-item-line .kudio-field { background: var(--surface-panel); }
.order-item-line input[readonly] { font-family: var(--font-monospace); }
.order-item-line input[readonly]:placeholder-shown { font-family: inherit; }
.order-item-line input[readonly]::placeholder { font-size: var(--font-size-tiny); }


/* ---- Invoice panel header: the Order chip ------------------------------- */

.order-chip[hidden] { display: none; }

.order-chip__pill { gap: 6px; }
.order-chip__pill:disabled { cursor: default; opacity: 1; }

.order-chip__kicker {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.75;
}


/* ---- Finance > Settings > Tracking -------------------------------------- */

.orders-settings__example-line { margin: 12px 0 4px; font-size: var(--font-size-small); color: var(--text-secondary); }

.orders-settings__example {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 10px;
    border-radius: var(--radius-chip, 4px);
    background: var(--accent-tint);
    color: var(--accent);
    font-family: var(--font-monospace);
    font-weight: 600;
}


/* ---- Phones -------------------------------------------------------------- */

@media (max-width: 560px) {
    /* Ship to, Payment, Total and Tracking step aside; the row still says
       which invoice, who, where it stands and when it goes. */
    .orders-col--secondary { display: none; }

    .orders-filter,
    .order-filter { flex: 1 1 100%; }

    .order-item-line,
    .order-item-line--three { grid-template-columns: minmax(0, 1fr); }

    .orders-address { flex-wrap: wrap; }
    .orders-address__actions { width: 100%; justify-content: flex-end; }

    .orders-address-editor .bks-grid { grid-template-columns: minmax(0, 1fr); }

    /* 16px so iOS does not zoom into the field; 44px targets. */
    .orders-address-editor input,
    .orders-address-editor select,
    .orders-address-editor textarea,
    .order-card input,
    .order-card select,
    .order-card textarea,
    .order-item-line input,
    .order-item-line select,
    .orders-filter select,
    .order-filter select { font-size: 16px; min-height: 44px; }

    .orders-address-editor__actions .am-btn,
    .order-new-address .am-btn,
    .orders-addresses__add { min-height: 44px; }

    .order-card__subhead .am-btn { min-height: 40px; }
}


/* =============================================================================
   Wave 2 (21 Oct 2026): Tracking. The Tracking page (tiles, filters, bulk
   bar, list and calendar), the shipment panel, the delivery note preview and
   composer, the contact Tracking tab, the invoice's Shipments rows and the
   statuses and carriers editors. Theme tokens only.
   ============================================================================= */

/* ---- Tracking page --------------------------------------------------------- */

.tracking-views { margin: 0 0 14px; }

.tracking-tiles { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

.tracking-filters .invoice-search { flex: 1 1 240px; min-width: 200px; }

.tracking-bulk {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 0 0 12px;
    padding: 10px 14px;
    border: 1px solid var(--accent-border);
    border-radius: var(--radius-medium);
    background: var(--surface-panel);
    box-shadow: var(--shadow-small, none);
}
.tracking-bulk[hidden] { display: none; }

.tracking-bulk__count { font-size: var(--font-size-small); font-weight: 600; color: var(--text-primary); }

.tracking-bulk__actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; margin-left: auto; }
.tracking-bulk__group { display: flex; align-items: flex-end; gap: 8px; }
.tracking-bulk__status { flex: 0 1 200px; min-width: 170px; margin: 0; }
.tracking-bulk__status .kudio-field { margin: 0; }

.tracking-table td { vertical-align: middle; }
.tracking-row { cursor: pointer; }
.tracking-row--selected td { background: var(--accent-tint); }

.tracking-col--check { width: 40px; text-align: center; }
.tracking-check { width: 16px; height: 16px; accent-color: var(--accent); cursor: pointer; }

.tracking-items {
    display: -webkit-box;
    max-width: 260px;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: var(--font-size-small);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tracking-late { color: var(--status-danger); font-weight: 600; }
.tracking-row__fold { display: none; }

/* ---- Calendar view ------------------------------------------------------- */

.tracking-calendar__head { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; }

.tracking-calendar__title {
    margin: 0 6px;
    min-width: 150px;
    font-size: var(--font-size-large, 18px);
    font-weight: 600;
    color: var(--text-primary);
    text-align: center;
}

.tracking-calendar { display: flex; flex-direction: column; gap: 10px; }

.tracking-calendar__day {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-medium);
    background: var(--surface-panel);
}
.tracking-calendar__day--today { border-color: var(--accent-border); background: var(--accent-tint); }
.tracking-calendar__day--past { opacity: 0.85; }

.tracking-calendar__date { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.tracking-calendar__weekday {
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-secondary);
}
.tracking-calendar__daynum { font-size: 24px; font-weight: 700; line-height: 1.1; color: var(--text-primary); }
.tracking-calendar__count { font-size: var(--font-size-tiny); color: var(--text-muted); }

.tracking-calendar__entries { display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.tracking-calendar__entry {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-medium);
    background: var(--surface-subtle);
    color: var(--text-primary);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.tracking-calendar__entry:hover,
.tracking-calendar__entry:focus-visible { border-color: var(--accent-border); outline: none; }

.tracking-calendar__who,
.tracking-calendar__where {
    overflow: hidden;
    font-size: var(--font-size-small);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tracking-calendar__where { color: var(--text-secondary); }

/* ---- Contact and organisation: the Tracking tab ---------------------------- */

.tracking-record { display: flex; flex-direction: column; gap: 10px; container-type: inline-size; }

/* In a record panel the table follows the panel's width, not the screen's. */
@container (max-width: 820px) {
    .tracking-record .tracking-col--wide,
    .tracking-record .tracking-col--items { display: none; }
}
@container (max-width: 560px) {
    .tracking-record .tracking-col--secondary { display: none; }
    .tracking-record .tracking-row__fold { display: block; }
}

.tracking-record__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
}

.tracking-record__summary { margin: 0; font-size: var(--font-size-small); color: var(--text-secondary); }
.tracking-record__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.tracking-record__tools .bks-switch-row { padding: 0; border: 0; gap: 10px; }

/* ---- Invoice panel: Shipments rows ----------------------------------------- */

.tracking-invoice__row {
    position: relative;
    width: 100%;
    padding-right: 32px;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.tracking-invoice__row:hover,
.tracking-invoice__row:focus-visible { border-color: var(--accent-border); outline: none; }
.tracking-invoice__items { flex-basis: 100%; }
.tracking-invoice__open {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-flex;
    color: var(--text-muted);
    transform: translateY(-50%);
}

/* ---- Shipment panel ------------------------------------------------------ */

.shipment-section__body { display: flex; flex-direction: column; gap: 12px; }

/* A field the panel hides (the typed tracking link when the carrier has its
   own) stays hidden even though AM fields are display: flex. */
.shipment-record [hidden],
.delivery-note-composer [hidden] { display: none !important; }

.shipment-section .record-section__title { flex-wrap: wrap; }
.shipment-section__tools { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }

.shipment-next { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.shipment-next__hint { font-size: var(--font-size-small); color: var(--text-secondary); }

.shipment-status-button:disabled { cursor: default; opacity: 1; }

.shipment-facts { margin: 0; font-size: var(--font-size-small); color: var(--text-secondary); }

.shipment-items__table { width: 100%; border-collapse: collapse; }
.shipment-items__table th {
    padding: 8px;
    border-bottom: 1px solid var(--border-subtle);
    background: var(--surface-subtle);
    color: var(--text-secondary);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
}
.shipment-items__table td {
    padding: 8px;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-primary);
    font-size: var(--font-size-small);
    vertical-align: middle;
}
.shipment-items__table .num { width: 96px; text-align: right; }
.shipment-items__title { font-weight: 500; color: var(--text-primary); }
.shipment-items__row--removed td { color: var(--text-muted); text-decoration: line-through; }
.shipment-items__row--removed .booking-row__sub { text-decoration: none; }

.shipment-items__qty {
    width: 76px;
    min-height: 34px;
    padding: 4px 8px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-small, 6px);
    background: var(--surface-panel);
    color: var(--text-primary);
    font: inherit;
    text-align: right;
}
.shipment-items__qty:focus { border-color: var(--accent); outline: 2px solid var(--accent-tint); }

.shipment-address { display: flex; align-items: flex-start; gap: 12px; }

.shipment-instructions {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 8px 10px;
    border-left: 3px solid var(--accent-border);
    background: var(--surface-subtle);
    font-size: var(--font-size-small);
    color: var(--text-primary);
}
.shipment-instructions__label {
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-secondary);
}

.shipment-link[hidden] { display: none; }
.shipment-link { grid-column: 1 / -1; }
.shipment-link a { text-decoration: none; }

.shipment-dl {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 6px 14px;
    margin: 0;
    font-size: var(--font-size-small);
}
.shipment-dl dt { color: var(--text-secondary); }
.shipment-dl dd { margin: 0; color: var(--text-primary); overflow-wrap: anywhere; }

.shipment-history { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }

.shipment-history__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 4px;
    border-bottom: 1px solid var(--border-subtle);
}
.shipment-history__item:last-child { border-bottom: 0; }

.shipment-history__icon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--accent-tint);
    color: var(--accent);
}

.shipment-history__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.shipment-history__title { font-size: var(--font-size-small); font-weight: 600; color: var(--text-primary); }
.shipment-history__change,
.shipment-history__detail { font-size: var(--font-size-small); color: var(--text-primary); overflow-wrap: anywhere; }
.shipment-history__meta { font-size: var(--font-size-tiny); color: var(--text-muted); }

/* ---- Delivery note: preview and composer -------------------------------- */

.delivery-note-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }

.delivery-note-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-medium);
    background: var(--surface-subtle);
}

/* The page is paper: white whatever the theme, with the theme's frame. */
.delivery-note-preview__page {
    width: 100%;
    max-width: 760px;
    height: auto;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-small, 6px);
    background: #ffffff;
    box-shadow: var(--shadow-small, none);
}

/* ---- Delivery note: signed online ----------------------------------------- */

.shipment-signing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 0 0 12px;
    padding: 12px 14px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-medium);
    background: var(--surface-panel);
}
.shipment-signing__text { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; }
.shipment-signing__line { font-size: var(--font-size-small); color: var(--text-secondary); }
.shipment-signing__line strong { color: var(--text-primary); font-weight: 600; }
.shipment-signing__note {
    flex-basis: 100%;
    font-size: var(--font-size-small);
    color: var(--text-secondary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.shipment-signing__note--flag { display: inline-flex; align-items: center; gap: 6px; color: var(--status-warning); font-weight: 600; }
.shipment-signing__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.shipment-signing__pill,
.tracking-signed {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: var(--radius-chip, 4px);
    font-size: var(--font-size-tiny, 11px);
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}
.shipment-signing__pill--neutral { background: var(--status-neutral-tint); color: var(--status-neutral); }
.shipment-signing__pill--success,
.tracking-signed { background: var(--status-success-tint); color: var(--status-success); }
.shipment-signing__pill--danger,
.tracking-signed--problem { background: var(--status-danger-tint); color: var(--status-danger); }
.tracking-signed .icon { width: 12px; height: 12px; }

.delivery-note-composer__grid { grid-template-columns: minmax(0, 1fr); }
.delivery-note-composer__grid [hidden] { display: none; }

.delivery-note-composer__attachment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px dashed var(--border-default);
    border-radius: var(--radius-medium);
    background: var(--surface-subtle);
    font-size: var(--font-size-small);
    color: var(--text-primary);
}
.delivery-note-composer__hint { margin-left: auto; font-size: var(--font-size-tiny); color: var(--text-muted); }

/* ---- Finance > Settings > Tracking: statuses and carriers ---------------- */

.orders-settings--lists { margin-top: 16px; }

.tracking-editor { display: flex; flex-direction: column; gap: 8px; }

.tracking-editor__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content max-content;
    align-items: center;
    gap: 10px 14px;
    padding: 10px 12px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-medium);
    background: var(--surface-panel);
}
.tracking-editor__row--archived { background: var(--surface-subtle); opacity: 0.7; }

.tracking-editor__fields {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
}
.tracking-editor__fields--carrier { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr); }
.tracking-editor__fields .bks-field { margin: 0; min-width: 0; }
.tracking-editor__fields--carrier .bks-field--wide { grid-column: auto; }

@media (max-width: 1180px) {
    .tracking-editor__row { grid-template-columns: minmax(0, 1fr) max-content; }
    .tracking-editor__fields { grid-column: 1 / -1; }
}

.tracking-editor__preview { display: inline-flex; }
.tracking-editor__tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px; }
.tracking-editor__note { font-size: var(--font-size-tiny); color: var(--text-muted); }
.tracking-editor__add { display: flex; margin-top: 10px; }


/* ---- Tracking on phones --------------------------------------------------- */

/* Assigned and Last update step aside before the table needs to scroll, then Items. */
@media (max-width: 1280px) {
    .tracking-col--wide { display: none; }
}

@media (max-width: 900px) {
    .tracking-col--items { display: none; }
}

@media (max-width: 760px) {
    .tracking-editor__row { grid-template-columns: minmax(0, 1fr); }
    .tracking-editor__fields,
    .tracking-editor__fields--carrier { grid-template-columns: minmax(0, 1fr); }
    .tracking-editor__tools { justify-content: flex-start; }
}

@media (max-width: 560px) {
    .tracking-col--secondary { display: none; }
    .tracking-row__fold { display: block; }

    /* The selection column stays on phones so the bulk actions still work. */
    .tracking-table .tracking-col--check { display: table-cell !important; width: 36px; padding-left: 6px; padding-right: 0; }

    .tracking-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .tracking-bulk { position: static; }
    .tracking-bulk__actions { margin-left: 0; width: 100%; }
    .tracking-bulk__group { flex: 1 1 100%; }
    .tracking-bulk__status { flex: 1 1 auto; }
    .tracking-bulk .am-btn { min-height: 44px; }

    .tracking-calendar__day { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .tracking-calendar__date { flex-direction: row; align-items: baseline; gap: 8px; }
    .tracking-calendar__entry { grid-template-columns: minmax(0, 1fr) auto; }
    .tracking-calendar__where { display: none; }

    .shipment-items__table thead { display: none; }
    .shipment-items__table tr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px 10px;
        padding: 10px 0;
        border-bottom: 1px solid var(--border-subtle);
    }
    .shipment-items__table td { padding: 0; border: 0; }
    .shipment-items__table td:first-child { grid-column: 1 / -1; }
    .shipment-items__table td.num { width: auto; text-align: left; }
    .shipment-items__table td.num::before {
        content: attr(data-label);
        display: block;
        font-size: var(--font-size-tiny);
        color: var(--text-secondary);
    }
    .shipment-items__qty { width: 100%; min-height: 44px; font-size: 16px; text-align: left; }

    .shipment-record input,
    .shipment-record select,
    .shipment-record textarea,
    .delivery-note-composer input,
    .delivery-note-composer select,
    .delivery-note-composer textarea,
    .tracking-filters select,
    .tracking-bulk select { font-size: 16px; min-height: 44px; }

    .delivery-note-tools .am-btn,
    .shipment-next .am-btn { min-height: 44px; }

    .delivery-note-preview { padding: 8px; }
}