:root {
    --bg:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.88), transparent 26%),
        linear-gradient(180deg, #d4e6f3 0%, #eef5fa 48%, #f7fafc 100%);
    --surface: rgba(255, 255, 255, 0.92);
    --surface-strong: rgba(255, 255, 255, 0.98);
    --surface-muted: rgba(237, 244, 249, 0.92);
    --text: #173348;
    --text-soft: #617487;
    --border: rgba(163, 187, 204, 0.78);
    --border-strong: rgba(128, 161, 182, 0.9);
    --shadow: 0 18px 34px rgba(23, 53, 77, 0.12);
    --shadow-soft: 0 8px 16px rgba(23, 53, 77, 0.08);
    --accent: #d85755;
    --accent-strong: #a83237;
    --accent-soft: #ffe2e1;
    --variant-accent: #2681bf;
    --variant-strong: #185a8e;
    --variant-soft: #e8f5ff;
    --focus-blue: #1a73d7;
    --focus-soft: rgba(26, 115, 215, 0.18);
    --success: #1f7b5d;
    --warning: #be7a15;
    --danger: #cb4a4f;
}

/* LHPV final workbench ----------------------------------------------------- */
body[data-operations-active-module="lhpv"] .operations-status-strip,
body[data-operations-active-module="lhpv"] > .app-shell .operations-summary-grid {
    display: none !important;
}

body[data-operations-active-module="lhpv"] .operations-shell {
    gap: 0;
    padding: 0;
    background: #f3f6fa;
}

body[data-operations-active-module="lhpv"] .operations-lhpv-final {
    --lhpv-navy: #112f50;
    --lhpv-blue: #164f91;
    --lhpv-line: #d5dee9;
    --lhpv-soft: #f4f7fb;
    --lhpv-muted: #566a83;
    display: block;
    gap: 0;
    min-width: 0;
    color: #17283f;
    background: var(--lhpv-soft);
}

.operations-lhpv-final-header {
    position: relative;
    z-index: 7;
    display: grid;
    grid-template-columns: max-content minmax(340px, 1fr) auto max-content;
    align-items: center;
    min-height: 62px;
    padding: 10px 26px;
    border-bottom: 1px solid var(--lhpv-line);
    background: var(--look-card, #fff);
}

.operations-lhpv-final-header h2 {
    margin: 0;
    color: #0c1828;
    font-size: 1.14rem;
    line-height: 1.1;
}

.operations-lhpv-header-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 18px;
}

.operations-lhpv-header-facts > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--lhpv-line);
    border-radius: 999px;
    color: var(--lhpv-muted);
    background: var(--look-card, #fff);
    font-size: 0.78rem;
    white-space: nowrap;
}

.operations-lhpv-header-facts strong {
    color: #17283f;
    font-weight: 800;
}

.operations-lhpv-final-tabs {
    display: flex;
    gap: 2px;
    margin: 0;
    padding: 4px;
    border: 0;
    border-radius: 9px;
    background: #e9eef4;
}

.operations-lhpv-final-tabs .loading-sheet-view-tab {
    min-height: 34px;
    padding: 0 13px;
    border: 0;
    border-radius: 7px;
    color: #52657d;
    background: transparent;
    font-size: 0.78rem;
    font-weight: 800;
}

.operations-lhpv-final-tabs .loading-sheet-view-tab.is-active {
    color: #122c4c;
    background: var(--look-card, #fff);
    box-shadow: 0 1px 5px rgba(16, 43, 74, 0.15);
}

.operations-lhpv-final kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 21px;
    padding: 0 5px;
    border: 1px solid #bdc9d8;
    border-radius: 5px;
    color: #284866;
    background: #f8fafc;
    font: 700 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    box-shadow: 0 1px 0 #d5dee9;
}

.operations-lhpv-shortcuts {
    position: relative;
    margin-left: 20px;
}

.operations-lhpv-shortcuts summary {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #101d2e;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.operations-lhpv-shortcuts > div {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 330px;
    padding: 12px;
    border: 1px solid var(--lhpv-line);
    border-radius: 9px;
    color: var(--lhpv-muted);
    background: var(--look-card, #fff);
    box-shadow: 0 14px 32px rgba(15, 36, 60, 0.18);
    font-size: 0.72rem;
}

.operations-lhpv-final-layout {
    display: grid;
    grid-template-columns: minmax(300px, 28%) minmax(0, 1fr);
    min-height: calc(100vh - 175px);
}

.operations-lhpv-queue {
    position: relative;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    min-width: 0;
    border-right: 1px solid var(--lhpv-line);
    background: var(--look-card, #fff);
}

.operations-lhpv-queue-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 15px 10px;
}

.operations-lhpv-queue-head > div {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

.operations-lhpv-queue-head h3,
.operations-lhpv-queue-head strong {
    margin: 0;
}

.operations-lhpv-queue-head h3 {
    color: #101d2e;
    font-size: 0.88rem;
}

.operations-lhpv-queue-head > div > strong {
    color: #8a5a00;
    font: 800 1.35rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-queue-head small {
    color: #61738a;
    font: 500 0.7rem/1 system-ui, sans-serif;
}

.operations-lhpv-sample-badge {
    padding: 4px 9px;
    border-radius: 5px;
    color: #845a04;
    background: #fff2cc;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.operations-lhpv-queue-search,
.operations-lhpv-register-search {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    margin: 0 15px 10px;
    padding: 0 9px;
    border: 1px solid #c8d3e0;
    border-radius: 7px;
    background: var(--look-card, #fff);
}

.operations-lhpv-queue-search:focus-within,
.operations-lhpv-register-search:focus-within {
    border-color: #2e67b2;
    box-shadow: 0 0 0 3px rgba(46, 103, 178, 0.12);
}

.operations-lhpv-queue-search svg {
    width: 17px;
    fill: none;
    stroke: #55708f;
    stroke-width: 1.8;
}

.operations-lhpv-queue-search input,
.operations-lhpv-register-search input {
    min-width: 0;
    height: 36px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #19324f;
    background: transparent;
    font-size: 0.78rem;
}

.operations-lhpv-vehicle-queue {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.operations-lhpv-queue-group {
    border-top: 1px solid #e4eaf1;
}

.operations-lhpv-queue-group.is-active {
    border-left: 4px solid var(--lhpv-navy);
    background: #f0f5fc;
}

.operations-lhpv-queue-vehicle {
    display: grid;
    grid-template-columns: 18px max-content minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 11px 13px 7px;
    border: 0;
    color: #162b45;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.operations-lhpv-queue-vehicle strong {
    font: 800 0.82rem/1.1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-queue-vehicle small {
    overflow: hidden;
    color: #526a83;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-lhpv-queue-vehicle b {
    padding: 4px 8px;
    border-radius: 999px;
    color: #865a00;
    background: #fff0d5;
    font-size: 0.64rem;
}

.operations-lhpv-queue-sheets {
    display: grid;
    gap: 2px;
    padding: 0 12px 9px 42px;
}

.operations-lhpv-queue-sheet {
    display: grid;
    grid-template-columns: 18px minmax(55px, 0.9fr) 0.9fr 0.7fr 1fr;
    align-items: center;
    gap: 6px;
    min-height: 31px;
    padding: 4px 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #52657b;
    cursor: pointer;
    font-size: 0.68rem;
}

.operations-lhpv-queue-sheet:focus-visible,
.operations-lhpv-queue-sheet.is-selected {
    border-color: #72a2e8;
    outline: none;
    background: #eaf2ff;
}

.operations-lhpv-queue-sheet input {
    width: 16px;
    height: 16px;
    accent-color: var(--lhpv-navy);
}

.operations-lhpv-queue-sheet strong,
.operations-lhpv-queue-sheet b {
    color: #182c45;
    font: 800 0.7rem/1.1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-queue-shortcuts {
    padding: 8px 14px;
    border-top: 1px solid var(--lhpv-line);
    color: #60738a;
    background: var(--look-card, #fff);
    font-size: 0.64rem;
}

.operations-lhpv-legacy-controls {
    display: none !important;
}

.operations-lhpv-editor {
    position: relative;
    min-width: 0;
    padding: 13px 20px 74px;
    background: #f2f5f9;
}

.operations-lhpv-editor-identity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 43px;
    margin-bottom: 6px;
}

.operations-lhpv-editor-identity[hidden],
.operations-lhpv-editor-content[hidden],
.operations-lhpv-register-drawer[hidden] {
    display: none !important;
}

.operations-lhpv-editor-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.operations-lhpv-editor-title h3 {
    display: flex;
    gap: 12px;
    margin: 0;
    color: #13263e;
    font: 800 1rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-editor-title > span {
    color: #51657d;
    font-size: 0.72rem;
}

.operations-lhpv-sheet-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.operations-lhpv-sheet-chips span {
    padding: 5px 10px;
    border: 1px solid #a9c9f2;
    border-radius: 999px;
    color: #153e73;
    background: #eaf3ff;
    font: 800 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-editor-empty {
    display: grid;
    place-content: center;
    gap: 8px;
    min-height: 460px;
    color: #60738a;
    text-align: center;
}

.operations-lhpv-editor-empty strong {
    color: #27435f;
}

.operations-lhpv-editor-content {
    display: grid;
    gap: 10px;
}

.operations-lhpv-editor-content[hidden],
.operations-lhpv-editor-empty[hidden] {
    display: none !important;
}

.operations-lhpv-context-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.operations-lhpv-context-grid label,
.operations-lhpv-amount-fields label {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: #51647b;
    font-size: 0.65rem;
    font-weight: 800;
}

.operations-lhpv-context-grid input,
.operations-lhpv-amount-fields :is(input, select) {
    width: 100%;
    min-width: 0;
    height: 37px;
    padding: 0 10px;
    border: 1px solid #cbd6e3;
    border-radius: 6px;
    color: #162b45;
    background: var(--look-card, #fff);
    font-size: 0.76rem;
}

.operations-lhpv-context-grid input[readonly] {
    background: #f8fafc;
}

.operations-lhpv-context-grid label:last-child input,
.operations-lhpv-amount-fields input[type="number"] {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-money-card {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(250px, 0.85fr);
    gap: 14px;
    padding: 15px;
    border: 1px solid var(--lhpv-line);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.operations-lhpv-amount-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 9px;
}

.operations-lhpv-amount-fields label > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.operations-lhpv-last-hire {
    grid-column: 1 / -1;
    justify-self: start;
    padding: 3px 8px;
    border: 0;
    color: #1e55a1;
    background: transparent;
    font-size: 0.7rem;
    font-weight: 800;
    cursor: pointer;
}

.operations-lhpv-balance-card {
    display: grid;
    align-content: start;
    gap: 8px;
}

.operations-lhpv-balance-card dl {
    display: grid;
    gap: 7px;
    margin: 0;
}

.operations-lhpv-balance-card dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #40566f;
    font-size: 0.72rem;
}

.operations-lhpv-balance-card dd {
    margin: 0;
    color: #142740;
    font: 700 0.8rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-balance-card .operations-lhpv-total-row {
    padding-top: 8px;
    border-top: 1px solid #cbd6e2;
}

.operations-lhpv-balance-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 2px;
    padding: 13px;
    border-radius: 8px;
    color: #fff;
    background: #173e69;
}

.operations-lhpv-balance-hero span {
    font-size: 0.75rem;
    font-weight: 800;
}

.operations-lhpv-balance-hero strong {
    font: 900 1.25rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-balance-hero.is-negative {
    background: #b7221b;
}

.operations-lhpv-balance-card > small {
    color: #586d84;
    font-size: 0.68rem;
}

.operations-lhpv-balance-warning {
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #efaaa5;
    border-radius: 7px;
    color: #9f201a;
    background: #fff4f2;
    font-size: 0.68rem;
    line-height: 1.35;
    text-align: center;
}

.operations-lhpv-payment-card,
.operations-lhpv-recent-card {
    overflow: hidden;
    border: 1px solid var(--lhpv-line);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.operations-lhpv-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 43px;
    padding: 9px 13px;
}

.operations-lhpv-section-head > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.operations-lhpv-section-head strong {
    color: #4b6079;
    font-size: 0.7rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.operations-lhpv-section-head span {
    color: #65778d;
    font-size: 0.68rem;
}

.operations-lhpv-final-payment-table th,
.operations-lhpv-final-payment-table td {
    height: 32px;
    padding: 4px 7px;
}

.operations-lhpv-final-payment-table th:nth-child(5),
.operations-lhpv-final-payment-table td:nth-child(5),
.operations-lhpv-final-payment-table th:nth-child(6),
.operations-lhpv-final-payment-table td:nth-child(6) {
    display: none;
}

.operations-lhpv-recent-list {
    padding: 0 13px 7px;
}

.operations-lhpv-recent-list > button {
    display: grid;
    grid-template-columns: 72px 1fr 0.8fr 1fr 1fr auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 30px;
    padding: 4px 0;
    border: 0;
    border-top: 1px solid #e3e9f0;
    color: #486078;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font-size: 0.68rem;
}

.operations-lhpv-recent-list > button strong {
    color: #1753a0;
    text-decoration: underline;
}

.operations-lhpv-recent-list > button b {
    color: #172a42;
    font: 700 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-recent-list em {
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}

.operations-lhpv-recent-list em.is-success,
.operations-lhpv-register-table .status-pill.is-success {
    color: #137446;
    background: #dff4e8;
}

.operations-lhpv-recent-list em.is-info,
.operations-lhpv-register-table .status-pill.is-info {
    color: #2255a5;
    background: #e5efff;
}

.operations-lhpv-recent-list em.is-neutral,
.operations-lhpv-register-table .status-pill.is-neutral {
    color: #506176;
    background: #e9eef4;
}

.operations-lhpv-editor-actions {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 58px;
    padding: 9px 20px;
    border-top: 1px solid var(--lhpv-line);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -7px 20px rgba(26, 47, 71, 0.06);
}

.operations-lhpv-editor-actions > span {
    margin-right: auto;
    color: #64768b;
    font-size: 0.68rem;
}

.operations-lhpv-editor-actions button {
    min-height: 38px;
    border-radius: 7px;
}

.operations-lhpv-editor-actions .primary-button {
    background: #153e69;
}

.operations-lhpv-register-panel {
    min-height: calc(100vh - 175px);
    padding: 13px 22px;
    background: #f3f6fa;
}

.operations-lhpv-register-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 1fr);
    gap: 10px;
}

.operations-lhpv-register-summary article {
    display: grid;
    align-content: start;
    gap: 6px;
    min-height: 104px;
    padding: 14px 17px;
    border: 1px solid var(--lhpv-line);
    border-radius: 9px;
    background: var(--look-card, #fff);
}

.operations-lhpv-register-summary article > span {
    color: #52647c;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.operations-lhpv-register-summary article > strong {
    color: #172b44;
    font: 900 1.18rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-register-summary article small {
    color: #536980;
    font-size: 0.68rem;
}

.operations-lhpv-register-summary .operations-lhpv-needs-look {
    border-color: #f0b5af;
    color: #9f211b;
    background: #fff5f3;
}

.operations-lhpv-needs-look > span,
.operations-lhpv-needs-look button {
    color: #a0201a !important;
}

.operations-lhpv-needs-look div {
    display: grid;
    gap: 4px;
}

.operations-lhpv-needs-look button {
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    text-decoration: underline;
    font-size: 0.66rem;
    font-weight: 800;
    cursor: pointer;
}

.operations-lhpv-register-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0 8px;
}

.operations-lhpv-register-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.operations-lhpv-register-filters button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 33px;
    padding: 0 10px;
    border: 1px solid #c5d1df;
    border-radius: 7px;
    color: #172b45;
    background: var(--look-card, #fff);
    font-size: 0.69rem;
    font-weight: 800;
    cursor: pointer;
}

.operations-lhpv-register-filters button.is-active {
    border-color: #153e69;
    color: #fff;
    background: #153e69;
}

.operations-lhpv-register-filters button.is-active kbd {
    border-color: #416389;
    color: #fff;
    background: #244f7d;
    box-shadow: none;
}

.operations-lhpv-register-search {
    width: min(320px, 100%);
    margin: 0;
}

.operations-lhpv-register-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border: 1px solid var(--lhpv-line);
    border-radius: 9px;
    background: var(--look-card, #fff);
}

.operations-lhpv-register-layout.has-drawer {
    grid-template-columns: minmax(0, 1fr) 330px;
}

.operations-lhpv-register-table-shell {
    min-width: 0;
    max-height: calc(100vh - 365px);
    overflow: auto;
    border: 0;
}

.operations-lhpv-register-table {
    min-width: 1010px;
}

.operations-lhpv-register-table th,
.operations-lhpv-register-table td {
    height: 34px;
    padding: 5px 8px;
    border-bottom: 1px solid #e1e8f0;
    font-size: 0.66rem;
    white-space: nowrap;
}

.operations-lhpv-register-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    color: #52657d;
    background: #f7f9fc;
    font-size: 0.62rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.operations-lhpv-register-table tbody tr {
    cursor: pointer;
}

.operations-lhpv-register-table tbody tr:hover,
.operations-lhpv-register-table tbody tr:focus-visible,
.operations-lhpv-register-table tbody tr.is-keyboard-active {
    outline: 0;
    background: #f0f6ff;
}

.operations-lhpv-register-table tbody tr.is-selected {
    box-shadow: inset 3px 0 #153e69;
    background: #e5eefc;
}

.operations-lhpv-register-table .operations-lhpv-register-link {
    color: #1753a0;
    text-decoration: underline;
}

.operations-lhpv-register-table td:nth-child(5),
.operations-lhpv-register-table td:nth-child(6),
.operations-lhpv-register-table td:nth-child(7) {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 700;
}

.operations-lhpv-register-table td.is-negative,
.operations-lhpv-attention-mark {
    color: #b42318;
}

.operations-lhpv-register-table-shell > footer {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 11px;
    border-top: 1px solid var(--lhpv-line);
    color: #5e7188;
    background: var(--look-card, #fff);
    font-size: 0.63rem;
    flex-wrap: wrap;
}

.operations-lhpv-register-pagination {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
}

.operations-lhpv-register-pagination .icon-button {
    width: 27px;
    min-width: 27px;
    min-height: 25px;
    padding: 0;
    border: 1px solid #c7d3e1;
    border-radius: 6px;
    color: #173d67;
    background: var(--look-card, #fff);
}

.operations-lhpv-register-pagination .icon-button:disabled {
    opacity: 0.42;
    cursor: not-allowed;
}

.operations-lhpv-register-layout[aria-busy="true"] .operations-lhpv-register-table-shell {
    opacity: 0.64;
    pointer-events: none;
}

.operations-lhpv-register-drawer {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    min-height: calc(100vh - 365px);
    border-left: 1px solid var(--lhpv-line);
    background: var(--look-card, #fff);
}

.operations-lhpv-register-drawer[hidden] {
    display: none;
}

.operations-lhpv-register-drawer > header,
.operations-lhpv-register-drawer > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--lhpv-line);
}

.operations-lhpv-register-drawer > header > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.operations-lhpv-register-drawer h3 {
    margin: 0;
    font-size: 1rem;
}

.operations-lhpv-register-drawer dl {
    display: grid;
    align-content: start;
    gap: 13px;
    margin: 0;
    padding: 19px 16px;
}

.operations-lhpv-register-drawer dl > div {
    display: grid;
    grid-template-columns: 42% 1fr;
    gap: 8px;
}

.operations-lhpv-register-drawer dt {
    color: #52677f;
    font-size: 0.74rem;
}

.operations-lhpv-register-drawer dd {
    margin: 0;
    color: #152a43;
    font: 800 0.74rem/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.operations-lhpv-drawer-warning {
    margin: 0 16px 16px;
    padding: 10px;
    border: 1px solid #efc270;
    border-radius: 7px;
    color: #8b5300;
    background: #fff9ed;
    font-size: 0.7rem;
}

.operations-lhpv-register-drawer > footer {
    justify-content: flex-start;
    border-top: 1px solid var(--lhpv-line);
    border-bottom: 0;
}

.modal-shell.operations-lhpv-negative-modal {
    z-index: 1600;
}

.operations-lhpv-negative-modal .operations-lhpv-negative-card {
    width: min(520px, calc(100vw - 32px));
    padding: 23px;
    border-radius: 10px;
}

.operations-lhpv-negative-card h2 {
    margin: 0 0 13px;
    font-size: 1rem;
}

.operations-lhpv-negative-card p {
    margin: 0;
    color: #334b65;
    font-size: 0.82rem;
    line-height: 1.5;
}

.operations-lhpv-negative-card .modal-actions {
    justify-content: flex-end;
    margin-top: 18px;
}

@media (max-width: 1180px) {
    .operations-lhpv-final-header {
        grid-template-columns: 1fr auto;
        gap: 8px;
    }

    .operations-lhpv-header-facts {
        order: 3;
        grid-column: 1 / -1;
        margin-left: 0;
    }

    .operations-lhpv-shortcuts {
        display: none;
    }

    .operations-lhpv-final-layout {
        grid-template-columns: minmax(280px, 34%) minmax(0, 1fr);
    }

    .operations-lhpv-context-grid,
    .operations-lhpv-amount-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-lhpv-money-card {
        grid-template-columns: 1fr;
    }

    .operations-lhpv-register-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .operations-lhpv-final-layout,
    .operations-lhpv-register-layout.has-drawer {
        grid-template-columns: 1fr;
    }

    .operations-lhpv-queue {
        max-height: 360px;
        border-right: 0;
        border-bottom: 1px solid var(--lhpv-line);
    }

    .operations-lhpv-editor {
        padding-inline: 12px;
    }

    .operations-lhpv-register-tools,
    .operations-lhpv-editor-actions,
    .operations-lhpv-section-head {
        align-items: stretch;
        flex-direction: column;
    }

    .operations-lhpv-editor-actions {
        position: static;
    }

    .operations-lhpv-register-search {
        width: 100%;
    }

    .operations-lhpv-register-drawer {
        position: fixed;
        inset: 110px 10px 10px;
        z-index: 80;
        min-height: 0;
        border: 1px solid var(--lhpv-line);
        border-radius: 10px;
        box-shadow: 0 20px 55px rgba(10, 31, 55, 0.28);
    }
}

/* Pickup LR console: minimum-entry, label-first workflow. */
.pickup-v2-shell {
    display: grid;
    gap: 12px;
    min-height: 0;
    padding: 12px;
    overflow: auto;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 214, 91, .18), transparent 24rem),
        linear-gradient(145deg, #edf7fb 0%, #f7fbfd 46%, #eef5f8 100%);
}

.pickup-v2-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px 20px;
    border-left: 5px solid #e1ae24;
    background: linear-gradient(112deg, rgba(255, 248, 218, .98), rgba(255, 255, 255, .98) 55%, rgba(219, 241, 250, .98));
}

.pickup-v2-hero h1,
.pickup-v2-entry-panel h2,
.pickup-v2-pending-panel h2 { margin: 2px 0 4px; color: #123d57; }
.pickup-v2-hero p { max-width: 850px; margin: 0; color: #496777; }

.pickup-v2-hero-status {
    display: grid;
    min-width: 220px;
    padding: 10px 14px;
    border: 1px solid #b8d9e6;
    border-radius: 12px;
    background: rgba(255, 255, 255, .84);
}
.pickup-v2-hero-status span { color: #69818d; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.pickup-v2-hero-status strong { color: #155f87; font-size: 1.35rem; }
.pickup-v2-hero-status a { color: #b33b38; font-weight: 800; }

.pickup-v2-entry-panel,
.pickup-v2-pending-panel { padding: 14px 16px; }
.pickup-v2-panel-head { margin-bottom: 10px; }
.pickup-v2-form { display: grid; gap: 10px; }
.pickup-v2-auto-grid,
.pickup-v2-user-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}
.pickup-v2-auto-grid {
    padding: 10px;
    border: 1px solid #cde2eb;
    border-radius: 12px;
    background: #f1f8fb;
}
.pickup-v2-user-grid { align-items: end; }
.pickup-v2-copy-check { min-height: 42px; align-self: end; }
.pickup-v2-actions { justify-content: flex-end; padding-top: 2px; }

.pickup-v2-scope-tabs { display: inline-flex; padding: 3px; border: 1px solid #c7dce6; border-radius: 10px; background: #edf5f8; }
.pickup-v2-scope-tabs button { border: 0; border-radius: 7px; padding: 7px 11px; color: #506d7c; background: transparent; cursor: pointer; font-weight: 800; }
.pickup-v2-scope-tabs button.is-active { color: #fff; background: #176b97; box-shadow: 0 3px 8px rgba(17, 82, 116, .2); }

.pickup-v2-tools {
    display: flex;
    align-items: end;
    gap: 8px;
    margin-bottom: 8px;
}
.pickup-v2-ocr-field { min-width: 220px; }
.pickup-v2-summary { display: flex; gap: 8px; margin-bottom: 8px; }
.pickup-v2-summary span { padding: 5px 10px; border-radius: 999px; color: #496777; background: #edf5f8; font-size: .82rem; }
.pickup-v2-summary b { color: #155f87; }
.pickup-v2-table-shell { max-height: 330px; overflow: auto; }
.pickup-v2-table th { position: sticky; top: 0; z-index: 1; background: #dceef6; }
.pickup-v2-table td { vertical-align: middle; }
.pickup-v2-table td small { display: block; margin-top: 2px; color: #6d828d; }
.pickup-v2-table tbody tr:hover { background: #eef9ef; }

.pickup-label-settings p { margin: 0 0 12px; color: #506d7c; }
.pickup-ocr-review-card { width: min(900px, 94vw); }
.pickup-ocr-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
.pickup-ocr-fields article { display: grid; gap: 2px; padding: 10px; border: 1px solid #c9dde6; border-radius: 10px; background: #f7fbfd; }
.pickup-ocr-fields article.needs-review { border-color: #d99d31; background: #fff7e4; }
.pickup-ocr-fields span { color: #68808c; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.pickup-ocr-fields strong { color: #173f54; }
.pickup-ocr-fields small { color: #6e818b; }

.pickup-warning-card {
    width: min(920px, 96vw);
    max-height: min(90vh, 760px);
    overflow: auto;
}

.pickup-warning-alert {
    padding: 12px 14px;
    border: 1px solid rgba(193, 126, 21, .38);
    border-radius: 12px;
    background: #fff7e5;
    color: #6e480c;
}

.pickup-warning-alert strong,
.pickup-warning-alert p,
.pickup-warning-permission {
    margin: 0;
}

.pickup-warning-alert p {
    margin-top: 4px;
    line-height: 1.45;
}

.pickup-warning-permission {
    padding: 10px 12px;
    border: 1px solid rgba(177, 66, 69, .3);
    border-radius: 10px;
    background: #fff0f0;
    color: #8b3034;
    font-weight: 700;
}

.pickup-warning-toolbar {
    display: flex;
    justify-content: flex-start;
}

.pickup-warning-matches {
    display: grid;
    gap: 10px;
    max-height: 310px;
    padding: 2px;
    overflow: auto;
}

.pickup-warning-matches[hidden] {
    display: none;
}

.pickup-warning-match-card {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #c7dce6;
    border-radius: 12px;
    background: #f7fbfd;
}

.pickup-warning-match-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.pickup-warning-match-head strong {
    color: #154f70;
}

.pickup-warning-match-card dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.pickup-warning-match-card dl div {
    min-width: 0;
    padding: 7px 8px;
    border-radius: 8px;
    background: #edf5f8;
}

.pickup-warning-match-card dt {
    color: #68808c;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.pickup-warning-match-card dd {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
    color: #173f54;
    font-weight: 750;
}

.pickup-warning-open-link {
    justify-self: start;
}

.pickup-warning-reason textarea {
    min-height: 78px;
    resize: vertical;
}

.pickup-warning-empty {
    margin: 0;
    color: #6e818b;
}

@media (max-width: 1200px) {
    .pickup-v2-auto-grid,
    .pickup-v2-user-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pickup-v2-tools { flex-wrap: wrap; }
}

@media (max-width: 720px) {
    .pickup-v2-shell { padding: 8px; }
    .pickup-v2-hero { align-items: stretch; flex-direction: column; gap: 10px; }
    .pickup-v2-hero-status { min-width: 0; }
    .pickup-v2-auto-grid,
    .pickup-v2-user-grid,
    .pickup-ocr-fields { grid-template-columns: 1fr; }
    .pickup-v2-tools { display: grid; grid-template-columns: 1fr; }
    .pickup-v2-scope-tabs { width: 100%; }
    .pickup-v2-scope-tabs button { flex: 1; }
    .pickup-v2-table-shell { max-height: 55vh; }
    .pickup-warning-match-card dl { grid-template-columns: 1fr; }
    .pickup-warning-match-head { align-items: flex-start; flex-direction: column; }
    .pickup-warning-card .modal-actions { align-items: stretch; flex-direction: column-reverse; }
    .pickup-warning-card .modal-actions button,
    .pickup-warning-toolbar button,
    .pickup-warning-open-link { width: 100%; }
}

body[data-variant-theme="sundry"] {
    --variant-accent: #2681bf;
    --variant-strong: #185a8e;
    --variant-soft: #e8f5ff;
}

body[data-variant-theme="ftl"] {
    --variant-accent: #c67c27;
    --variant-strong: #8a4f14;
    --variant-soft: #fff0df;
}

body[data-variant-theme="direct"] {
    --variant-accent: #16846c;
    --variant-strong: #0d5f4d;
    --variant-soft: #e5faf4;
}

body[data-payment-theme="paid"] {
    --accent: #2568c4;
    --accent-strong: #16458a;
    --accent-soft: #dfeeff;
}

body[data-payment-theme="to-pay"] {
    --accent: #d85755;
    --accent-strong: #a83237;
    --accent-soft: #ffe2e1;
}

body[data-payment-theme="foc"] {
    --accent: #2c9a56;
    --accent-strong: #17673a;
    --accent-soft: #e2f7e9;
}

body[data-payment-theme="manual"] {
    --accent: #e39b36;
    --accent-strong: #8d5814;
    --accent-soft: #fff1dd;
}

* {
    box-sizing: border-box;
}

[hidden] {
    display: none !important;
}

html,
body {
    margin: 0;
    width: 100%;
    height: 100%;
}

body {
    overflow: hidden;
    font-family: "Aptos", "Trebuchet MS", sans-serif;
    color: var(--text);
    background: var(--bg);
}

body.auth-screen {
    overflow: auto;
}

body.tcc-screen {
    overflow: auto;
}

button,
input,
select,
textarea {
    font: inherit;
}

h1,
h2,
h3,
strong {
    margin: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.app-shell {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100vh;
    padding: 10px;
}

.console-header,
.panel {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.console-header {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.35), transparent 34%),
        linear-gradient(90deg, #7bcbe3 0%, #8fd8eb 56%, #73c3de 100%);
}

.brand-stack {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    min-width: 0;
}

.brand-stack-logo-only {
    flex: 0 0 168px;
    justify-content: center;
    padding: 4px 0;
}

.console-brand-logo {
    display: block;
    width: 100%;
    max-width: 160px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(185, 32, 27, 0.12));
}

.console-header-side {
    margin-left: auto;
    min-width: 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 8px;
    flex: 1 1 auto;
}

.header-context-stack {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.brand-mark {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.95);
    color: #1b5b86;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    box-shadow: inset 0 0 0 1px rgba(27, 91, 134, 0.1);
}

.eyebrow {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: rgba(18, 52, 74, 0.72);
}

.brand-stack h1,
.block-head h2,
.panel-head h2,
.modal-head h2 {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.brand-stack h1 {
    margin-top: 3px;
    font-size: 1.36rem;
    color: #11486b;
}

.auth-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px 18px;
}

.auth-card {
    width: min(460px, 100%);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.auth-logo-lockup {
    display: flex;
    justify-content: center;
}

.auth-logo-image {
    width: min(100%, 258px);
    height: auto;
    display: block;
    filter: drop-shadow(0 16px 30px rgba(185, 32, 27, 0.16));
}

.auth-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.auth-brand h1 {
    margin-top: 3px;
    font-size: 1.55rem;
    color: #11486b;
}

.auth-copy {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.5;
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-submit,
.auth-secondary {
    width: 100%;
    justify-content: center;
}

.login-captcha {
    display: grid;
    gap: 9px;
    min-width: 0;
    margin: 2px 0 0;
    padding: 11px;
    border: 1px solid rgba(82, 142, 151, 0.34);
    border-radius: 13px;
    background: linear-gradient(145deg, #f5fbfb, #eef6f5);
}

.login-captcha legend {
    padding: 0 6px;
    color: #28566a;
    font-size: 0.75rem;
    font-weight: 800;
}

.login-captcha-visual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.login-captcha-visual img {
    display: block;
    width: 100%;
    max-width: 220px;
    height: 68px;
    border: 1px solid rgba(66, 126, 137, 0.24);
    border-radius: 11px;
    background: #f4faf9;
    user-select: none;
}

.login-captcha-visual button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #b9d5d7;
    border-radius: 9px;
    color: #176078;
    background: var(--look-card, #fff);
    cursor: pointer;
    font-size: 0.73rem;
    font-weight: 800;
}

.login-captcha-visual button:hover,
.login-captcha-visual button:focus-visible {
    border-color: #4b9bae;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(75, 155, 174, 0.14);
}

.login-captcha-visual button.is-loading span {
    animation: captcha-spin 0.7s linear infinite;
}

.login-captcha-answer {
    margin: 0;
}

.login-captcha-answer input {
    letter-spacing: 0.24em;
    text-transform: uppercase;
    font-weight: 850;
}

.login-captcha > small {
    color: #637f89;
    font-size: 0.68rem;
    line-height: 1.35;
}

@keyframes captcha-spin {
    to { transform: rotate(360deg); }
}

.feedback-banner {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 0.9rem;
    line-height: 1.45;
}

.feedback-error {
    background: #fde8e8;
    border-color: rgba(203, 74, 79, 0.22);
    color: #8e2228;
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 251, 0.92)),
        var(--surface);
}

.topbar-left,
.topbar-right,
.topbar-payment-head,
.topbar-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}

.topbar-left {
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.topbar-left-lr {
    width: 100%;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.topbar-left-lr .mode-switcher-nav {
    flex: 1 1 500px;
    min-width: 0;
    max-width: 760px;
    margin-left: auto;
    grid-template-columns: repeat(5, minmax(82px, 1fr));
}

.topbar-nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.topbar-right {
    flex: 1;
    min-width: 0;
    margin-left: auto;
    justify-content: flex-end;
}

.profile-menu {
    position: relative;
    flex-shrink: 0;
    align-self: flex-start;
}

.profile-menu summary {
    list-style: none;
}

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

.profile-menu-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(168, 191, 207, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-soft);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.profile-menu-trigger:hover,
.profile-menu[open] .profile-menu-trigger {
    transform: translateY(-1px);
    border-color: rgba(24, 90, 142, 0.28);
    box-shadow: var(--shadow);
}

.profile-menu-trigger:focus-visible {
    outline: 2px solid var(--focus-blue);
    outline-offset: 2px;
}

.profile-menu-avatar {
    position: relative;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--variant-soft), rgba(255, 255, 255, 0.98));
    color: var(--variant-strong);
}

.profile-menu-avatar-icon {
    position: relative;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.profile-menu-avatar-icon::before,
.profile-menu-avatar-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: currentColor;
}

.profile-menu-avatar-icon::before {
    top: 0;
    width: 7px;
    height: 7px;
    border-radius: 999px;
}

.profile-menu-avatar-icon::after {
    bottom: 0;
    width: 12px;
    height: 7px;
    border-radius: 999px 999px 4px 4px;
}

.profile-menu-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 14;
    min-width: 220px;
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow);
}

.profile-menu-name {
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--text);
    line-height: 1.3;
}

.profile-menu-action {
    width: 100%;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1px solid rgba(176, 198, 214, 0.92);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--text);
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.profile-menu-action:hover {
    transform: translateY(-1px);
    border-color: rgba(24, 90, 142, 0.24);
    background: linear-gradient(180deg, var(--variant-soft), rgba(255, 255, 255, 0.98));
    box-shadow: var(--shadow-soft);
}

.profile-menu-action:focus-visible {
    outline: 2px solid var(--focus-blue);
    outline-offset: 2px;
}

.header-user-strip {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(160, 192, 212, 0.75);
    box-shadow: var(--shadow-soft);
    overflow: hidden;
}

.header-user-line {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.header-user-line::-webkit-scrollbar {
    display: none;
}

.header-user-line-single {
    gap: 6px;
}

.header-user-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(237, 245, 251, 0.96);
    color: var(--text-soft);
    font-size: 0.73rem;
    line-height: 1.2;
    border: 1px solid rgba(175, 199, 215, 0.7);
    flex-shrink: 0;
}

@media (max-width: 1440px) {
    .header-user-line,
    .header-user-line-single {
        gap: 4px;
    }

    .header-user-chip {
        gap: 4px;
        min-height: 28px;
        padding: 4px 6px;
        font-size: 0.69rem;
    }

    .header-user-line .header-user-chip strong {
        font-size: 0.74rem;
    }
}

@media (max-width: 1280px) {
    .header-user-chip-role {
        max-width: 255px;
    }

    .header-user-line .header-user-chip-role strong {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.header-user-chip strong {
    font-size: 0.78rem;
    color: var(--text);
}

.header-user-chip-strong {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(232, 245, 255, 0.96));
    color: var(--variant-strong);
}

.header-user-chip-icon {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    flex-shrink: 0;
}

.header-user-chip-icon::before,
.header-user-chip-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: currentColor;
}

.header-user-chip-icon::before {
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 999px;
}

.header-user-chip-icon::after {
    bottom: 0;
    width: 14px;
    height: 8px;
    border-radius: 999px 999px 4px 4px;
}

.topbar-payment-head {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1px;
    min-width: 82px;
}

.topbar-payment-head h2 {
    margin: 0;
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--text);
}

.topbar-payment-head-inline {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(176, 198, 214, 0.88);
    flex-shrink: 0;
}

.topbar-link,
.topbar-link-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    min-width: 122px;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid rgba(176, 198, 214, 0.92);
    background: rgba(255, 255, 255, 0.9);
    color: var(--text);
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.topbar-link:hover,
.topbar-link-button:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-soft);
}

.topbar-link.is-active,
.topbar-dropdown.is-active .topbar-link-button {
    border-color: rgba(24, 90, 142, 0.24);
    background: linear-gradient(180deg, var(--variant-soft), rgba(255, 255, 255, 0.98));
    color: var(--variant-strong);
}

.topbar-link-button {
    font: inherit;
}

.topbar-dropdown {
    position: relative;
}

.topbar-dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 10;
    min-width: 260px;
    max-height: min(70vh, 560px);
    display: grid;
    gap: 4px;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.topbar-dropdown-menu-compact {
    min-width: 230px;
}

.topbar-dropdown-menu-operations {
    overflow: visible;
}

.topbar-dropdown-menu-module {
    overflow: visible;
}

.topbar-dropdown:hover .topbar-dropdown-menu,
.topbar-dropdown:focus-within .topbar-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.topbar-dropdown-menu a {
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--text);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
}

.topbar-submenu {
    display: grid;
    gap: 4px;
    position: relative;
}

.topbar-submenu summary,
.topbar-submenu-summary-link {
    position: relative;
    display: block;
    list-style: none;
    padding: 8px 30px 8px 10px;
    border-radius: 10px;
    color: var(--text);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
}

.topbar-submenu summary::-webkit-details-marker {
    display: none;
}

.topbar-submenu summary::after,
.topbar-submenu-summary-link::after {
    content: "+";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-soft);
    font-size: 0.88rem;
    font-weight: 900;
}

.topbar-submenu[open] summary::after {
    content: "-";
}

.topbar-submenu.is-active summary,
.topbar-submenu.is-active .topbar-submenu-summary-link,
.topbar-submenu summary:hover,
.topbar-submenu summary:focus-visible,
.topbar-submenu-summary-link:hover,
.topbar-submenu-summary-link:focus-visible,
.topbar-dropdown-menu a:hover {
    background: var(--variant-soft);
    color: var(--variant-strong);
}

.topbar-submenu summary:focus-visible,
.topbar-submenu-summary-link:focus-visible {
    outline: 2px solid var(--focus-blue);
    outline-offset: 2px;
}

.topbar-submenu-panel {
    display: grid;
    gap: 4px;
    padding-left: 10px;
    border-left: 1px solid rgba(176, 198, 214, 0.88);
    margin-left: 10px;
}

.topbar-submenu-side summary,
.topbar-submenu-side .topbar-submenu-summary-link {
    padding-right: 28px;
}

.topbar-submenu-side summary::after,
.topbar-submenu-side .topbar-submenu-summary-link::after {
    content: "›";
    font-size: 1rem;
}

.topbar-submenu-side .topbar-submenu-panel {
    position: absolute;
    top: -8px;
    left: calc(100% + 10px);
    min-width: 190px;
    margin-left: 0;
    padding: 10px;
    border-left: none;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
    z-index: 2;
}

.topbar-submenu-side .topbar-submenu-panel.topbar-submenu-panel-scrollable {
    top: auto;
    bottom: -8px;
    width: min(300px, calc(100vw - 32px));
    max-height: min(64vh, 460px);
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(24, 90, 142, 0.48) rgba(224, 236, 245, 0.72);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.topbar-submenu-panel-scrollable:focus-visible {
    outline: 2px solid var(--focus-blue);
    outline-offset: 2px;
}

.topbar-dropdown.is-flyout-open > .topbar-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.topbar-floating-submenu-panel {
    position: fixed;
    inset: auto;
    z-index: 1000;
    width: min(320px, calc(100vw - 24px));
    min-width: min(270px, calc(100vw - 24px));
    max-height: min(72vh, 520px);
    margin: 0;
    padding: 10px;
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: var(--shadow);
    opacity: 1;
    visibility: visible;
    transform: none;
    scrollbar-color: rgba(24, 90, 142, 0.48) rgba(224, 236, 245, 0.72);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    box-sizing: border-box;
}

.topbar-floating-submenu-panel[hidden] {
    display: none;
}

.topbar-floating-submenu-panel a {
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--text);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
}

.topbar-floating-submenu-panel a:hover,
.topbar-floating-submenu-panel a:focus-visible {
    background: var(--variant-soft);
    color: var(--variant-strong);
}

.topbar-submenu-side:hover .topbar-submenu-panel,
.topbar-submenu-side:focus-within .topbar-submenu-panel,
.topbar-submenu-side[open] .topbar-submenu-panel {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.topbar-note {
    margin: 0;
    font-size: 0.8rem;
    color: var(--text-soft);
    line-height: 1.35;
}

.header-command-bar {
    flex: 1;
    min-width: 320px;
    max-width: 560px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.header-command-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    min-width: 90px;
}

.header-command-head h2 {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: var(--text);
}

.header-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.header-meta .meta-card {
    padding: 8px 11px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.header-meta .meta-card span {
    display: inline;
}

.meta-card-inline {
    align-items: center;
}

.header-meta-inline .meta-card-inline {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    gap: 6px;
    flex-wrap: nowrap;
    min-width: 0;
}

.header-meta-inline .meta-card-inline span,
.header-meta-inline .meta-card-inline strong {
    display: inline;
    white-space: nowrap;
}

.header-meta-inline .meta-card-inline span {
    flex: 0 0 auto;
}

.header-meta-inline .meta-card-inline strong {
    margin-top: 0;
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
    scrollbar-gutter: stable both-edges;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
    font-size: 1.08rem;
    line-height: 1.2;
}

.dashboard-branch-switch-form {
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px;
    align-items: center;
}

.dashboard-branch-switch-select {
    width: 100%;
    min-width: 220px;
    max-width: 100%;
    min-height: 36px;
    padding: 7px 34px 7px 12px;
    border-radius: 10px;
    border: 1px solid rgba(151, 179, 201, 0.92);
    background: rgba(255, 255, 255, 0.96);
    color: var(--text);
    font-size: 0.96rem;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.dashboard-branch-switch-select:focus {
    border-color: rgba(24, 90, 142, 0.42);
    box-shadow: 0 0 0 4px rgba(42, 126, 199, 0.16);
}

.dashboard-branch-switch-button {
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid rgba(24, 90, 142, 0.28);
    border-radius: 9px;
    background: #e8f4fb;
    color: #155779;
    font: inherit;
    font-size: .76rem;
    font-weight: 850;
    cursor: pointer;
}

.dashboard-branch-switch-button:hover,
.dashboard-branch-switch-button:focus-visible {
    border-color: rgba(24, 90, 142, .52);
    background: #d9eef9;
    outline: none;
}

.dashboard-branch-switch-form.is-switching {
    opacity: .68;
    pointer-events: none;
}

.header-meta .meta-card .meta-card-link {
    width: auto;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
}

.header-meta .meta-card strong,
.header-meta .meta-card-link strong {
    display: inline;
    margin-top: 0;
}

.meta-card,
.summary-tile {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(160, 192, 212, 0.75);
}

.meta-card span,
.summary-tile span,
.lookup-status,
.panel-note,
.charges-note,
.route-hint,
.form-message,
.summary-inline small {
    color: var(--text-soft);
    font-size: 0.78rem;
}

.meta-card strong,
.summary-tile strong {
    display: block;
    margin-top: 3px;
    font-size: 1rem;
    color: var(--text);
}

.meta-card-link {
    width: 100%;
    padding: 0;
    margin-top: 3px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.meta-card-link:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.meta-card-link strong {
    margin-top: 0;
}

.meta-card-accent {
    background: linear-gradient(180deg, var(--accent-soft), rgba(255, 255, 255, 0.95));
    border-color: rgba(0, 0, 0, 0.04);
}

.console-grid {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 10px;
}

.workspace {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.app-shell-masters {
    overflow: hidden;
}

.panel {
    min-height: 0;
    padding: 10px;
}

.workflow-bar {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.workflow-row {
    display: grid;
    gap: 8px;
}

.workflow-row-top {
    grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
}

.workflow-row-bottom {
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
}

.workflow-row-main {
    grid-template-columns: minmax(260px, 0.9fr) minmax(250px, 0.85fr) minmax(320px, 1.15fr);
    align-items: start;
}

.workflow-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    border-radius: 12px;
    background: linear-gradient(180deg, var(--surface-strong), var(--surface-muted));
    border: 1px solid rgba(195, 212, 224, 0.92);
}

.workflow-row-main .workflow-block {
    gap: 1px;
    padding: 3px 6px;
}

.workflow-row-main .block-head {
    gap: 4px;
}

.workflow-row-main .block-head h2 {
    margin-top: 0;
    font-size: 0.8rem;
    line-height: 1.05;
}

.workflow-row-main .field {
    gap: 2px;
}

.workflow-row-main .field > span {
    font-size: 0.68rem;
    line-height: 1;
}

.workflow-row-main input:not([type="hidden"]),
.workflow-row-main select,
.workflow-row-main textarea {
    min-height: 29px;
    padding: 5px 8px;
    font-size: 0.75rem;
}

.workflow-row-main .secondary-button {
    padding: 7px 10px;
    font-size: 0.75rem;
}

.workflow-block-wide {
    min-width: 0;
}

.block-head,
.panel-head,
.modal-head,
.panel-actions,
.button-row,
.eway-control,
.material-toolbar,
.signal-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.block-head,
.panel-head,
.modal-head {
    align-items: flex-start;
}

.block-head h2,
.panel-head h2,
.modal-head h2 {
    margin-top: 2px;
    font-size: 0.96rem;
    color: var(--text);
}

.mode-switcher {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    max-width: 700px;
}

.mode-switcher-header {
    width: 100%;
    max-width: none;
}

.mode-switcher-nav {
    max-width: none;
}

.mode-button,
.variant-card,
.signal-badge,
.secondary-button,
.ghost-button,
.primary-button,
.icon-button {
    border: 0;
    border-radius: 14px;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.mode-button:hover,
.variant-card:hover,
.secondary-button:hover,
.ghost-button:hover,
.primary-button:hover,
.icon-button:hover {
    transform: translateY(-1px);
}

.mode-button {
    padding: 8px 8px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(176, 198, 214, 0.92);
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 800;
}

.mode-button.is-active {
    background: linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);
    color: #fff;
    box-shadow: 0 14px 24px rgba(22, 55, 82, 0.18);
}

.eway-control {
    align-items: stretch;
}

.workflow-row-main .eway-control {
    gap: 6px;
}

.manual-viewer-shell {
    min-height: 100vh;
}

.manual-viewer-panel {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.manual-viewer-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.manual-viewer-toolbar h1 {
    margin: 2px 0 4px;
    color: var(--text);
    font-size: 1.15rem;
}

.manual-viewer-toolbar p {
    margin: 0;
    color: var(--muted);
    font-size: 0.78rem;
}

.manual-pdf-frame {
    flex: 1;
    width: 100%;
    min-height: 520px;
    border: 1px solid rgba(176, 198, 214, 0.92);
    border-radius: 14px;
    background: var(--look-card, #fff);
}

.manual-viewer-fallback {
    margin: 0;
    color: var(--muted);
    font-size: 0.72rem;
}

@media (max-width: 760px) {
    .manual-viewer-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .manual-viewer-toolbar .button-row {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

/* Dedicated Door Delivery Memo create/history experience.
 * Keep this route-scoped so the shared Operations console retains its existing UI. */
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-compact-panel {
    --ddm-blue: var(--scc-blue, #1768cf);
    --ddm-blue-strong: var(--scc-blue-hover, #1057b4);
    --ddm-blue-soft: var(--scc-blue-soft, #eaf3ff);
    --ddm-border: var(--scc-border, #d8e2ef);
    --ddm-heading: var(--scc-heading, #15385c);
    --ddm-muted: var(--scc-muted, #627891);
    gap: 14px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--ddm-border);
    border-radius: 12px;
    background: var(--look-card, #fff);
    box-shadow: 0 5px 15px rgba(23, 56, 92, 0.06);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 8px 12px;
    color: var(--ddm-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress > span + span {
    border-left: 1px solid var(--ddm-border);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress b {
    display: inline-grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 1px solid #c8d7e8;
    border-radius: 50%;
    background: #f6f9fc;
    font-size: 0.72rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress .is-active {
    color: var(--ddm-blue-strong);
    background: var(--ddm-blue-soft);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress .is-active b,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress .is-complete b {
    border-color: var(--ddm-blue);
    color: #fff;
    background: var(--ddm-blue);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lookup-panel {
    padding: 16px 18px;
    border-color: var(--ddm-border);
    border-radius: 12px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lookup-panel .panel-head {
    margin-bottom: 12px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lookup-panel .panel-head h3 {
    color: var(--ddm-heading);
    font-size: 1.05rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lookup-grid {
    grid-template-columns: minmax(320px, 720px) auto;
    justify-content: start;
    align-items: end;
    gap: 12px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lookup-grid input {
    min-height: 42px;
    padding: 9px 12px;
    border-radius: 9px;
    font-size: 0.84rem;
}

.operations-ddm-lr-search-select,
.operations-ddm-lr-search-select > input {
    width: 100%;
    min-width: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lr-lookup-field:focus-within {
    position: relative;
    z-index: 30;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lr-options {
    z-index: 80;
    max-height: min(300px, 42vh);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lr-options .search-select-option.is-disabled,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lr-options .search-select-option:disabled {
    color: #788394;
    background: #f3f5f8;
    cursor: not-allowed;
    opacity: 0.72;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lr-options .search-select-option.is-disabled .search-select-option-meta,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lr-options .search-select-option:disabled .search-select-option-meta {
    color: #788394;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lookup-actions .primary-button {
    min-height: 42px;
    min-width: 108px;
    justify-content: center;
    background: var(--ddm-blue);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-hint {
    margin: 8px 0 0;
    color: var(--ddm-muted);
    font-size: 0.72rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #b9d5f5;
    border-radius: 11px;
    background: #f7fbff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result[hidden] {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result.is-error {
    border-color: #efc5c8;
    background: #fff7f7;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result-content {
    display: grid;
    grid-template-columns: minmax(120px, 0.5fr) minmax(0, 3fr);
    gap: 16px;
    align-items: center;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result-title,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result-title > * {
    display: block;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result-title span,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result-title small,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result dt {
    color: var(--ddm-muted);
    font-size: 0.64rem;
    font-weight: 800;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result-title strong {
    margin: 2px 0;
    color: var(--ddm-blue-strong);
    font-size: 1rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result dl {
    display: grid;
    grid-template-columns: repeat(6, minmax(90px, 1fr));
    gap: 10px;
    margin: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result dl div {
    min-width: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result dd {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
    color: var(--ddm-heading);
    font-size: 0.75rem;
    font-weight: 800;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-empty {
    display: grid;
    gap: 3px;
    margin: 0;
    color: #9c2f36;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-inline-workspace {
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border-color: var(--ddm-border);
    border-radius: 12px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-inline-workspace[hidden] {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-inline-workspace-content > .modal-head {
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--ddm-border);
    background: linear-gradient(90deg, var(--ddm-blue-soft), #fff 62%);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-inline-workspace-content > .modal-head h2 {
    color: var(--ddm-heading);
    font-size: 1.02rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-count-badge {
    display: inline-grid;
    min-width: 24px;
    height: 24px;
    margin-left: 5px;
    place-items: center;
    border-radius: 999px;
    color: var(--ddm-blue-strong);
    background: var(--ddm-blue-soft);
    font-size: 0.72rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-workspace-toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-mode-field {
    display: grid;
    grid-template-columns: auto minmax(180px, 230px);
    gap: 7px;
    align-items: center;
    margin: 0 4px 0 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-mode-field > span {
    color: var(--ddm-muted);
    font-size: 0.64rem;
    font-weight: 850;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-mode-field select {
    min-height: 34px;
    padding: 5px 28px 5px 8px;
    border-radius: 8px;
    font-size: 0.7rem;
}

.operations-ddm-mode-field-readonly .operations-ddm-mode-readonly {
    display: flex;
    min-height: 34px;
    min-width: 190px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #d8e5f4;
    border-radius: 8px;
    color: var(--ddm-heading, #173d63);
    background: #f5f9fe;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.25;
}

.operations-ddm-mode-field-readonly select[hidden] {
    display: none !important;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-mode-field-readonly > small {
    grid-column: 2;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorWorkspaceStatus {
    display: block;
    padding: 8px 16px;
    border-bottom: 1px solid var(--ddm-border);
    color: var(--ddm-muted);
    background: #fbfdff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table-shell {
    position: relative;
    max-width: 100%;
    max-height: min(54vh, 620px);
    overflow: auto;
    border: 0;
    border-radius: 0;
    background: var(--look-card, #fff);
    scrollbar-gutter: stable;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table thead,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody {
    display: table-row-group;
    width: 100%;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table {
    display: table;
    width: 100%;
    min-width: 1250px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table thead {
    display: table-header-group;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr {
    display: table-row;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table th,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table td,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr > td {
    display: table-cell;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 7px 6px;
    align-content: normal;
    border-right: 1px solid #e4ebf3;
    border-bottom: 1px solid #e4ebf3;
    background: var(--look-card, #fff);
    color: #25435f;
    font-size: 0.72rem;
    line-height: 1.25;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table th {
    position: sticky;
    top: 0;
    z-index: 5;
    color: #284b70;
    background: #f2f7fd;
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr:nth-child(even) > td {
    background: #fbfdff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr:hover > td {
    background: #f1f7ff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr.operations-ddm-row-door > td,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr.operations-ddm-row-door:nth-child(even) > td {
    background: #e9f8ef;
    border-color: #b8e2c8;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr.operations-ddm-row-godown > td,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr.operations-ddm-row-godown:nth-child(even) > td {
    background: #fff0f0;
    border-color: #efc2c2;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr.operations-ddm-row-door:hover > td {
    background: #d7f2e1;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr.operations-ddm-row-godown:hover > td {
    background: #ffe1e1;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table tbody tr > td::before {
    display: none;
    content: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(1) { width: 40px; text-align: center; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(2) { width: 74px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(3),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(4) { width: 37px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(5) { width: 84px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(6) { width: 80px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(7) { width: 46px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(8) { width: 92px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(9),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(10),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(11),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(12) { width: 58px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(13) { width: 48px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(14) { width: 88px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(15) { width: 52px; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(16) { width: 138px; }

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 6;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(2) {
    position: sticky;
    left: 40px;
    z-index: 6;
    box-shadow: 5px 0 8px rgba(18, 51, 79, 0.05);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table th:nth-child(1),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table th:nth-child(2) {
    z-index: 8;
    background: #eaf3ff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table :is(th, td):nth-child(16) {
    position: sticky;
    right: 0;
    z-index: 4;
    border-left: 2px solid #a8c9f0;
    box-shadow: -5px 0 10px rgba(18, 51, 79, 0.06);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table th:nth-child(16) {
    z-index: 8;
    color: #fff;
    background: var(--ddm-blue);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table td input {
    min-height: 32px;
    padding: 5px 7px;
    border-radius: 7px;
    font-size: 0.72rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table td:nth-child(1) input[type="checkbox"] {
    display: inline-block;
    width: 16px;
    height: 16px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-article-cell,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-tariff-stack,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-cell-note {
    display: block;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-article-cell small,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-cell-note,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-tariff-stack small {
    margin-top: 3px;
    color: var(--ddm-muted);
    font-size: 0.61rem;
    line-height: 1.25;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-document-actions,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table .inline-action-row {
    flex-wrap: wrap;
    gap: 4px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-table .dashboard-inline-action {
    min-height: 27px;
    padding: 4px 7px;
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-totals {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    padding: 10px 16px;
    border-top: 1px solid var(--ddm-border);
    background: #fbfdff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-totals span {
    display: grid;
    gap: 2px;
    min-width: 110px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-totals small {
    color: var(--ddm-muted);
    font-size: 0.63rem;
    font-weight: 800;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-totals strong {
    color: var(--ddm-blue-strong);
    font-size: 0.9rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-readiness {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 16px 10px;
    padding: 10px 12px;
    border: 1px solid #ead7aa;
    border-radius: 9px;
    color: #7a5817;
    background: #fff9e8;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-readiness > span {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #b9801c;
    font-weight: 900;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-readiness div {
    display: grid;
    gap: 2px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-readiness small {
    color: inherit;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-readiness.is-ready {
    border-color: #adddbd;
    color: #17633b;
    background: #effbf3;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-readiness.is-ready > span {
    background: #18854b;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-sticky-actions {
    position: sticky;
    bottom: 0;
    z-index: 10;
    margin: 0;
    padding: 10px 16px;
    border-top: 1px solid var(--ddm-border);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 -8px 18px rgba(18, 51, 79, 0.07);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-sticky-actions .primary-button,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorVehicleModalSaveBtn,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorHistorySearchBtn {
    background: var(--ddm-blue);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-modal-card {
    width: min(900px, calc(100vw - 32px));
    max-height: calc(100vh - 36px);
    padding: 18px;
    border-top: 4px solid var(--scc-blue, #1768cf);
    border-radius: 14px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-panel {
    padding: 16px;
    border-color: var(--scc-border, #d8e2ef);
    border-radius: 12px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filters {
    display: grid;
    grid-template-columns: minmax(280px, 1.5fr) minmax(150px, 0.7fr) repeat(2, minmax(145px, 0.6fr)) auto;
    gap: 10px;
    align-items: end;
    margin-bottom: 12px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filter-actions {
    flex-wrap: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table-shell,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-detail-table-shell {
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--scc-border, #d8e2ef);
    border-radius: 9px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table {
    min-width: 1280px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table th,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table td {
    padding: 8px;
    font-size: 0.7rem;
    vertical-align: middle;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    color: var(--text-soft);
    font-size: 0.74rem;
    font-weight: 800;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorHistoryDetailModal {
    z-index: 1550;
}

/* The controlled post-print actions open over the DDM detail (M6 final
   review #4: Cancel DDM and Edit DDM after print, REQ-LEAK-010). */
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] :is(#opsDoorHistoryCancelModal, #opsDoorHistoryReviseModal) {
    z-index: 1560;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-detail-card {
    width: min(1120px, calc(100vw - 32px));
    max-height: calc(100vh - 36px);
    overflow: auto;
    border-top: 4px solid var(--scc-blue, #1768cf);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-detail-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-detail-summary article {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 9px;
    border: 1px solid var(--scc-border, #d8e2ef);
    border-radius: 8px;
    background: #f8fbff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-detail-summary small {
    color: var(--text-soft);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-detail-summary strong {
    overflow-wrap: anywhere;
    color: #173d61;
    font-size: 0.76rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-timeline-section {
    margin-top: 14px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-timeline {
    display: grid;
    gap: 0;
    margin-top: 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-timeline article {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
    padding: 7px 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-timeline article > span {
    width: 10px;
    height: 10px;
    margin-top: 4px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--scc-blue, #1768cf);
    box-shadow: 0 0 0 2px #b9d4f4;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-timeline article div {
    display: grid;
    gap: 2px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e4ebf3;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-timeline small,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-timeline p {
    margin: 0;
    color: var(--text-soft);
    font-size: 0.68rem;
}

@media (max-width: 1100px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-workspace-toolbar {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result dl {
        grid-template-columns: repeat(3, minmax(90px, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-detail-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress > span {
        min-height: 40px;
        padding: 6px;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-progress > span span {
        display: none;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lookup-grid,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result-content,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filters,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-detail-summary {
        grid-template-columns: 1fr;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-search-result dl {
        grid-template-columns: repeat(2, minmax(90px, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-mode-field {
        grid-template-columns: 1fr;
        width: 100%;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-mode-field-readonly > small {
        grid-column: 1;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-totals {
        justify-content: flex-start;
        gap: 12px;
        overflow-x: auto;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-sticky-actions {
        align-items: stretch;
    }
}

/* DDM settlement mockup alignment. All overrides remain isolated to this dedicated route. */
body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-create-panel.has-settlement-record > .operations-ddm-lookup-panel {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-workbench {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--ddm-settlement-border);
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-workbench > .operations-ddm-settlement-titlebar {
    min-height: 58px;
    margin: 0;
    padding: 9px 12px;
    border: 0;
    border-bottom: 1px solid var(--ddm-settlement-border);
    border-radius: 0;
    background: linear-gradient(90deg, #f7fbff, #fff);
    box-shadow: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-titlebar h3 {
    margin: 2px 0 0;
    color: var(--ddm-settlement-ink);
    font-size: 1.05rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-title-actions {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-title-actions .lookup-status {
    max-width: 420px;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-title-actions :is(button, a) {
    min-height: 35px;
    padding: 7px 11px;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(105px, 1fr));
    gap: 0;
    margin: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--ddm-settlement-border);
    background: #f8fbfe;
    scrollbar-width: thin;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid .operations-ddm-summary-tile {
    min-width: 105px;
    min-height: 63px;
    padding: 9px 10px;
    border: 0;
    border-right: 1px solid rgba(47, 113, 166, 0.17);
    border-radius: 0;
    background: var(--look-card, #fff);
    box-shadow: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid .operations-ddm-summary-tile span {
    display: block;
    margin-bottom: 4px;
    color: #648096;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid .operations-ddm-summary-tile strong {
    display: block;
    overflow: hidden;
    color: #183f60;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid .operations-ddm-summary-tile-warning {
    background: #fff8e7;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid .operations-ddm-summary-tile-warning strong {
    color: #a96400;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid .operations-ddm-summary-tile-accent {
    background: #eef7ff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 305px);
    gap: 10px;
    align-items: start;
    padding: 10px;
    background: #f7fafd;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-main {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(47, 113, 166, 0.17);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-toolbar {
    display: grid;
    grid-template-columns: minmax(175px, 1fr) minmax(145px, 0.75fr) auto minmax(120px, auto) auto auto;
    gap: 7px;
    align-items: end;
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid rgba(47, 113, 166, 0.14);
    background: #f8fbfe;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-toolbar .field {
    gap: 3px;
    margin: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-toolbar .field > span {
    font-size: 0.64rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-toolbar :is(input, select, button) {
    min-height: 34px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-main .operations-ddm-table-shell {
    max-height: 58vh;
    margin: 0;
    overflow: auto;
    border: 0;
    border-radius: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-table {
    min-width: 1420px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-table :is(th, td) {
    padding: 6px 7px;
    font-size: 0.68rem;
    vertical-align: top;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-table :is(input, select) {
    min-height: 30px;
    padding: 4px 6px;
    font-size: 0.69rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-table .operations-ddm-recovery-line {
    gap: 4px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-remarks-field {
    margin: 0;
    padding: 8px;
    border-top: 1px solid rgba(47, 113, 166, 0.14);
    background: #fbfdff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-remarks-field textarea {
    min-height: 54px;
    resize: vertical;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side {
    position: sticky;
    top: 55px;
    display: grid;
    gap: 8px;
    min-width: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side-card {
    overflow: hidden;
    border: 1px solid rgba(47, 113, 166, 0.18);
    border-radius: 10px;
    background: var(--look-card, #fff);
    box-shadow: 0 4px 12px rgba(27, 75, 110, 0.045);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side-card h4 {
    margin: 0;
    padding: 8px 10px;
    color: #174d74;
    background: #edf6fc;
    font-size: 0.75rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side-card > .field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(92px, 0.62fr);
    gap: 8px;
    align-items: center;
    margin: 0;
    padding: 7px 9px;
    border-top: 1px solid rgba(47, 113, 166, 0.1);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side-card > .field > span {
    font-size: 0.67rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side-card > .field :is(input, textarea) {
    min-height: 30px;
    padding: 4px 6px;
    text-align: right;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side-card > .field small {
    grid-column: 1 / -1;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-total-card {
    border-color: rgba(27, 114, 180, 0.34);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-total-card h4 {
    color: #fff;
    background: #2879bd;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-result-card {
    border-color: rgba(38, 140, 97, 0.25);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-result-card h4 {
    color: #176842;
    background: #eaf8f1;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-freight-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 9px;
    color: #526b7e;
    font-size: 0.69rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-freight-preview strong {
    color: #153f60;
    font-size: 0.82rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-status-card {
    padding-bottom: 9px;
    text-align: center;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-status-card > strong {
    display: block;
    margin: 9px auto 4px;
    color: #a96400;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-status-card > small {
    display: block;
    padding: 0 9px;
    color: #667f92;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 8px;
    align-items: stretch;
    padding: 9px 10px 10px;
    border-top: 1px solid var(--ddm-settlement-border);
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance > article {
    display: grid;
    gap: 2px;
    padding: 8px 9px;
    border: 1px solid rgba(47, 113, 166, 0.13);
    border-radius: 8px;
    background: #f8fbfe;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance > article strong {
    color: #1a4f77;
    font-size: 0.68rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance > article span {
    color: #6b8293;
    font-size: 0.63rem;
    line-height: 1.35;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance > .inline-action-row {
    align-content: center;
    justify-content: flex-end;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-history-panel {
    padding: 0;
    overflow: hidden;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-history-panel > summary {
    min-height: 52px;
    padding: 9px 12px;
    cursor: pointer;
}

@media (max-width: 1380px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-title-actions .lookup-status {
        display: none;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-toolbar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance > .inline-action-row {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1080px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-layout {
        grid-template-columns: 1fr;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-workbench > .operations-ddm-settlement-titlebar,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-title-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-toolbar,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-side,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance {
        grid-template-columns: 1fr;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-guidance > .inline-action-row {
        grid-column: auto;
        justify-content: stretch;
    }
}

/* LR creation: SCC MyLR identity and source-document controls. */
.lr-route-mylr-field input {
    color: #124d73;
    background: rgba(239, 246, 250, 0.95);
    font-weight: 900;
    letter-spacing: 0.035em;
}

.lr-consignment-identity-modal-card {
    width: min(660px, 100%);
    overflow: visible;
}

.lr-consignment-identity-head {
    align-items: center;
}

.lr-consignment-identity-modal-card > .field-help {
    margin: -5px 0 0;
}

.lr-external-modal-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(130px, 0.8fr) minmax(110px, 0.65fr);
    align-items: end;
    overflow: visible;
}

.lr-external-modal-grid .field {
    min-width: 0;
}

.lr-external-modal-grid .field > span small {
    color: var(--text-soft);
    font-size: 0.62rem;
    font-weight: 700;
}

.lr-external-modal-grid .field-span {
    grid-column: 1 / -1;
}

.lr-financial-year-field input {
    color: #264d66;
    background: rgba(239, 246, 250, 0.95);
    font-weight: 800;
    text-align: center;
}

.lr-external-reference-field[hidden],
#externalLRStatus[hidden],
.lr-external-preserved-notice[hidden] {
    display: none;
}

.lr-external-preserved-notice {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    border: 1px solid rgba(180, 122, 28, 0.32);
    border-radius: 10px;
    color: #75500f;
    background: rgba(255, 247, 224, 0.94);
    font-size: 0.72rem;
    font-weight: 700;
}

.lr-external-preserved-notice .button-row {
    flex: 0 0 auto;
}

.lr-external-preserved-notice .ghost-button {
    min-height: 28px;
    padding: 5px 9px;
}

#lr-form .route-grid {
    grid-template-columns: minmax(0, 1fr) 132px;
}

#lr-form .route-grid.has-truck-type {
    grid-template-columns: minmax(0, 1fr) 132px 128px;
}

body[data-entry-mode="Manual"] #lr-form .manual-entry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lr-source-invoices {
    min-width: 0;
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(157, 190, 211, 0.72);
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(246, 251, 254, 0.98), rgba(255, 255, 255, 0.98));
}

.lr-source-invoices-head,
.lr-source-invoices-actions,
.lr-source-invoice-row-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lr-source-invoices-head {
    justify-content: space-between;
}

.lr-source-invoices-head strong {
    display: block;
    margin-top: 1px;
    color: var(--text);
    font-size: 0.88rem;
}

.lr-source-invoices-actions {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.lr-source-invoices-table-shell {
    min-height: 0;
    max-height: 178px;
    overflow: auto;
}

.lr-source-invoices-table {
    min-width: 720px;
}

.lr-source-invoices-table .table-subtext,
.lr-external-duplicate-matches .table-subtext {
    display: block;
    margin-top: 2px;
    color: var(--text-soft);
    font-size: 0.68rem;
    font-weight: 600;
}

.lr-source-invoice-row-actions {
    flex-wrap: wrap;
}

.lr-source-invoice-row-actions .table-link:not(.table-link-danger),
.lr-external-duplicate-matches .table-link {
    color: #176697;
}

.lr-source-invoice-row-actions .table-link:disabled {
    color: #91a1ad;
    cursor: not-allowed;
    opacity: 0.72;
}

.lr-invoice-modal-card {
    width: min(760px, 100%);
}

.lr-invoice-modal-grid {
    overflow: visible;
}

.lr-external-duplicate-modal-card {
    width: min(1080px, 100%);
    max-height: min(90vh, 760px);
    overflow: auto;
}

.lr-external-duplicate-alert {
    padding: 11px 13px;
    border: 1px solid rgba(206, 142, 40, 0.38);
    border-radius: 13px;
    background: rgba(255, 247, 226, 0.94);
    color: #6f4a0d;
}

.lr-external-duplicate-alert strong,
.lr-external-duplicate-alert p {
    display: block;
    margin: 0;
}

.lr-external-duplicate-alert p {
    margin-top: 3px;
    font-size: 0.78rem;
    line-height: 1.4;
}

.lr-external-duplicate-matches {
    min-height: 0;
    max-height: 300px;
    overflow: auto;
}

.lr-external-duplicate-matches table {
    min-width: 940px;
}

.lr-external-duplicate-modal-card > .field-help {
    margin: -3px 0 0;
    color: var(--text-soft);
}

@media (max-width: 1180px) {
    body[data-entry-mode="Manual"] #lr-form .manual-entry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .lr-consignment-identity-head,
    .lr-external-preserved-notice,
    .lr-source-invoices-head,
    .lr-source-invoices-actions,
    .lr-external-duplicate-modal-card .modal-actions-spread,
    .lr-external-duplicate-modal-card .modal-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .lr-external-modal-grid,
    body[data-entry-mode="Manual"] #lr-form .manual-entry-grid,
    #lr-form .route-grid,
    #lr-form .route-grid.has-truck-type {
        grid-template-columns: 1fr;
    }

    .lr-external-modal-grid .field-span {
        grid-column: 1;
    }

    .lr-source-invoices-actions .secondary-button,
    .lr-external-duplicate-modal-card .modal-actions button {
        width: 100%;
    }

    .lr-external-duplicate-modal-card {
        padding: 12px;
    }
}

/* LR Create desktop acceptance layout: compact Steps 1-4 and a 30% narrower
   Live Charges rail. The <=1180px responsive stack remains unchanged. */
@media (min-width: 1181px) {
    body[data-active-page="lr"][data-edit-lr-id="0"] .app-shell {
        padding-top: 128px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .topbar > .topbar-left-lr {
        box-sizing: border-box;
        width: auto !important;
        min-height: 40px;
        gap: 8px;
        padding: 4px 10px;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .topbar-payment-head {
        min-width: 96px;
        padding-right: 10px;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .topbar-payment-head .eyebrow,
    body[data-active-page="lr"][data-edit-lr-id="0"] .topbar-payment-head h2 {
        line-height: 1;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .mode-switcher-nav {
        gap: 5px;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .mode-switcher-nav .mode-button {
        min-height: 28px;
        padding: 4px 7px;
        font-size: 0.68rem;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .console-grid {
        grid-template-columns: minmax(0, 1fr) 224px;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-bar {
        padding: 7px 8px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .workflow-block {
        min-height: 67px !important;
        gap: 0;
        padding: 2px 8px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .workflow-block:first-child {
        padding-left: 3px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .route-block {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 8px;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .route-block .block-head {
        grid-column: 1;
        grid-row: 1;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .route-block .route-grid {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .route-block .route-hint {
        min-width: 0;
        max-width: 100%;
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .block-head {
        gap: 5px;
        margin-bottom: 2px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .block-head h2 {
        font-size: 0.76rem;
        line-height: 1;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .eyebrow {
        font-size: 0.52rem;
        line-height: 1;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .field {
        gap: 2px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .booking-select-shell .field {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: 5px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .field > span {
        font-size: 0.58rem !important;
        line-height: 1;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main input:not([type="hidden"]),
    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main select,
    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main textarea {
        min-height: 28px !important;
        padding: 4px 7px !important;
        font-size: 0.68rem !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .secondary-button {
        min-height: 28px !important;
        padding: 4px 9px !important;
        font-size: 0.64rem !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .eway-control,
    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .route-grid {
        gap: 4px !important;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .booking-select-shell {
        gap: 1px;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .summary-inline small,
    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .field-help,
    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .route-hint {
        font-size: 0.56rem;
        line-height: 1.1;
    }

    body[data-active-page="lr"][data-edit-lr-id="0"] .workflow-row-main .pill-list {
        min-height: 0;
    }
}

@media (min-width: 1181px) and (max-width: 1480px) {
    body[data-active-page="lr"][data-edit-lr-id="0"] .console-grid {
        grid-template-columns: minmax(0, 1fr) 210px;
    }
}

.summary-inline {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2px;
}

.summary-inline strong {
    font-size: 0.96rem;
    color: var(--text);
}

.workflow-row-main .summary-inline strong {
    font-size: 0.86rem;
}

.workflow-row-main .summary-inline small,
.workflow-row-main .field-help,
.workflow-row-main .route-hint {
    font-size: 0.66rem;
    line-height: 1.08;
}

.workflow-row-main .pill-list {
    min-height: 14px;
    gap: 4px;
}

.workflow-row-main .pill-item {
    padding: 2px 6px;
    font-size: 0.68rem;
}

#customChargeRows {
    display: contents;
}

.secondary-button.is-required {
    border-color: var(--danger);
    box-shadow: 0 0 0 2px rgb(196 66 66 / 14%);
}

#lrChargeTableBody td strong,
#lrChargeTableBody td small {
    display: block;
}

#lrChargeTableBody .table-subtext {
    margin-top: 2px;
    color: var(--text-soft);
    font-size: 0.7rem;
}

.pill-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 26px;
}

.pill-item {
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--accent-strong);
    font-size: 0.76rem;
    font-weight: 800;
}

.variant-switcher {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.booking-select-shell {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.workflow-row-main .booking-select-shell {
    gap: 2px;
}

.booking-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.field-help {
    margin: 0;
    font-size: 0.76rem;
    line-height: 1.35;
    color: var(--text-soft);
}

.variant-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(175, 198, 215, 0.92);
    color: var(--text);
    text-align: left;
    box-shadow: var(--shadow-soft);
}

.variant-card.is-active {
    background: linear-gradient(180deg, var(--variant-soft), rgba(255, 255, 255, 0.98));
    box-shadow: 0 12px 24px rgba(20, 63, 96, 0.12);
    border-color: rgba(39, 110, 164, 0.25);
}

.variant-card-tag,
.signal-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.variant-card-tag {
    background: var(--variant-soft);
    color: var(--variant-strong);
}

.variant-card strong {
    font-size: 0.82rem;
    color: var(--text);
}

.variant-card small {
    font-size: 0.68rem;
    line-height: 1.25;
    color: var(--text-soft);
}

.route-grid,
.party-grid,
.commercial-grid,
.modal-grid {
    display: grid;
    gap: 10px;
}

.route-grid {
    grid-template-columns: minmax(0, 1fr) 132px 128px;
    align-items: end;
}

.workflow-row-main .route-grid {
    gap: 6px;
}

.manual-entry-grid,
.freight-control-grid,
.payment-detail-grid {
    display: grid;
    gap: 10px;
}

.manual-entry-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-entry-mode="Manual"] .workflow-bar {
    gap: 4px;
}

body[data-entry-mode="Manual"] .workflow-bar > .workflow-row:first-child .workflow-block {
    display: grid;
    grid-template-columns: minmax(180px, 0.34fr) minmax(0, 2.66fr);
    align-items: end;
    gap: 7px;
    padding: 4px 7px;
}

body[data-entry-mode="Manual"] .workflow-bar > .workflow-row:first-child .block-head {
    align-self: center;
}

body[data-entry-mode="Manual"] .workflow-bar > .workflow-row:first-child .block-head h2 {
    margin-top: 1px;
    font-size: 0.76rem;
    line-height: 1.05;
}

body[data-entry-mode="Manual"] .manual-entry-grid {
    gap: 6px;
}

body[data-entry-mode="Manual"] .manual-entry-grid .field {
    gap: 2px;
}

body[data-entry-mode="Manual"] .manual-entry-grid input,
body[data-entry-mode="Manual"] .manual-entry-grid select {
    min-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.freight-control-grid {
    grid-template-columns: minmax(0, 1fr) 140px minmax(0, 1fr);
    align-items: end;
}

.payment-detail-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.payment-detail-panel {
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.payment-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.payment-detail-head span {
    font-size: 0.76rem;
    font-weight: 800;
    color: var(--text-soft);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.payment-detail-head strong {
    color: var(--variant-strong);
}

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

.field span {
    font-size: 0.76rem;
    font-weight: 800;
    color: var(--text);
    transition: color 0.16s ease, opacity 0.16s ease;
}

.field-span {
    grid-column: 1 / -1;
}

.field-double {
    grid-column: span 2;
}

.field-full {
    grid-column: 1 / -1;
}

.field-grow {
    min-width: 0;
}

.field-small {
    max-width: 150px;
}

.field-medium {
    max-width: 180px;
}

.field-searchable {
    overflow: visible;
}

.loading-sheet-searchable-lookup {
    position: relative;
}

.loading-sheet-searchable-lookup:focus-within {
    z-index: 35;
}

.loading-sheet-lookup-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: min(280px, 42vh);
    overflow: auto;
    padding: 5px;
    border: 1px solid rgba(116, 158, 187, 0.74);
    border-radius: 12px;
    background: var(--look-card, #fff);
    box-shadow: 0 16px 34px rgba(10, 45, 70, 0.2);
    z-index: 80;
}

.loading-sheet-lookup-menu[hidden] {
    display: none;
}

.loading-sheet-lookup-option {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #173e5b;
    text-align: left;
    cursor: pointer;
}

.loading-sheet-lookup-option strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.loading-sheet-lookup-option small {
    flex: 0 1 48%;
    color: var(--text-soft);
    text-align: right;
    overflow-wrap: anywhere;
}

.loading-sheet-lookup-option:hover,
.loading-sheet-lookup-option.is-active {
    background: rgba(31, 117, 166, 0.12);
    color: #0f5d8f;
}

.loading-sheet-lookup-empty {
    margin: 0;
    padding: 9px 10px;
    color: var(--text-soft);
    font-size: 0.76rem;
}

.field:focus-within span {
    color: var(--focus-blue);
}

.field.has-error span,
.field.has-error strong {
    color: var(--danger);
}

.field.has-success span,
.field.has-success strong {
    color: var(--success);
}

.field.has-error input,
.field.has-error select,
.field.has-error textarea {
    border-color: rgba(203, 74, 79, 0.96);
    box-shadow: 0 0 0 3px rgba(203, 74, 79, 0.12);
}

.field.has-success input,
.field.has-success select,
.field.has-success textarea {
    border-color: rgba(31, 123, 93, 0.92);
    box-shadow: 0 0 0 3px rgba(31, 123, 93, 0.1);
}

.field-error-text {
    display: block;
    margin-top: 2px;
    font-size: 0.73rem;
    line-height: 1.3;
    color: var(--danger);
}

.field-success-text {
    display: block;
    margin-top: 2px;
    font-size: 0.73rem;
    line-height: 1.3;
    color: var(--success);
}

.table-shell.has-error,
.choice-grid.has-error,
.permission-screen-groups.has-error,
.sequence-card.has-error,
.sequence-branch-banner.has-error {
    border-color: rgba(203, 74, 79, 0.96) !important;
    box-shadow: 0 0 0 3px rgba(203, 74, 79, 0.12);
}

.table-shell.has-success,
.choice-grid.has-success,
.permission-screen-groups.has-success,
.sequence-card.has-success,
.sequence-branch-banner.has-success {
    border-color: rgba(31, 123, 93, 0.92) !important;
    box-shadow: 0 0 0 3px rgba(31, 123, 93, 0.1);
}

.table-shell.has-error > .field-error-text,
.choice-grid.has-error > .field-error-text,
.permission-screen-groups.has-error > .field-error-text,
.sequence-card.has-error > .field-error-text,
.sequence-branch-banner.has-error > .field-error-text {
    margin: 8px 10px 0;
}

.table-shell.has-success > .field-success-text,
.choice-grid.has-success > .field-success-text,
.permission-screen-groups.has-success > .field-success-text,
.sequence-card.has-success > .field-success-text,
.sequence-branch-banner.has-success > .field-success-text {
    margin: 8px 10px 0;
}

.checkbox-field {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 22px;
}

.checkbox-field input {
    width: auto;
}

.loading-sheet-inline-article-field {
    gap: 4px;
    min-width: 110px;
}

.loading-sheet-inline-article-field input {
    min-width: 88px;
    height: 38px;
    padding: 8px 10px;
}

.loading-sheet-inline-article-field .field-error-text,
.loading-sheet-inline-article-field .field-success-text {
    margin-top: 1px;
    font-size: 0.69rem;
}

input,
select,
textarea {
    width: 100%;
    padding: 8px 10px;
    border-radius: 9px;
    border: 1px solid var(--border-strong);
    background: var(--surface-strong);
    color: var(--text);
    outline: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

textarea {
    resize: none;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--focus-blue);
    box-shadow: 0 0 0 3px var(--focus-soft);
}

input[readonly] {
    background: #edf4f9;
    color: #466277;
}

.search-select {
    position: relative;
}

.search-select-panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 220px;
    padding: 6px;
    overflow-y: auto;
    border: 1px solid var(--border-strong);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 14px 26px rgba(23, 53, 77, 0.18);
}

.search-select-option,
.search-select-empty {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    text-align: left;
}

.search-select-option {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 9px 10px;
    color: var(--text);
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease;
}

.search-select-option:hover,
.search-select-option.is-active {
    background: var(--variant-soft);
    color: var(--variant-strong);
}

.search-select-option-title {
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.25;
}

.search-select-option-meta {
    font-size: 0.72rem;
    color: var(--text-soft);
    line-height: 1.25;
}

.search-select-option:hover .search-select-option-meta,
.search-select-option.is-active .search-select-option-meta {
    color: var(--variant-strong);
}

.search-select-empty {
    padding: 10px;
    font-size: 0.74rem;
    color: var(--text-soft);
}

input.is-editable {
    background: #fffdf2;
    color: var(--text);
    border-color: rgba(210, 168, 87, 0.88);
}

.secondary-button,
.ghost-button,
.primary-button,
.icon-button {
    font-weight: 800;
}

.secondary-button {
    padding: 9px 13px;
    background: linear-gradient(180deg, var(--variant-accent) 0%, var(--variant-strong) 100%);
    color: #fff;
    box-shadow: 0 10px 18px rgba(22, 58, 88, 0.14);
}

.ghost-button {
    padding: 10px 13px;
    background: #f1f7fb;
    color: var(--variant-strong);
    border: 1px solid rgba(24, 90, 142, 0.14);
}

.primary-button {
    padding: 10px 16px;
    background: linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);
    color: #fff;
    box-shadow: 0 12px 20px rgba(22, 58, 88, 0.16);
}

.icon-button {
    padding: 8px 10px;
    background: #edf5fa;
    color: var(--text);
}

.route-hint,
.panel-note,
.charges-note {
    margin: 0;
    line-height: 1.42;
}

.signal-strip {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
}

.signal-badge {
    background: var(--variant-soft);
    color: var(--variant-strong);
}

.workspace-grid {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    align-content: stretch;
    gap: 10px;
    overflow: hidden;
}

/* Party selection is a content-sized row; reserve the flexible workspace height
   for the article and commercial panels that follow it. */
.workspace-grid.party-workspace-grid {
    flex: 0 0 auto;
    grid-auto-rows: auto;
    align-content: start;
    align-items: start;
    overflow: visible;
}

.master-layout {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 10px;
}

.master-layout-module {
    grid-template-columns: minmax(0, 1fr);
}

.master-nav-panel,
.master-workspace {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.master-nav-panel {
    overflow: hidden;
}

.master-workspace {
    position: relative;
    overflow: visible;
}

.master-nav-list {
    display: grid;
    gap: 8px;
    overflow: auto;
    padding-right: 2px;
}

.master-nav-button {
	display: block;
	padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(176, 198, 214, 0.92);
    background: rgba(255, 255, 255, 0.92);
    color: var(--text);
    font-size: 0.84rem;
    font-weight: 800;
	text-align: left;
	text-decoration: none;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.master-nav-button:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-soft);
}

.master-nav-button.is-active {
    background: linear-gradient(180deg, var(--variant-soft), rgba(255, 255, 255, 0.98));
    border-color: rgba(24, 90, 142, 0.22);
    color: var(--variant-strong);
}

.master-pane {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    overflow: auto;
    padding-right: 2px;
}

.master-pane-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 3;
    overflow: visible;
}

.master-pane-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 4;
    overflow: visible;
}

.info-badge-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: visible;
}

.info-badge {
    position: relative;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--variant-accent), var(--variant-strong));
    color: #fff;
    font-size: 0.92rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: var(--shadow-soft);
}

.info-tooltip-card {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(280px, calc(100vw - 56px));
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(17, 31, 43, 0.97);
    color: #fff;
    font-size: 0.76rem;
    line-height: 1.45;
    text-align: left;
    box-shadow: 0 18px 34px rgba(12, 27, 39, 0.3);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-3px);
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
    z-index: 24;
}

.info-badge-wrap:hover .info-tooltip-card,
.info-badge-wrap:focus-within .info-tooltip-card {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.master-pane-head h3 {
    margin-top: 2px;
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 1rem;
    color: var(--text);
}

.master-form-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-content: start;
}

.master-form-grid textarea {
    min-height: 54px;
}

.quotation-master-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quotation-metric-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.quotation-metric-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(173, 197, 214, 0.9);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(236, 245, 251, 0.96) 100%);
    box-shadow: var(--shadow-soft);
}

.quotation-metric-card span {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-soft);
}

.quotation-metric-card strong {
    font-size: 1.3rem;
    color: var(--variant-strong);
}

.quotation-metric-card small {
    font-size: 0.76rem;
    line-height: 1.35;
    color: var(--text-soft);
}

.quotation-metric-card-wide {
    grid-column: span 1;
}

.quotation-dashboard-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(173, 197, 214, 0.9);
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.99) 0%, rgba(236, 245, 251, 0.96) 100%);
    box-shadow: var(--shadow-soft);
}

.quotation-dashboard-toolbar-main,
.quotation-dashboard-toolbar-secondary {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.quotation-selected-summary {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(180, 202, 218, 0.92);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-soft);
}

.quotation-selected-summary strong {
    font-size: 0.94rem;
    color: var(--variant-strong);
}

.quotation-selected-summary span {
    font-size: 0.78rem;
    color: var(--text-soft);
}

.quotation-editor-shell {
    display: grid;
    gap: 12px;
}

.quotation-editor-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(173, 197, 214, 0.9);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(237, 246, 252, 0.96) 100%);
    box-shadow: var(--shadow-soft);
}

.quotation-editor-head h4 {
    margin: 2px 0 6px;
    font-size: 1rem;
    color: var(--variant-strong);
}

.quotation-filter-grid {
    align-items: end;
}

.quotation-route-shell {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(173, 197, 214, 0.9);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(251, 253, 255, 0.99) 0%, rgba(238, 246, 251, 0.96) 100%);
    box-shadow: var(--shadow-soft);
}

.quotation-route-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.quotation-route-toolbar span {
    display: block;
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--text);
}

.quotation-matrix-builder {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(186, 206, 221, 0.92);
    background: rgba(255, 255, 255, 0.96);
}

.quotation-matrix-builder-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.quotation-matrix-builder-head strong {
    display: block;
    font-size: 0.9rem;
    color: var(--variant-strong);
}

.quotation-matrix-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.quotation-matrix-grid-compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.matrix-multi-select {
    min-height: 156px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(182, 201, 217, 0.94);
    background: rgba(248, 252, 255, 0.98);
    color: var(--text);
    font: inherit;
}

.quotation-matrix-action-row,
.quotation-upload-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.quotation-upload-strip {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
    border: 1px dashed rgba(160, 188, 207, 0.96);
    background: linear-gradient(180deg, rgba(243, 249, 254, 0.94) 0%, rgba(237, 246, 252, 0.92) 100%);
}

.quotation-route-table-shell {
    border-radius: 16px;
    border: 1px solid rgba(186, 206, 221, 0.94);
    background: rgba(255, 255, 255, 0.97);
    overflow: auto;
}

.quotation-route-table {
    min-width: 1180px;
}

.quotation-route-table th {
    white-space: nowrap;
}

.quotation-route-main-row td {
    vertical-align: top;
    background: rgba(255, 255, 255, 0.95);
}

.quotation-route-main-row td strong {
    display: inline-flex;
    min-width: 86px;
    justify-content: flex-end;
    font-size: 0.84rem;
    color: var(--variant-strong);
}

.quotation-route-actions {
    min-width: 132px;
    white-space: nowrap;
}

.quotation-route-actions .table-link + .table-link {
    margin-left: 10px;
}

.quotation-route-detail-row td {
    padding: 0 !important;
    background: rgba(239, 247, 252, 0.9);
}

.quotation-route-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 12px 12px 4px;
}

.quotation-charge-shell {
    display: grid;
    gap: 10px;
    padding: 10px 12px 12px;
}

.quotation-charge-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.quotation-charge-head strong {
    font-size: 0.84rem;
    color: var(--variant-strong);
}

.quotation-charge-table th,
.quotation-charge-table td {
    padding: 7px 8px;
}

.quotation-charge-actions {
    min-width: 138px;
    white-space: nowrap;
}

.quotation-charge-actions .table-link + .table-link {
    margin-left: 8px;
}

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

.quotation-history-card {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(181, 202, 218, 0.92);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-soft);
    min-height: 0;
}

.quotation-history-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.quotation-history-head strong {
    font-size: 0.88rem;
    color: var(--variant-strong);
}

.quotation-history-table-shell {
    max-height: 240px;
    overflow: auto;
}

.master-password-panel {
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(187, 208, 224, 0.94);
    background: linear-gradient(180deg, rgba(239, 247, 252, 0.96) 0%, rgba(228, 240, 248, 0.96) 100%);
    box-shadow: var(--shadow-soft);
}

.user-username-control {
    grid-template-columns: minmax(0, 1fr) auto;
}

.user-username-control .ghost-button {
    min-width: 86px;
}

.user-username-field.is-valid #userUsernameStatus {
    color: #16794b;
    font-weight: 750;
}

.user-username-field.is-invalid #userUsernameStatus {
    color: #b4232a;
    font-weight: 750;
}

.user-security-panel {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid #c8d9e9;
    border-radius: 16px;
    background: linear-gradient(145deg, #f7fbff, #fff);
    box-shadow: 0 13px 28px rgba(22, 69, 107, 0.08);
}

.user-security-panel[hidden] {
    display: none !important;
}

.user-security-panel-head,
.user-security-status-row,
.user-security-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-security-panel-head {
    justify-content: space-between;
}

.user-security-panel-head h4,
.user-security-history-grid h4 {
    margin: 2px 0 0;
}

.user-security-status-row {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.user-security-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.user-security-metrics article {
    min-width: 0;
    padding: 12px;
    border: 1px solid #d7e3ee;
    border-radius: 12px;
    background: var(--look-card, #fff);
}

.user-security-metrics span,
.user-security-metrics strong {
    display: block;
}

.user-security-metrics span {
    color: #65788c;
    font-size: 0.7rem;
    font-weight: 750;
    text-transform: uppercase;
}

.user-security-metrics strong {
    margin-top: 5px;
    overflow-wrap: anywhere;
    color: #123d61;
    font-size: 0.88rem;
}

.user-security-actions {
    flex-wrap: wrap;
    padding: 12px;
    border-radius: 12px;
    background: #edf5fb;
}

.user-security-force-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    color: #294862;
    font-size: 0.78rem;
    font-weight: 750;
}

.user-security-force-toggle input {
    width: 17px;
    height: 17px;
    accent-color: #166eb5;
}

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

.user-security-history-shell {
    max-height: 230px;
    overflow: auto;
}

.user-security-history-shell th,
.user-security-history-shell td {
    padding: 7px 8px;
    font-size: 0.72rem;
}

.profile-menu-context {
    margin-top: 3px;
    color: #687e91;
    font-size: 0.72rem;
    font-weight: 650;
}

@media (max-width: 1100px) {
    .user-security-metrics,
    .user-security-history-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .user-security-history-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .user-security-panel-head,
    .user-security-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .user-security-status-row {
        justify-content: flex-start;
    }

    .user-security-metrics {
        grid-template-columns: 1fr;
    }

    .user-security-force-toggle {
        margin-left: 0;
    }
}

.readonly-password-input {
    font-family: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    color: var(--variant-strong) !important;
    background: #f8fcff !important;
    border-color: rgba(74, 133, 176, 0.42) !important;
}

.choice-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.choice-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.9);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.choice-chip input {
    width: auto;
}

.choice-chip.is-selected {
    border-color: rgba(26, 115, 215, 0.42);
    background: linear-gradient(180deg, rgba(233, 244, 255, 0.96) 0%, rgba(245, 250, 255, 0.98) 100%);
    box-shadow: inset 0 0 0 1px rgba(26, 115, 215, 0.1);
}

.choice-chip.is-disabled {
    opacity: 0.68;
}

.choice-grid-empty {
    grid-column: 1 / -1;
    padding: 10px 12px;
    border: 1px dashed rgba(146, 170, 188, 0.88);
    border-radius: 12px;
    background: rgba(244, 249, 252, 0.88);
    color: var(--text-soft);
    font-size: 0.88rem;
}

.permission-screen-groups {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.permission-screen-dropdown {
    border: 1px solid rgba(177, 201, 219, 0.92);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
    overflow: hidden;
}

.permission-screen-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    list-style: none;
}

.permission-screen-summary::-webkit-details-marker {
    display: none;
}

.permission-screen-summary-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.permission-screen-summary-copy strong {
    color: var(--text);
    font-size: 0.95rem;
}

.permission-screen-summary-copy span {
    color: var(--text-soft);
    font-size: 0.8rem;
    line-height: 1.35;
}

.permission-screen-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(26, 115, 215, 0.12);
    color: var(--variant-strong);
    font-weight: 800;
    font-size: 0.82rem;
}

.permission-screen-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 14px 14px;
}

.permission-screen-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.permission-screen-detail-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(236, 245, 255, 0.92);
    color: var(--variant-strong);
    font-size: 0.76rem;
    line-height: 1.3;
}

.permission-screen-choice-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 8px;
}

.permission-screen-choice {
    align-items: flex-start;
}

.permission-screen-choice-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.permission-screen-choice-copy strong {
    color: var(--text);
    font-size: 0.84rem;
    line-height: 1.3;
}

.permission-screen-choice-copy small {
    color: var(--text-soft);
    font-size: 0.74rem;
    line-height: 1.4;
}

.user-form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.permission-toolbar-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(181, 205, 223, 0.94);
    background: linear-gradient(180deg, rgba(246, 250, 253, 0.98) 0%, rgba(236, 244, 250, 0.96) 100%);
    box-shadow: var(--shadow-soft);
}

.permission-toolbar-inline {
    flex-wrap: wrap;
}

.permission-toolbar-inline input {
    min-width: min(360px, 100%);
    flex: 1 1 320px;
}

.user-permission-shell {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(180, 203, 220, 0.9);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(251, 253, 255, 0.98) 0%, rgba(239, 246, 251, 0.96) 100%);
    box-shadow: var(--shadow-soft);
}

.user-permission-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: start;
    position: sticky;
    top: 0;
}

.permission-nav-link {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(171, 195, 213, 0.92);
    background: rgba(255, 255, 255, 0.92);
    color: var(--text);
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.permission-nav-link:hover,
.permission-nav-link:focus-visible {
    border-color: rgba(26, 115, 215, 0.42);
    box-shadow: 0 0 0 3px rgba(26, 115, 215, 0.12);
    transform: translateY(-1px);
}

.user-permission-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.permission-section-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(180, 203, 220, 0.9);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: var(--shadow-soft);
}

.user-lr-edit-security-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #b8d8f2;
    border-radius: 999px;
    color: #17649f;
    background: #edf7ff;
    font-size: 0.66rem;
    font-weight: 800;
    white-space: nowrap;
}

.user-lr-edit-access-grid {
    display: grid;
    gap: 12px;
}

.user-lr-edit-level-card {
    overflow: hidden;
    border: 1px solid #d7e4ef;
    border-radius: 13px;
    background: var(--look-card, #fff);
}

.user-lr-edit-level-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    color: #173b5c;
    background: linear-gradient(90deg, #eef7ff, #f8fbfe);
    border-bottom: 1px solid #dce8f2;
}

.user-lr-edit-level-card.is-sensitive .user-lr-edit-level-head {
    color: #815000;
    background: linear-gradient(90deg, #fff4df, #fffbf3);
}

.user-lr-edit-level-card.is-restricted .user-lr-edit-level-head {
    color: #922b36;
    background: linear-gradient(90deg, #fff0f2, #fff9fa);
}

.user-lr-edit-level-head strong { font-size: 0.78rem; }
.user-lr-edit-level-head span { color: #71869a; font-size: 0.64rem; }

.user-lr-edit-permission-list { display: grid; }

.user-lr-edit-permission-row {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 160px 96px;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #edf2f6;
}

.user-lr-edit-permission-row:last-child { border-bottom: 0; }
.user-lr-edit-permission-copy { min-width: 0; }
.user-lr-edit-permission-copy strong { display: block; color: #213b55; font-size: 0.72rem; }
.user-lr-edit-permission-copy small { display: block; margin-top: 2px; color: #75889b; font-size: 0.62rem; }
.user-lr-edit-permission-row select { width: 100%; min-height: 34px; border: 1px solid #cbd9e5; border-radius: 8px; padding: 0 8px; color: #263f58; background: var(--look-card, #fff); font-size: 0.68rem; font-weight: 700; }

.user-lr-edit-effective {
    justify-self: end;
    padding: 5px 8px;
    border-radius: 999px;
    color: #8b2f38;
    background: #fff0f2;
    font-size: 0.6rem;
    font-weight: 850;
}

.user-lr-edit-effective.is-allowed { color: #11683f; background: #e8f8ef; }

@media (max-width: 760px) {
    .user-lr-edit-permission-row { grid-template-columns: 1fr 140px; }
    .user-lr-edit-effective { grid-column: 1 / -1; justify-self: start; }
}

.permission-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.permission-section-head h4 {
    margin-top: 2px;
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 1.05rem;
    color: var(--text);
}

.permission-legend-shell,
.permission-matrix-shell {
    overflow: auto;
}

.permission-legend-shell {
    max-height: 240px;
}

.permission-matrix-shell {
    max-height: 420px;
}

.permission-matrix-table th,
.permission-matrix-table td {
    text-align: center;
    vertical-align: middle;
}

.permission-matrix-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(244, 249, 252, 0.98);
}

.permission-matrix-table thead th:not(:first-child):not(:last-child) {
    min-width: 78px;
    padding-inline: 6px;
    font-size: 0.72rem;
    line-height: 1.1;
    white-space: nowrap;
}

.permission-matrix-table tbody th {
    min-width: 220px;
    text-align: left;
    font-size: 0.96rem;
    color: var(--text);
}

.permission-matrix-table tr.is-active {
    background: rgba(236, 245, 255, 0.62);
}

.permission-matrix-cell input {
    width: 16px;
    height: 16px;
}

.permission-row-tools {
    min-width: 120px;
    white-space: nowrap;
}

.permission-row-tools .table-link + .table-link {
    margin-left: 10px;
}

.table-link-muted {
    color: var(--text-soft);
}

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

.master-form-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.master-form-grid-rate {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: auto;
    padding-right: 2px;
}

.master-button-row {
    justify-content: flex-end;
}

.branch-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.branch-search-field {
    flex: 1;
    min-width: min(320px, 100%);
}

.master-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.master-upload-field {
    flex: 1;
    min-width: min(280px, 100%);
}

.master-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.field-help-inline {
    display: block;
    margin-top: 4px;
    font-size: 0.72rem;
    color: var(--muted);
}

.master-upload-note {
    margin-top: -2px;
}

.master-table-shell {
    flex: 1;
    min-height: 0;
}

.master-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.master-table-pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.simple-master-modal-card {
    width: min(920px, calc(100vw - 32px));
    max-height: min(88vh, 920px);
}

.simple-master-modal-content {
    min-height: 0;
    overflow: auto;
    padding-right: 4px;
}

.simple-master-editor-card {
    border: 0;
    box-shadow: none;
    background: transparent;
    padding: 2px 2px 8px;
}

.simple-master-editor-head {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 8px;
}

.simple-master-editor-head h3 {
    margin: 0;
    font-size: 1rem;
    color: var(--text);
}

.master-table-loading-row {
    display: table-cell;
    text-align: center;
    color: var(--text-soft);
    font-weight: 700;
}

.master-loading-indicator {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(47, 104, 149, 0.18);
    border-top-color: var(--accent-strong);
    display: inline-block;
    animation: master-spinner 0.9s linear infinite;
}

.master-table-loading-row .master-loading-indicator {
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes master-spinner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.table-footnote {
    color: var(--muted);
    font-size: 0.78rem;
}

.rate-master-layout {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rate-master-card,
.rate-master-split {
    min-width: 0;
}

.rate-master-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(173, 197, 214, 0.88);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-soft);
}

.rate-master-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.rate-master-card-head h4 {
    margin-top: 3px;
    font-size: 0.98rem;
    color: var(--text);
}

.rate-master-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

.rate-table-scroll {
    max-width: 100%;
}

.data-table-compact th,
.data-table-compact td {
    padding: 7px 8px;
    font-size: 0.79rem;
}

.data-table td input,
.data-table td select {
    width: 100%;
    min-width: 0;
}

.table-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.table-checkbox input {
    width: auto;
}

.sequence-filter-toolbar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 10px;
    align-items: end;
}

.sequence-filter-actions {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    min-width: 132px;
}

.sequence-branch-banner,
.sequence-group,
.sequence-card,
.sequence-card-readonly {
    border: 1px solid rgba(182, 204, 219, 0.92);
    background: rgba(255, 255, 255, 0.92);
}

.sequence-branch-banner,
.sequence-group {
    border-radius: 14px;
    box-shadow: var(--shadow-soft);
}

.sequence-branch-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: linear-gradient(180deg, rgba(232, 245, 255, 0.95), rgba(255, 255, 255, 0.98));
}

.sequence-branch-banner strong {
    font-size: 0.94rem;
    color: var(--variant-strong);
}

.sequence-branch-banner span {
    color: var(--text-soft);
    font-size: 0.8rem;
    text-align: right;
}

.sequence-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

.sequence-group-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.sequence-group-head h4,
.sequence-card-head h5,
.sequence-card-empty h5 {
    margin: 2px 0 0;
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 0.98rem;
    color: var(--text);
}

.sequence-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 10px;
}

.sequence-card-grid-compact {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.sequence-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
    box-shadow: var(--shadow-soft);
}

.sequence-card.is-highlighted {
    border-color: rgba(26, 115, 215, 0.46);
    box-shadow: 0 0 0 3px var(--focus-soft), var(--shadow-soft);
}

.sequence-card.sequence-card-empty {
    min-height: 124px;
    justify-content: center;
    background: linear-gradient(180deg, rgba(244, 249, 252, 0.95), rgba(255, 255, 255, 0.98));
}

.sequence-card-compact {
    min-height: 100%;
}

.sequence-card-head,
.sequence-card-actions,
.sequence-card-readonly {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sequence-card-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.sequence-card-status.is-active {
    background: #e5f7ef;
    color: var(--success);
}

.sequence-card-status.is-muted {
    background: #eef4f8;
    color: var(--text-soft);
}

.sequence-card-meta,
.table-note {
    margin: 0;
    color: var(--text-soft);
    font-size: 0.77rem;
    line-height: 1.4;
}

.sequence-card-readonly {
    padding: 9px 10px;
    border-radius: 10px;
    background: rgba(241, 247, 251, 0.92);
}

.sequence-card-readonly span {
    color: var(--text-soft);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sequence-card-readonly strong {
    color: var(--text);
    font-size: 0.88rem;
}

.sequence-card-actions {
    margin-top: auto;
}

.sequence-card-actions .ghost-button,
.sequence-card-actions .primary-button {
    min-width: 118px;
}

.sequence-card-action-spacer {
    flex: 1;
}

.sequence-editor-shell {
    overflow: auto;
}

.sequence-editor-table th,
.sequence-editor-table td {
    vertical-align: top;
    min-width: 0;
}

.sequence-editor-table td input {
    width: 100%;
    min-width: 90px;
}

.sequence-table-row.is-highlighted {
    background: rgba(235, 244, 255, 0.86);
    box-shadow: inset 0 0 0 1px rgba(26, 115, 215, 0.12);
}

.sequence-table-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.sequence-table-status.is-active {
    background: #e5f7ef;
    color: var(--success);
}

.sequence-table-status.is-muted {
    background: #eef4f8;
    color: var(--text-soft);
}

.sequence-table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sequence-table-actions .ghost-button,
.sequence-table-actions .primary-button {
    min-width: 92px;
}

.party-panel,
.materials-panel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: visible;
}

.commercial-panel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    overflow: hidden;
}

.charges-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.charge-inline-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.charge-distance-status strong {
    color: var(--text);
}

.party-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    overflow: visible;
}

.party-grid textarea {
    min-height: 40px;
}

.lookup-status {
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef4f8;
    white-space: nowrap;
    font-size: 0.72rem;
}

.lookup-status.is-success {
    background: #e5f7ef;
    color: var(--success);
}

.lookup-status.is-warning {
    background: #fff4df;
    color: var(--warning);
}

.lookup-status.is-error {
    background: #fde9ea;
    color: var(--danger);
}

.material-toolbar {
    align-items: end;
    justify-content: flex-start;
    gap: 10px;
}

.material-summary,
.charge-summary-grid {
    display: grid;
    gap: 8px;
}

.material-summary {
    flex: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.material-add-button {
    align-self: end;
}

.special-content-control {
    border: 1px solid rgba(185, 132, 32, 0.26);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(255, 248, 229, 0.96), rgba(255, 255, 255, 0.96));
    padding: 8px 10px;
}

.special-content-toggle {
    width: fit-content;
    color: #805b13;
    font-weight: 850;
}

.special-content-fields {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(280px, 1.5fr) minmax(220px, 1fr);
    gap: 10px;
    margin-top: 8px;
}

.special-content-fields[hidden] {
    display: none;
}

.remarks-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 2px;
}

.lr-customer-communication {
    display: grid;
    gap: 9px;
    padding: 11px 12px;
    border: 1px solid #cfe0f2;
    border-radius: 12px;
    background: linear-gradient(110deg, #f7fbff 0%, #ffffff 58%, #f0faf7 100%);
}

.lr-customer-communication-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.lr-customer-communication-head strong {
    display: block;
    color: #163a5d;
    font-size: .82rem;
}

.lr-customer-communication-grid {
    display: grid;
    grid-template-columns: .7fr 1.15fr 1.15fr;
    gap: 10px;
}

.lr-customer-communication > p {
    margin: 0;
    color: #71839a;
    font-size: .67rem;
    line-height: 1.4;
}

@media (max-width: 780px) {
    .lr-customer-communication-grid { grid-template-columns: 1fr; }
}

.remarks-summary {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.remarks-summary span {
    font-size: 0.74rem;
    font-weight: 800;
    color: var(--text-soft);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.remarks-summary strong {
    font-size: 0.82rem;
    color: var(--text);
}

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

.table-shell {
    flex: 1;
    min-height: 138px;
    overflow: auto;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.9);
}

.table-shell-modal {
    min-height: 180px;
}

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

.data-table thead {
    position: sticky;
    top: 0;
    background: var(--variant-soft);
    z-index: 1;
}

.data-table th,
.data-table td {
    padding: 8px 9px;
    border-bottom: 1px solid rgba(196, 212, 223, 0.84);
    text-align: left;
    font-size: 0.83rem;
}

.data-table th {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text);
}

.empty-row {
    text-align: center;
    color: var(--text-soft);
}

.table-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--danger);
    font-weight: 800;
    cursor: pointer;
}

.table-link-danger {
    color: var(--danger);
}

.table-icon-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.icon-action-button {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid rgba(47, 104, 149, 0.18);
    background: var(--look-card, #ffffff);
    color: var(--accent-strong);
    box-shadow: 0 8px 18px rgba(10, 29, 43, 0.08);
    cursor: pointer;
    transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}

.icon-action-button:hover,
.icon-action-button:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(47, 104, 149, 0.34);
    box-shadow: 0 12px 24px rgba(10, 29, 43, 0.14);
    outline: none;
}

.icon-action-button svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-action-button-danger {
    color: var(--danger);
    border-color: rgba(189, 61, 70, 0.2);
    background: rgba(255, 241, 242, 0.92);
}

.icon-action-button-danger:hover,
.icon-action-button-danger:focus-visible {
    border-color: rgba(189, 61, 70, 0.36);
}

.commercial-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    flex: 1;
    min-height: 0;
    max-height: 100%;
    align-items: start;
    align-content: start;
    overflow: auto;
    padding-right: 2px;
    scrollbar-gutter: stable;
}

.field-double {
    grid-column: span 2;
}

.panel-actions {
    margin-top: auto;
    flex-shrink: 0;
    padding-top: 6px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(249, 252, 255, 0.98) 34%);
}

.button-row {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.form-message {
    margin: 0;
    min-height: 1.1rem;
}

.form-message.is-success {
    color: var(--success);
}

.form-message.is-error {
    color: var(--danger);
}

.save-confirm-summary {
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--text-soft);
}

.save-validation-list {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
    color: var(--danger);
    font-size: 0.82rem;
    line-height: 1.45;
}

.charges-card {
    padding-bottom: 10px;
}

.charges-note {
    padding: 0 2px;
}

.charge-list {
    display: grid;
    gap: 7px;
    grid-auto-rows: max-content;
    align-content: start;
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.charge-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px;
    gap: 8px;
    align-items: center;
}

.charge-row span {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--text);
}

.charge-row input {
    padding: 7px 9px;
    text-align: right;
}

.charge-row-remarks {
    grid-template-columns: minmax(0, 1fr);
}

.charge-row-remarks input {
    text-align: left;
}

.charge-row-total span,
.charge-row-grand span {
    color: var(--accent-strong);
}

.charge-row-grand input {
    background: var(--accent-soft);
    color: var(--accent-strong);
    font-weight: 900;
}

.foc-charge-note {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    border-radius: 14px;
    border: 1px dashed rgba(24, 90, 142, 0.28);
    background: rgba(234, 244, 250, 0.92);
    color: var(--variant-strong);
}

.materials-panel.is-foc .table-shell {
    display: none;
}

body.modal-open {
    overflow: hidden;
}

.modal-shell {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(9, 23, 35, 0.54);
    z-index: 20;
}

.modal-shell[hidden] {
    display: none;
}

.modal-card {
    width: min(680px, 100%);
    max-height: min(88vh, 720px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: 18px;
    background: #f9fcff;
    border: 1px solid rgba(183, 206, 221, 0.95);
    box-shadow: 0 26px 52px rgba(10, 29, 43, 0.24);
}

#articleModal .modal-card {
    overflow: visible;
}

#articleModal .modal-grid .field-searchable:focus-within {
    position: relative;
    z-index: 2;
}

.modal-key-hint {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid rgba(71, 132, 170, 0.28);
    border-radius: 999px;
    background: rgba(232, 244, 251, 0.92);
    color: var(--text-soft);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.modal-card-compact {
    width: min(420px, 100%);
}

/* LR create: Phase 2 E-Way Bill fetch and field-level review. */
#ewayModal .lr-ewb-modal-card {
    width: min(1180px, calc(100vw - 36px));
    max-height: min(90dvh, 900px);
    overflow: auto;
    overscroll-behavior: contain;
}

#ewayModal .lr-ewb-modal-intro {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid rgba(47, 104, 149, 0.18);
    border-radius: 12px;
    background: rgba(232, 244, 251, 0.72);
    color: var(--text-soft);
    font-size: 0.78rem;
    line-height: 1.45;
}

#ewayModal .lr-ewb-entry-grid {
    grid-template-columns: minmax(150px, 0.65fr) minmax(260px, 1.35fr) minmax(220px, 1fr);
    align-items: start;
}

#ewayModal .lr-ewb-entry-grid .field-help {
    display: block;
    margin-top: 5px;
    line-height: 1.35;
}

#ewayModal .lr-ewb-fetch-status {
    min-height: 0;
    padding: 0 2px;
}

#ewayModal .lr-ewb-fetch-status.is-warning {
    color: #9a6700;
}

#ewayModal .lr-ewb-fetch-actions {
    justify-content: flex-end;
}

#ewayModal .lr-ewb-manual-fallback {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(190, 126, 20, 0.3);
    border-radius: 14px;
    background: rgba(255, 247, 224, 0.92);
}

#ewayModal .lr-ewb-manual-fallback[hidden],
#ewayModal .lr-ewb-review-panel[hidden] {
    display: none;
}

#ewayModal .lr-ewb-manual-fallback strong {
    display: block;
    color: #75500d;
    font-size: 0.84rem;
}

#ewayModal .lr-ewb-manual-fallback p {
    margin: 3px 0 0;
    color: #785f2d;
    font-size: 0.76rem;
    line-height: 1.4;
}

#ewayModal .lr-ewb-manual-fallback .ghost-button {
    flex: 0 0 auto;
}

#ewayModal .lr-ewb-review-panel {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(47, 104, 149, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
}

#ewayModal .lr-ewb-review-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#ewayModal .lr-ewb-review-head h3,
#ewayModal .lr-ewb-review-head p {
    margin: 0;
}

#ewayModal .lr-ewb-review-head h3 {
    color: var(--text);
    font-size: 1rem;
}

#ewayModal .lr-ewb-canonical-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

#ewayModal .lr-ewb-summary-item {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(183, 206, 221, 0.72);
    border-radius: 10px;
    background: rgba(249, 252, 255, 0.94);
}

#ewayModal .lr-ewb-summary-item dt {
    color: var(--text-soft);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

#ewayModal .lr-ewb-summary-item dd {
    margin: 4px 0 0;
    overflow: hidden;
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ewayModal .lr-ewb-comparison-shell {
    min-height: 0;
    max-height: 310px;
}

#ewayModal .lr-ewb-comparison-table {
    min-width: 980px;
}

#ewayModal .lr-ewb-comparison-table th:nth-child(1) {
    width: 15%;
}

#ewayModal .lr-ewb-comparison-table th:nth-child(2),
#ewayModal .lr-ewb-comparison-table th:nth-child(3) {
    width: 18%;
}

#ewayModal .lr-ewb-comparison-table th:nth-child(4) {
    width: 11%;
}

#ewayModal .lr-ewb-comparison-table th:nth-child(5) {
    width: 38%;
}

#ewayModal .lr-ewb-decision-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 300px;
    margin: 0;
    padding: 0;
    border: 0;
}

#ewayModal .lr-ewb-decision-group label {
    position: relative;
    cursor: pointer;
}

#ewayModal .lr-ewb-decision-group label input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

#ewayModal .lr-ewb-decision-group label span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 8px;
    border: 1px solid rgba(47, 104, 149, 0.22);
    border-radius: 8px;
    background: var(--look-card, #fff);
    color: var(--text-soft);
    font-size: 0.68rem;
    font-weight: 800;
}

#ewayModal .lr-ewb-decision-group label input:focus-visible + span,
#ewayModal .lr-ewb-decision-group label input:checked + span {
    border-color: var(--accent);
    background: var(--accent-soft);
    color: var(--accent-strong);
    box-shadow: 0 0 0 2px rgba(47, 104, 149, 0.12);
}

#ewayModal .lr-ewb-decision-reason {
    flex: 1 1 210px;
    min-height: 32px;
    padding: 6px 8px;
    font-size: 0.72rem;
}

#ewayModal .lr-ewb-resolution-actions {
    justify-content: flex-end;
}

#ewayModal > .lr-ewb-modal-card > .table-shell-modal {
    flex: 0 0 auto;
    min-height: 110px;
    max-height: 220px;
}

#ewayModal .lr-ewb-row-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

#ewayModal .lr-ewb-review-link {
    color: var(--accent-strong);
}

@media (max-width: 900px) {
    #ewayModal .lr-ewb-entry-grid,
    #ewayModal .lr-ewb-canonical-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #ewayModal .lr-ewb-entry-grid .field:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    #ewayModal {
        padding: 10px;
    }

    #ewayModal .lr-ewb-modal-card {
        width: 100%;
        max-height: calc(100dvh - 20px);
        padding: 12px;
    }

    #ewayModal .lr-ewb-entry-grid,
    #ewayModal .lr-ewb-canonical-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    #ewayModal .lr-ewb-entry-grid .field:last-child {
        grid-column: auto;
    }

    #ewayModal .lr-ewb-manual-fallback,
    #ewayModal .lr-ewb-review-head {
        align-items: stretch;
        flex-direction: column;
    }

    #ewayModal .lr-ewb-manual-fallback .ghost-button,
    #ewayModal .lr-ewb-fetch-actions button,
    #ewayModal .lr-ewb-resolution-actions button {
        width: 100%;
    }
}

.branch-modal-card {
    width: min(920px, 100%);
}

.user-master-modal-card {
    width: min(1440px, calc(100vw - 36px));
    max-height: calc(100vh - 36px);
    overflow: auto;
    overscroll-behavior: contain;
}

.user-master-modal-head {
    position: sticky;
    top: -16px;
    z-index: 8;
    margin: -16px -16px 0;
    padding: 16px;
    border-bottom: 1px solid rgba(183, 206, 221, 0.78);
    background: rgba(249, 252, 255, 0.97);
    backdrop-filter: blur(12px);
}

.user-master-modal-card > .master-button-row {
    position: sticky;
    bottom: -16px;
    z-index: 8;
    margin: 0 -16px -16px;
    padding: 12px 16px 16px;
    border-top: 1px solid rgba(183, 206, 221, 0.78);
    background: rgba(249, 252, 255, 0.97);
    backdrop-filter: blur(12px);
}

/* User editor: clear, task-based layout while retaining the existing controls. */
#userModal {
    --user-editor-navy: #173f6b;
    --user-editor-navy-strong: #0d3159;
    --user-editor-blue-soft: #edf4fd;
    --user-editor-page: #f3f6fa;
    --user-editor-line: #d9e2ed;
    --user-editor-muted: #667b93;
}

#userModal .user-master-modal-card {
    width: min(1380px, calc(100vw - 24px));
    height: min(900px, calc(100vh - 20px));
    max-height: calc(100vh - 20px);
    gap: 0;
    padding: 0;
    overflow: hidden;
    border-color: #d7e1ec;
    border-radius: 20px;
    background: var(--user-editor-page);
    box-shadow: 0 28px 70px rgba(16, 40, 68, 0.28);
}

#userModal .user-master-modal-head {
    position: relative;
    top: auto;
    flex: 0 0 auto;
    min-height: 66px;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid var(--user-editor-line);
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: none;
}

.user-editor-title-row,
.user-editor-header-actions,
.user-editor-card-head {
    display: flex;
    align-items: center;
}

.user-editor-title-row {
    min-width: 0;
    gap: 12px;
}

.user-editor-title-row .eyebrow {
    margin: 0 0 2px;
    color: #74879d;
    font-size: 0.64rem;
    letter-spacing: 0.08em;
}

.user-editor-title-row h2 {
    max-width: min(620px, 52vw);
    margin: 0;
    overflow: hidden;
    color: #142b45;
    font-size: 1.05rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-editor-back-button {
    width: 34px;
    height: 34px;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: var(--user-editor-navy);
    background: transparent;
    font-size: 1.24rem;
    cursor: pointer;
    transition: background 0.16s ease, transform 0.16s ease;
}

.user-editor-back-button:hover,
.user-editor-back-button:focus-visible {
    background: var(--user-editor-blue-soft);
    transform: translateX(-2px);
}

.user-editor-header-actions {
    flex-wrap: nowrap;
    gap: 8px;
}

#userModal .user-editor-header-actions button {
    min-height: 34px;
    padding: 7px 15px;
    border-radius: 10px;
    font-size: 0.76rem;
}

#userModal .user-editor-header-actions .primary-button {
    border-color: var(--user-editor-navy);
    background: var(--user-editor-navy);
    box-shadow: 0 6px 14px rgba(23, 63, 107, 0.2);
}

#userModal .user-editor-reset-button {
    color: #c03942;
    border-color: #ffe0e2;
    background: #fff0f1;
    box-shadow: none;
}

#userModal .user-editor-form {
    min-height: 0;
    display: block;
    flex: 1 1 auto;
    overflow: hidden;
}

.user-editor-layout {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
}

.user-editor-sidebar {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 14px;
    overflow: auto;
    border-right: 1px solid var(--user-editor-line);
    background: #f7f9fc;
    scrollbar-width: thin;
}

.user-editor-identity-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 148px;
    padding: 16px 12px 14px;
    border: 1px solid var(--user-editor-line);
    border-radius: 17px;
    background: var(--look-card, #fff);
    text-align: center;
    box-shadow: 0 5px 16px rgba(28, 56, 87, 0.05);
}

.user-editor-avatar {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 9px;
    border: 4px solid #eaf2fb;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #3f7aba, var(--user-editor-navy));
    box-shadow: 0 8px 16px rgba(23, 63, 107, 0.18);
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0.03em;
}

.user-editor-identity-card strong {
    max-width: 100%;
    overflow: hidden;
    color: #172b43;
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-editor-identity-card > span:not(.user-editor-status) {
    max-width: 100%;
    margin-top: 2px;
    overflow: hidden;
    color: var(--user-editor-muted);
    font-size: 0.69rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-editor-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    padding: 4px 9px;
    border-radius: 999px;
    color: #18734c;
    background: #e8f8f0;
    font-size: 0.66rem;
    font-weight: 850;
}

.user-editor-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #23a66e;
}

.user-editor-status.is-inactive {
    color: #a33d46;
    background: #fff0f1;
}

.user-editor-status.is-inactive i {
    background: #d85860;
}

.user-editor-section-nav {
    display: grid;
    gap: 5px;
    padding: 7px;
    border: 1px solid var(--user-editor-line);
    border-radius: 16px;
    background: var(--look-card, #fff);
}

.user-editor-tab {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border: 0;
    border-radius: 11px;
    color: #60758e;
    background: transparent;
    font-size: 0.73rem;
    font-weight: 720;
    text-align: left;
    cursor: pointer;
    transition: color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.user-editor-tab:hover,
.user-editor-tab:focus-visible {
    color: var(--user-editor-navy);
    background: #f1f6fc;
}

.user-editor-tab.is-active {
    color: var(--user-editor-navy-strong);
    background: #e9f1fb;
}

.user-editor-tab-icon {
    width: 25px;
    height: 25px;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #d7e3ef;
    border-radius: 8px;
    color: #69809a;
    background: var(--look-card, #fff);
    font-size: 0.58rem;
    font-weight: 900;
}

.user-editor-tab.is-active .user-editor-tab-icon {
    color: #fff;
    border-color: var(--user-editor-navy);
    background: var(--user-editor-navy);
}

.user-editor-content {
    min-width: 0;
    min-height: 0;
    padding: 18px 20px 28px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.user-editor-panel {
    width: min(100%, 1080px);
    display: grid;
    gap: 14px;
    margin: 0 auto;
    animation: user-editor-panel-in 0.18s ease-out;
}

.user-editor-panel[hidden] {
    display: none !important;
}

@keyframes user-editor-panel-in {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

#userModal .user-editor-card {
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid var(--user-editor-line);
    border-radius: 17px;
    background: var(--look-card, #fff);
    box-shadow: 0 5px 16px rgba(28, 56, 87, 0.045);
}

.user-editor-card-head {
    gap: 11px;
}

.user-editor-card-icon {
    width: 32px;
    height: 32px;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    color: var(--user-editor-navy);
    background: var(--user-editor-blue-soft);
    font-size: 0.68rem;
    font-weight: 900;
}

.user-editor-card-head h3,
#userModal .permission-section-head h4 {
    margin: 0;
    color: #172b43;
    font-size: 0.86rem;
    line-height: 1.2;
}

.user-editor-card-head p,
#userModal .permission-section-head p:not(.eyebrow) {
    margin: 1px 0 0;
    color: var(--user-editor-muted);
    font-size: 0.67rem;
    line-height: 1.35;
}

#userModal .permission-section-head .eyebrow {
    margin: 0 0 2px;
    color: #71859b;
    font-size: 0.59rem;
}

.user-editor-field-grid,
.user-editor-toolbar-grid,
.user-editor-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
}

.user-editor-field-full,
.user-editor-permission-search {
    grid-column: 1 / -1;
}

#userModal .field {
    gap: 5px;
    color: #1a304a;
    font-size: 0.7rem;
}

#userModal .field > span:first-child {
    font-weight: 750;
}

.user-role-multi-field > span small {
    margin-left: 5px;
    color: var(--user-editor-muted);
    font-size: 0.62rem;
    font-weight: 650;
}

.user-role-multi-select {
    position: relative;
    min-height: 42px;
    padding: 5px 8px;
    border: 1px solid #d5dfeb;
    border-radius: 11px;
    background: var(--look-card, #fff);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.user-role-multi-select:focus-within {
    border-color: #4d7fae;
    box-shadow: 0 0 0 3px rgba(50, 102, 153, 0.12);
}

.user-role-multi-select.is-protected {
    border-color: #bdd1e5;
    background: #f3f7fc;
    box-shadow: none;
}

.user-role-multi-select.is-protected #userRoleSearch {
    color: #657a91;
    background: transparent;
    cursor: not-allowed;
}

.user-selected-role-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.user-selected-role-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 27px;
    padding: 4px 7px 4px 9px;
    border: 1px solid #bbd0e7;
    border-radius: 999px;
    color: #143d68;
    background: #edf5ff;
    font-size: 0.68rem;
    font-weight: 800;
}

.user-selected-role-chip.is-inactive {
    border-color: #efc2c2;
    color: #9b3535;
    background: #fff0f0;
}

.user-selected-role-chip.is-protected {
    border-color: #9ebbd9;
    color: #10385f;
    background: #e8f1fb;
}

.user-selected-role-chip.is-protected small {
    padding: 2px 5px;
    border-radius: 999px;
    color: #fff;
    background: #173f6b;
    font-size: 0.52rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.user-selected-role-chip button {
    display: grid;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    color: inherit;
    background: rgba(23, 63, 107, 0.1);
    cursor: pointer;
}

#userModal #userRoleSearch {
    width: 100%;
    min-height: 28px;
    margin-top: 3px;
    padding: 4px 2px;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.user-role-options-list {
    position: absolute;
    z-index: 30;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    max-height: 230px;
    padding: 6px;
    overflow-y: auto;
    border: 1px solid #cbd9e8;
    border-radius: 12px;
    background: var(--look-card, #fff);
    box-shadow: 0 16px 34px rgba(20, 48, 79, 0.2);
}

.user-role-option {
    display: grid;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 10px;
    text-align: left;
    color: #172b43;
    background: transparent;
    cursor: pointer;
}

.user-role-option:hover,
.user-role-option.is-highlighted {
    background: #edf5ff;
}

.user-role-option.is-selected {
    color: #fff;
    background: #173f6b;
}

.user-role-option:disabled {
    opacity: 0.58;
    cursor: not-allowed;
}

.user-role-option strong,
.user-role-option small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-role-option small {
    color: inherit;
    opacity: 0.72;
}

.user-role-option-status {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    font-size: 0.62rem;
    font-weight: 850;
    text-transform: uppercase;
}

#userModal .field input:not([type="checkbox"]),
#userModal .field select,
#userModal .field textarea,
#userModal .permission-toolbar-inline input {
    min-height: 37px;
    padding: 8px 11px;
    border-color: #d5dfeb;
    border-radius: 10px;
    color: #172b43;
    background: var(--look-card, #fff);
    font-size: 0.76rem;
}

#userModal .field input:focus,
#userModal .field select:focus,
#userModal .field textarea:focus,
#userModal .permission-toolbar-inline input:focus {
    border-color: #5d86b2;
    box-shadow: 0 0 0 3px rgba(45, 96, 151, 0.12);
}

#userModal .field-help {
    font-size: 0.62rem;
    line-height: 1.35;
}

.user-protected-account-notice {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #bdd2e7;
    border-left: 4px solid #285d91;
    border-radius: 10px;
    color: #274964;
    background: #edf5fd;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.45;
}

#userModal .permission-toolbar-card {
    min-width: 0;
    padding: 11px 12px;
    border-color: #dce5ee;
    border-radius: 12px;
    background: #f7faff;
    box-shadow: none;
}

#userModal .permission-toolbar-card strong {
    color: #223a54;
    font-size: 0.72rem;
}

#userModal .permission-toolbar-card .ghost-button,
#userModal .permission-section-head .ghost-button {
    min-height: 31px;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 0.66rem;
}

#userModal .permission-select-all-control {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #d9e2ef;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
}

#userModal .permission-select-all-control:hover {
    border-color: #9db7db;
    background: #f2f7ff;
}

#userModal .permission-select-all-control:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.58;
}

#userModal .permission-field-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#userModal .permission-select-all-global {
    width: fit-content;
    margin-top: 14px;
    border-color: #b9cdf0;
    background: #eef5ff;
    color: #174b8f;
}

#userModal .permission-screen-group-select-all {
    margin-bottom: 10px;
}

.master-nav-panel .master-menu-filter-field {
    margin: 0 12px 10px;
}

.master-nav-panel .master-menu-filter-field input {
    min-height: 38px;
}

.master-menu-search-empty {
    display: block;
    margin: 0 12px 10px;
    padding: 10px;
    border: 1px dashed #cbd8e8;
    border-radius: 9px;
    color: #64748b;
    background: #f8fafc;
    font-size: 0.72rem;
}

.master-menu-search-empty[hidden] {
    display: none !important;
}

#userModal .user-username-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
}

#userModal .user-username-control input {
    min-width: 0;
}

#userModal .choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px;
}

#userModal .choice-chip {
    min-height: 36px;
    padding: 7px 9px;
    border-color: #dce4ed;
    border-radius: 9px;
    color: #273e58;
    background: var(--look-card, #fff);
    font-size: 0.69rem;
}

#userModal .choice-chip.is-selected {
    color: var(--user-editor-navy-strong);
    border-color: #9db8d5;
    background: #edf4fc;
    box-shadow: inset 3px 0 0 var(--user-editor-navy);
}

#userModal input[type="checkbox"] {
    accent-color: var(--user-editor-navy);
}

#userModal .permission-matrix-shell,
#userModal .permission-legend-shell {
    max-height: 360px;
    border-color: #dbe4ed;
    border-radius: 12px;
    scrollbar-width: thin;
}

#userModal .permission-matrix-table,
#userModal .permission-legend-table {
    font-size: 0.68rem;
}

#userModal .permission-matrix-table thead th,
#userModal .permission-legend-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 9px 8px;
    color: #264665;
    background: #eaf2fb;
    white-space: nowrap;
}

#userModal .permission-matrix-table td,
#userModal .permission-matrix-table tbody th,
#userModal .permission-legend-table td {
    padding: 8px;
}

#userModal .permission-matrix-cell {
    text-align: center;
}

#userModal .permission-row-tools {
    white-space: nowrap;
}

#userModal .permission-screen-dropdown {
    border-color: #dbe4ed;
    border-radius: 11px;
    background: var(--look-card, #fff);
}

#userModal .user-lr-edit-level-card {
    border-color: #dbe4ed;
    border-radius: 11px;
}

#userModal .permission-restriction-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#userModal .user-security-panel {
    padding: 15px 16px;
    border-color: var(--user-editor-line);
    border-radius: 17px;
    box-shadow: 0 5px 16px rgba(28, 56, 87, 0.045);
}

body.user-master-busy {
    overflow: hidden;
    cursor: wait;
}

#userModal .user-master-modal-card {
    transition: filter 0.18s ease, opacity 0.18s ease;
}

body.user-master-saving #userModal:not([hidden]) .user-master-modal-card {
    pointer-events: none;
    user-select: none;
    filter: blur(5px);
    opacity: 0.82;
}

.user-master-busy-overlay {
    position: fixed;
    z-index: 80;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(9, 28, 47, 0.48);
    backdrop-filter: blur(2px);
}

.user-master-busy-card {
    width: min(390px, calc(100vw - 32px));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    padding: 24px 22px;
    border: 1px solid #d3e0ec;
    border-radius: 17px;
    color: #172f48;
    background: var(--look-card, #fff);
    text-align: center;
    box-shadow: 0 24px 58px rgba(8, 28, 48, 0.28);
}

.user-master-busy-card .master-loading-indicator {
    width: 36px;
    height: 36px;
    margin-bottom: 4px;
    border-width: 4px;
}

.user-master-busy-overlay[data-busy-mode="saving"] {
    background: rgba(9, 28, 47, 0.38);
    backdrop-filter: blur(3px);
}

.user-master-busy-overlay[data-busy-mode="saving"] .user-master-busy-card {
    gap: 12px;
    padding: 30px 26px;
}

.user-master-busy-overlay[data-busy-mode="saving"] .master-loading-indicator {
    width: 72px;
    height: 72px;
    margin-bottom: 6px;
    border-width: 7px;
    border-color: rgba(47, 104, 149, 0.2);
    border-top-color: var(--accent-strong);
    box-shadow: 0 0 0 7px rgba(47, 104, 149, 0.06);
}

.user-master-busy-overlay[data-busy-mode="saving"] .user-master-busy-card strong {
    font-size: 1.08rem;
}

.user-master-busy-card strong {
    font-size: 0.96rem;
}

.user-master-busy-card small {
    max-width: 320px;
    color: #687d91;
    font-size: 0.72rem;
    line-height: 1.5;
}

.user-save-result-modal {
    z-index: 60;
}

.user-save-result-card {
    width: min(480px, 100%);
    gap: 14px;
    padding: 18px;
}

.user-save-result-body {
    display: grid;
    justify-items: center;
    gap: 10px;
    text-align: center;
}

.user-save-result-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #21845f;
    box-shadow: 0 9px 20px rgba(33, 132, 95, 0.2);
    font-size: 1.35rem;
    font-weight: 900;
}

.user-save-result-body > p {
    margin: 0;
    color: #4d6379;
    font-size: 0.78rem;
    line-height: 1.5;
}

.user-save-result-summary {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 4px 0 0;
    text-align: left;
}

.user-save-result-summary > div {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid #dce6ef;
    border-radius: 10px;
    background: #f6f9fc;
}

.user-save-result-summary > div:first-child {
    grid-column: 1 / -1;
}

.user-save-result-summary dt {
    margin-bottom: 2px;
    color: #718398;
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.user-save-result-summary dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #1b3854;
    font-size: 0.73rem;
    font-weight: 780;
}

.user-save-result-card > .button-row {
    justify-content: flex-end;
}

.user-editor-guidance-card {
    border-left: 4px solid #4a7cad !important;
    background: linear-gradient(90deg, #f4f8fd, #fff) !important;
}

@media (max-width: 1050px) {
    #userModal .user-master-modal-card {
        width: calc(100vw - 16px);
        height: calc(100vh - 16px);
        max-height: calc(100vh - 16px);
    }

    .user-editor-layout {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .user-editor-sidebar {
        display: grid;
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 10px;
        padding: 10px 12px;
        overflow: visible;
        border-right: 0;
        border-bottom: 1px solid var(--user-editor-line);
    }

    .user-editor-identity-card {
        min-height: 0;
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        align-content: center;
        column-gap: 9px;
        padding: 8px 10px;
        text-align: left;
    }

    .user-editor-avatar {
        width: 38px;
        height: 38px;
        grid-row: 1 / 4;
        margin: 0;
        border-width: 2px;
        font-size: 0.74rem;
    }

    .user-editor-identity-card > span:not(.user-editor-status) {
        margin: 0;
    }

    .user-editor-status {
        justify-self: start;
        margin: 2px 0 0;
        padding: 2px 7px;
    }

    .user-editor-section-nav {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-content: center;
    }

    .user-editor-tab {
        justify-content: center;
        padding-inline: 5px;
        text-align: center;
    }

    .user-editor-tab-icon {
        display: none;
    }
}

@media (max-width: 760px) {
    #userModal.user-editor-modal-shell {
        padding: 0;
    }

    #userModal .user-master-modal-card {
        width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    #userModal .user-master-modal-head {
        min-height: 58px;
        padding: 8px 10px;
    }

    .user-editor-title-row h2 {
        max-width: 38vw;
        font-size: 0.88rem;
    }

    #userModal .user-editor-header-actions button {
        padding: 6px 9px;
        font-size: 0.66rem;
    }

    #userModal .user-editor-header-actions .ghost-button {
        display: none;
    }

    .user-editor-sidebar {
        display: block;
        padding: 7px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .user-editor-identity-card {
        display: none;
    }

    .user-editor-section-nav {
        width: max-content;
        min-width: 100%;
        display: flex;
        padding: 4px;
    }

    .user-editor-tab {
        width: auto;
        min-width: max-content;
        min-height: 34px;
        padding: 6px 10px;
    }

    .user-editor-content {
        padding: 10px 9px 22px;
        scrollbar-gutter: auto;
    }

    .user-editor-field-grid,
    .user-editor-toolbar-grid,
    .user-editor-card-grid,
    #userModal .permission-restriction-grid {
        grid-template-columns: 1fr;
    }

    #userModal .user-editor-card {
        padding: 12px;
        border-radius: 13px;
    }

    #userModal .user-lr-edit-permission-row {
        grid-template-columns: 1fr;
    }

    .user-save-result-summary {
        grid-template-columns: 1fr;
    }

    .user-save-result-summary > div:first-child {
        grid-column: auto;
    }
}

.user-master-toolbar {
    margin-bottom: 2px;
}

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

.branch-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: auto;
    padding-right: 4px;
}

.branch-modal-grid .field-span,
.branch-modal-grid .field-full {
    grid-column: 1 / -1;
}

.party-communication-settings {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(71, 151, 185, 0.36);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(238, 249, 252, 0.96), rgba(255, 255, 255, 0.98));
}

.party-credit-settings {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(30, 132, 91, 0.34);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(238, 250, 245, 0.97), rgba(255, 255, 255, 0.98));
}

.party-credit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.party-credit-settings.is-readonly {
    border-color: rgba(148, 163, 184, 0.42);
    background: rgba(248, 250, 252, 0.96);
}

.party-credit-settings.is-readonly .party-credit-grid {
    opacity: 0.72;
}

.party-credit-settings .status-pill.is-success {
    color: #166534;
    border-color: rgba(22, 101, 52, 0.24);
    background: #dcfce7;
}

.party-gst-registration-settings,
.party-duplicate-candidates {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(71, 151, 185, 0.36);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(244, 250, 255, 0.97), rgba(255, 255, 255, 0.98));
}

.party-duplicate-candidates {
    border-color: rgba(205, 139, 41, 0.46);
    background: linear-gradient(145deg, rgba(255, 249, 229, 0.98), rgba(255, 255, 255, 0.98));
}

.party-duplicate-candidates[hidden] {
    display: none;
}

.party-duplicate-candidates-head,
.party-duplicate-candidate,
.party-duplicate-candidate > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.party-duplicate-candidates-head h3 {
    margin: 2px 0;
}

.party-duplicate-candidate-list {
    display: grid;
    gap: 8px;
}

.party-duplicate-candidate {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) 80px minmax(200px, 1.6fr) minmax(170px, 1fr);
    padding: 10px;
    border: 1px solid rgba(202, 160, 88, 0.38);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.92);
}

.party-duplicate-candidate > div {
    align-items: flex-start;
    flex-direction: column;
}

.party-duplicate-candidate small {
    color: var(--text-soft);
}

.party-duplicate-score strong {
    color: #a35a09;
    font-size: 1.15rem;
}

.party-duplicate-reasons {
    display: flex;
    flex-flow: row wrap !important;
    justify-content: flex-start !important;
}

.party-duplicate-reasons span {
    padding: 3px 7px;
    border-radius: 999px;
    background: #eef5fa;
    color: #365d77;
    font-size: 0.67rem;
}

.party-gst-registration-settings .party-recipient-table {
    min-width: 980px;
}

.party-gst-trade-name,
.party-gst-state-code {
    margin-top: 4px;
}

.party-duplicate-review-card {
    width: min(1260px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
}

.party-duplicate-review-table {
    overflow: auto;
}

.party-duplicate-configuration {
    padding: 10px 12px;
    border: 1px solid rgba(123, 165, 190, 0.48);
    border-radius: 12px;
    background: #f4f9fc;
}

.party-duplicate-configuration summary {
    color: var(--variant-strong);
    font-weight: 800;
    cursor: pointer;
}

.party-duplicate-approval-section {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(198, 151, 65, 0.42);
    border-radius: 12px;
    background: #fffaf0;
}

.party-duplicate-approval-section[hidden] {
    display: none;
}

.party-duplicate-configuration-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 10px 0;
}

.party-duplicate-review-table td strong,
.party-duplicate-review-table td small {
    display: block;
}

.party-duplicate-review-table td small {
    margin-top: 3px;
    color: var(--text-soft);
}

.party-communication-summary {
    display: grid;
    min-width: 122px;
    gap: 2px;
    color: #155c4b;
}

.party-communication-summary strong {
    font-size: 0.78rem;
    line-height: 1.15;
}

.party-communication-summary small {
    color: #60778a;
    font-size: 0.67rem;
    line-height: 1.2;
}

.party-communication-summary.is-default strong {
    color: #366378;
}

.party-communication-head,
.party-recipient-toolbar,
.party-communication-history-filter {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.party-communication-head h3,
.party-recipient-toolbar strong {
    margin: 2px 0;
    color: var(--text);
}

.party-communication-head small,
.party-recipient-toolbar small {
    display: block;
    color: var(--text-soft);
    font-size: 0.72rem;
}

.party-communication-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.party-communication-grid .checkbox-field {
    min-height: 42px;
    padding: 8px;
    border: 1px solid rgba(158, 190, 209, 0.54);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.86);
}

.party-communication-grid .party-communication-override {
    grid-column: 1 / -1;
    border-color: rgba(19, 118, 164, 0.42);
    background: rgba(221, 244, 249, 0.9);
}

.party-communication-settings.is-using-defaults [data-party-communication-override-field] {
    opacity: 0.55;
}

.party-recipient-toolbar {
    padding-top: 4px;
    border-top: 1px solid rgba(151, 188, 208, 0.46);
}

.party-recipient-table-wrap {
    width: 100%;
    overflow: auto;
    border: 1px solid rgba(151, 188, 208, 0.54);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.party-recipient-table {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
}

.party-recipient-table th,
.party-recipient-table td {
    padding: 6px 7px;
    border-bottom: 1px solid rgba(181, 205, 218, 0.5);
    color: var(--text);
    font-size: 0.72rem;
    text-align: left;
    vertical-align: middle;
}

.party-recipient-table th {
    color: var(--variant-strong);
    background: rgba(228, 243, 249, 0.92);
    font-size: 0.66rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.party-recipient-table input,
.party-recipient-table select {
    width: 100%;
    min-height: 31px;
    padding: 5px 7px;
    border: 1px solid rgba(145, 181, 202, 0.66);
    border-radius: 7px;
    color: var(--text);
    background: var(--look-card, #fff);
}

.party-recipient-table input[type="checkbox"],
.party-recipient-table input[type="radio"] {
    width: 17px;
    min-height: 17px;
}

@media (max-width: 900px) {
    .party-duplicate-candidate {
        grid-template-columns: 1fr;
    }

    .party-duplicate-configuration-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.party-recipient-remove {
    min-height: 30px;
    padding: 4px 8px;
    border-color: rgba(190, 61, 68, 0.36);
    color: #a62e37;
    background: #fff1f1;
}

.party-communication-history-card {
    width: min(1120px, calc(100vw - 28px));
    height: min(82vh, 760px);
    max-height: calc(100vh - 28px);
}

.party-communication-history-filter {
    justify-content: flex-end;
}

.party-communication-history-filter input {
    width: min(420px, 100%);
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid rgba(145, 181, 202, 0.66);
    border-radius: 8px;
}

.party-history-table-wrap {
    flex: 1;
    min-height: 0;
}

@media (max-width: 860px) {
    .party-communication-grid {
        grid-template-columns: 1fr;
    }

    .party-credit-grid {
        grid-template-columns: 1fr;
    }

    .party-communication-head,
    .party-recipient-toolbar,
    .party-communication-history-filter {
        align-items: stretch;
        flex-direction: column;
    }

    .party-communication-history-filter input {
        width: 100%;
    }
}

.lr-status-modal-card {
    width: min(1500px, calc(100vw - 20px));
    height: min(94vh, 920px);
    max-height: calc(100vh - 24px);
    gap: 10px;
    padding: 14px;
}

.lr-status-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    overflow: hidden;
    padding-right: 0;
}

.lr-status-screen {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.lr-status-loading {
    padding: 24px 14px;
    border-radius: 14px;
    border: 1px dashed rgba(24, 90, 142, 0.28);
    background: rgba(234, 244, 250, 0.92);
    color: var(--variant-strong);
    font-weight: 800;
    text-align: center;
}

.lr-status-hero,
.lr-status-totals {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lr-status-hero-compact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.lr-status-main,
.lr-status-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 12px;
}

.lr-status-main {
    grid-template-columns: minmax(0, 1.34fr) minmax(360px, 0.94fr);
    grid-template-areas:
        "booking parties"
        "materials charges"
        "history charges";
    gap: 8px;
    flex: 1;
    min-height: 0;
}

.lr-status-grid-2 {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
}

.lr-status-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(255, 255, 255, 0.92);
}

.lr-status-section-booking {
    grid-area: booking;
}

.lr-status-section-parties {
    grid-area: parties;
}

.lr-status-section-materials {
    grid-area: materials;
}

.lr-status-section-charges {
    grid-area: charges;
}

.lr-status-section-history {
    grid-area: history;
}

.lr-status-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.lr-status-section-head h3 {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 0.92rem;
    color: var(--text);
}

.lr-status-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.lr-status-facts-compact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
}

.lr-status-fact {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 7px 9px;
    border-radius: 12px;
    background: rgba(242, 248, 252, 0.92);
    border: 1px solid rgba(188, 208, 221, 0.94);
}

.lr-status-fact.is-wide {
    grid-column: 1 / -1;
}

.lr-status-fact span,
.lr-status-remarks span {
    font-size: 0.63rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-soft);
}

.lr-status-fact strong,
.lr-status-remarks strong {
    font-size: 0.78rem;
    line-height: 1.3;
    color: var(--text);
}

.lr-status-party-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.lr-status-party-grid-compact {
    gap: 8px;
}

.lr-status-party-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 100%;
    padding: 10px;
    border-radius: 12px;
    background: rgba(242, 248, 252, 0.92);
    border: 1px solid rgba(188, 208, 221, 0.94);
}

.lr-status-party-card h4 {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--variant-strong);
}

.lr-status-party-card strong {
    font-size: 0.9rem;
}

.lr-status-party-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    font-size: 0.72rem;
    color: var(--text-soft);
}

.lr-status-party-card p {
    margin: 0;
    font-size: 0.74rem;
    line-height: 1.34;
    white-space: pre-line;
}

.lr-status-remarks {
    display: grid;
    gap: 8px;
}

.lr-status-remarks > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(242, 248, 252, 0.92);
    border: 1px solid rgba(188, 208, 221, 0.94);
}

.lr-status-remarks-compact {
    gap: 6px;
}

.lr-status-table-shell {
    min-height: 0;
    max-height: 280px;
}

.lr-status-table-shell-materials {
    max-height: 170px;
}

.lr-status-table-shell-history {
    max-height: 182px;
}

.lr-status-data-table th,
.lr-status-data-table td {
    padding: 5px 6px;
    font-size: 0.74rem;
    line-height: 1.22;
}

.lr-status-totals-compact {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
}

.lr-status-totals-compact .summary-tile {
    padding: 7px 8px;
    border-radius: 12px;
}

.lr-status-totals-compact .summary-tile span {
    font-size: 0.64rem;
}

.lr-status-totals-compact .summary-tile strong {
    margin-top: 2px;
    font-size: 0.78rem;
}

.lr-status-charge-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-height: 0;
}

.lr-status-charge-card {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 7px 9px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-status-charge-card.is-highlight {
    border-color: rgba(24, 90, 142, 0.34);
    background: rgba(228, 242, 251, 0.94);
}

.lr-status-charge-card span {
    font-size: 0.63rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-soft);
}

.lr-status-charge-card strong {
    font-size: 0.82rem;
    line-height: 1.22;
    color: var(--text);
}

@media (max-width: 1280px) {
    .lr-status-facts-compact {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lr-status-charge-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .lr-status-modal-card {
        width: min(1180px, calc(100vw - 24px));
        height: min(92vh, 940px);
    }

    .lr-status-body {
        overflow: auto;
    }

    .lr-status-main {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "booking"
            "parties"
            "materials"
            "charges"
            "history";
        overflow: visible;
    }
}

.lr-list-panel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    overflow: hidden;
}

.lr-list-table {
    min-width: 1120px;
    table-layout: fixed;
}

.lr-list-table th,
.lr-list-table td {
    vertical-align: top;
}

.lr-list-table th:nth-child(1) {
    width: 11%;
}

.lr-list-table th:nth-child(2) {
    width: 13%;
}

.lr-list-table th:nth-child(3) {
    width: 14%;
}

.lr-list-table th:nth-child(4) {
    width: 18%;
}

.lr-list-table th:nth-child(5) {
    width: 14%;
}

.lr-list-table th:nth-child(6) {
    width: 14%;
}

.lr-list-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lr-list-primary {
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.24;
    color: var(--text);
    overflow-wrap: anywhere;
}

.lr-list-number-link {
    width: fit-content;
    color: #12669b;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.lr-list-number-link:hover,
.lr-list-number-link:focus-visible {
    color: var(--variant-strong);
}

.lr-list-secondary {
    font-size: 0.74rem;
    line-height: 1.28;
    color: var(--text-soft);
    overflow-wrap: anywhere;
}

.lr-list-action-col {
    width: 72px;
    text-align: center;
    vertical-align: middle !important;
}

.lr-list-action-col .table-icon-actions {
    justify-content: center;
}

.modal-actions {
    display: flex;
    justify-content: flex-end;
}

.modal-actions-spread {
    justify-content: space-between;
}

.danger-button {
    background: linear-gradient(135deg, #d8434f, #b92f3b);
    border-color: rgba(159, 26, 39, 0.72);
    color: #ffffff;
}

.danger-button:hover,
.danger-button:focus-visible {
    background: linear-gradient(135deg, #cf3946, #a82330);
}

@media (max-height: 820px) {
    .app-shell {
        gap: 6px;
        padding: 6px;
    }

    .console-header {
        padding: 6px 10px;
    }

    .brand-mark {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 1.05rem;
    }

    .brand-stack {
        gap: 10px;
    }

    .brand-stack .eyebrow {
        display: none;
    }

    .brand-stack h1 {
        font-size: 1.1rem;
    }

    .header-meta {
        gap: 6px;
    }

    .topbar {
        padding: 6px 8px;
    }

    .topbar-payment-head {
        min-width: 72px;
    }

    .meta-card,
    .summary-tile {
        padding: 6px 8px;
    }

    .meta-card strong,
    .summary-tile strong {
        font-size: 0.9rem;
    }

    .console-grid,
    .workspace {
        gap: 6px;
    }

    .panel {
        padding: 7px;
    }

    .workflow-bar {
        gap: 6px;
    }

    .workflow-block {
        gap: 5px;
        padding: 6px;
    }

    .header-command-bar {
        max-width: 500px;
    }

    .mode-button {
        padding: 6px 8px;
    }

    .booking-meta {
        gap: 8px;
    }

    .field-help {
        font-size: 0.72rem;
    }

    .remarks-summary span {
        font-size: 0.68rem;
    }

    .remarks-summary strong {
        font-size: 0.76rem;
    }

    .variant-card {
        padding: 6px 8px;
        gap: 2px;
    }

    .variant-card small,
    .route-hint,
    .charges-note,
    .summary-inline small,
    .signal-strip {
        display: none;
    }

    .route-grid,
    .manual-entry-grid,
    .freight-control-grid,
    .payment-detail-grid,
    .party-grid,
    .commercial-grid,
    .modal-grid,
    .material-summary,
    .special-content-fields,
    .charge-summary-grid,
    .lr-status-hero,
    .lr-status-totals,
    .lr-status-facts,
    .lr-status-party-grid,
    .lr-status-grid,
    .lr-status-grid-2 {
        gap: 6px;
    }

    .field span,
    .charge-row span {
        font-size: 0.7rem;
    }

    input,
    select,
    textarea {
        padding: 6px 8px;
    }

    textarea {
        min-height: 38px;
    }

    .table-shell {
        min-height: 54px;
    }

    .data-table th,
    .data-table td {
        padding: 6px 7px;
        font-size: 0.78rem;
    }

    .charge-list {
        gap: 4px;
    }

    .charge-row input {
        padding: 6px 8px;
    }

    .party-panel,
    .materials-panel,
    .commercial-panel,
    .charges-card {
        gap: 6px;
    }

    .panel-actions {
        padding-top: 4px;
    }

    .lookup-status,
    .panel-note {
        display: none;
    }

    .lr-status-modal-card {
        padding: 10px;
    }

    .lr-status-body,
    .lr-status-screen,
    .lr-status-main {
        gap: 6px;
    }

    .lr-status-section {
        gap: 6px;
        padding: 8px;
    }

    .lr-status-facts-compact {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lr-status-fact,
    .lr-status-charge-card,
    .lr-status-remarks > div {
        padding: 6px 7px;
    }

    .lr-status-party-card {
        padding: 8px;
    }

    .lr-status-table-shell-materials {
        max-height: 138px;
    }

    .lr-status-table-shell-history {
        max-height: 148px;
    }

    .lr-status-data-table th,
    .lr-status-data-table td {
        padding: 4px 5px;
        font-size: 0.7rem;
    }

    .lr-status-charge-grid {
        gap: 5px;
    }

    .lr-status-charge-card strong,
    .lr-status-fact strong,
    .lr-status-remarks strong,
    .lr-status-totals-compact .summary-tile strong {
        font-size: 0.74rem;
    }
}

@media (max-width: 1480px) {
    .console-grid {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
}

@media (max-width: 1180px) {
    body {
        overflow: auto;
    }

    .app-shell {
        height: auto;
        min-height: 100vh;
    }

    .console-grid,
    .workflow-row-top,
    .workflow-row-bottom,
    .workflow-row-main,
    .workspace-grid,
    .master-layout {
        grid-template-columns: 1fr;
    }

    .workspace-grid {
        grid-auto-rows: auto;
        overflow: visible;
    }

    .route-grid,
    .mode-switcher,
    .manual-entry-grid,
    .freight-control-grid,
    .payment-detail-grid,
    .party-grid,
    .commercial-grid,
    .modal-grid,
    .lr-status-hero,
    .lr-status-totals,
    .lr-status-facts,
    .lr-status-party-grid,
    .lr-status-grid,
    .lr-status-grid-2,
    .master-form-grid,
    .rate-master-grid,
    .rate-master-split,
    .master-form-grid-rate {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .field-double {
        grid-column: 1 / -1;
    }

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

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

    .quotation-route-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quotation-dashboard-toolbar,
    .quotation-dashboard-toolbar-main,
    .quotation-dashboard-toolbar-secondary,
    .quotation-editor-head {
        flex-direction: column;
        align-items: stretch;
    }

    .quotation-matrix-grid,
    .quotation-matrix-grid-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .charges-card {
        order: -1;
    }
}

@media (max-width: 860px) {
    .app-shell {
        padding: 10px;
    }

    .console-header,
    .topbar,
    .topbar-left,
    .topbar-right,
    .console-header-side,
    .header-context-stack,
    .topbar-payment-head,
    .header-command-bar,
    .header-command-head,
    .block-head,
    .panel-head,
    .panel-actions,
    .booking-meta,
    .remarks-inline,
    .material-toolbar,
    .eway-control {
        flex-direction: column;
        align-items: stretch;
    }

    .header-meta,
    .mode-switcher,
    .route-grid,
    .manual-entry-grid,
    .freight-control-grid,
    .payment-detail-grid,
    .party-grid,
    .commercial-grid,
    .modal-grid,
    .material-summary,
    .charge-summary-grid,
    .lr-status-hero,
    .lr-status-totals,
    .lr-status-facts,
    .lr-status-party-grid,
    .lr-status-grid,
    .lr-status-grid-2,
    .master-form-grid,
    .rate-master-grid,
    .rate-master-split,
    .master-form-grid-rate {
        grid-template-columns: 1fr;
    }

    .field-small,
    .field-medium {
        max-width: none;
    }

    body[data-entry-mode="Manual"] .workflow-bar > .workflow-row:first-child .workflow-block {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .quotation-metric-grid {
        grid-template-columns: 1fr;
    }

    .quotation-route-shell {
        padding: 12px;
    }

    .quotation-matrix-grid,
    .quotation-matrix-grid-compact,
    .quotation-route-detail-grid {
        grid-template-columns: 1fr;
    }

    .quotation-route-toolbar,
    .quotation-charge-head,
    .quotation-matrix-builder-head,
    .quotation-matrix-action-row,
    .quotation-upload-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .master-pane-head {
        flex-direction: column;
    }

    .rate-master-card-head {
        flex-direction: column;
        align-items: stretch;
    }

    .charge-row {
        grid-template-columns: 1fr;
    }

    .header-user-strip,
    .header-user-line,
    .header-user-line-secondary {
        align-items: stretch;
    }
}

.lr-status-modal-card {
    width: min(1990px, calc(100vw - 2px));
    height: calc(100vh - 2px);
    height: calc(100dvh - 2px);
    max-height: calc(100vh - 2px);
    max-height: calc(100dvh - 2px);
    gap: 6px;
    padding: 8px 10px;
}

.lr-status-modal-card .modal-head {
    align-items: center;
    gap: 6px;
}

.lr-status-head-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.lr-status-head-actions .secondary-button,
.lr-status-head-actions .ghost-button,
.lr-status-head-actions .icon-button {
    min-height: 26px;
    padding: 4px 8px;
    font-size: 0.68rem;
    white-space: nowrap;
}

.lr-status-head-actions .ghost-button.is-active {
    border-color: rgba(24, 90, 142, 0.34);
    background: linear-gradient(180deg, rgba(229, 243, 253, 0.98), rgba(255, 255, 255, 0.96));
    color: var(--variant-strong);
    box-shadow: 0 8px 18px rgba(16, 48, 71, 0.1);
}

.lr-status-head-actions .is-disabled,
.lr-status-head-actions [aria-disabled="true"] {
    pointer-events: none;
    opacity: 0.55;
}

.lr-status-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    overflow: hidden;
    padding-right: 0;
}

.lr-view-dashboard {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    min-height: 0;
}

.lr-status-modal-card #lrStatusModalSubtitle,
.lr-view-card-head p {
    display: none;
}

.lr-view-top {
    display: grid;
    grid-template-columns: minmax(0, 1.92fr) minmax(156px, 0.24fr);
    gap: 4px;
    align-items: start;
}

.lr-view-summary-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
}

.lr-view-summary-tile,
.lr-view-qr-panel,
.lr-view-card {
    border-radius: 18px;
    border: 1px solid rgba(177, 202, 219, 0.92);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-soft);
}

.lr-view-summary-tile {
    min-height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px;
    padding: 4px 6px;
}

.lr-view-summary-tile.is-primary {
    background: linear-gradient(180deg, rgba(225, 244, 255, 0.98), rgba(255, 255, 255, 0.96));
    border-color: rgba(38, 129, 191, 0.24);
}

.lr-view-summary-tile.is-money {
    background: linear-gradient(180deg, rgba(245, 250, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-view-summary-tile.is-highlight {
    background: linear-gradient(180deg, rgba(255, 236, 231, 0.98), rgba(255, 255, 255, 0.96));
    border-color: rgba(216, 87, 85, 0.28);
}

.lr-view-summary-tile.is-status {
    justify-content: flex-start;
}

.lr-view-summary-kicker,
.lr-view-detail span,
.lr-view-party-row span,
.lr-view-metric-card span,
.lr-view-remark-card span,
.lr-view-charge-row span,
.lr-view-mini-meta span,
.lr-view-timeline-meta-item span,
.lr-view-timeline-remark span {
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-soft);
}

.lr-view-summary-value {
    font-size: 0.7rem;
    line-height: 1.15;
    color: var(--text);
}

.lr-view-summary-tile.is-highlight .lr-view-summary-value {
    font-size: 0.76rem;
    color: var(--accent-strong);
}

.lr-view-summary-tile.is-primary .lr-view-summary-value {
    font-size: 0.8rem;
    color: var(--variant-strong);
}

.lr-view-status-pill {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(168, 191, 207, 0.88);
    background: rgba(240, 247, 252, 0.96);
    color: var(--text);
}

.lr-view-status-pill strong {
    font-size: 0.66rem;
    line-height: 1.15;
}

.lr-view-status-dot,
.lr-view-timeline-marker {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 999px;
    background: currentColor;
}

.tone-delivered {
    color: #1f8a4c;
}

.tone-transit {
    color: #2d72c9;
}

.tone-branch {
    color: #c47c17;
}

.tone-out {
    color: #d6a505;
}

.tone-hold {
    color: #d85755;
}

.tone-cancelled {
    color: #4b5563;
}

.tone-pending {
    color: #8a6112;
}

.tone-neutral {
    color: #6a7b8b;
}

.lr-view-qr-panel {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 0;
    padding: 6px 8px;
}

.lr-view-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.lr-view-card-head h3 {
    margin: 0;
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 0.78rem;
    letter-spacing: 0.01em;
    color: var(--text);
}

.lr-view-card-head p {
    margin: 2px 0 0;
    font-size: 0.68rem;
    line-height: 1.22;
    color: var(--text-soft);
}

.lr-view-inline-chip {
    flex-shrink: 0;
}

.lr-view-qr-frame {
    min-height: 78px;
    display: grid;
    place-items: center;
    padding: 3px;
    border-radius: 16px;
    border: 1px dashed rgba(24, 90, 142, 0.28);
    background: linear-gradient(180deg, rgba(240, 248, 253, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-view-qr-image {
    width: min(100%, 74px);
    height: auto;
    display: block;
}

.lr-view-qr-placeholder {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--text-soft);
}

.lr-view-qr-meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.lr-view-ribbon {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
}

.lr-view-ribbon-card {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 6px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-view-ribbon-card span {
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-soft);
}

.lr-view-ribbon-card strong {
    font-size: 0.7rem;
    line-height: 1.18;
    color: var(--text);
}

.lr-view-mini-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px 8px;
    border-radius: 14px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-view-mini-meta strong {
    font-size: 0.72rem;
    line-height: 1.2;
    color: var(--text);
    word-break: break-word;
}

.lr-view-content {
    display: grid;
    grid-template-columns: minmax(0, 2.02fr) minmax(250px, 0.74fr);
    gap: 6px;
    align-items: start;
    flex: 1;
    min-height: 0;
}

.lr-view-column {
    display: grid;
    gap: 6px;
    min-height: 0;
    overflow: visible;
}

.lr-view-column-main {
    grid-template-rows: auto;
}

.lr-view-column-side {
    grid-template-rows: auto;
}

.lr-view-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    padding: 7px 8px;
    overflow: visible;
}

.lr-view-details-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
}

.lr-view-detail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2px;
    min-height: 44px;
    padding: 5px 6px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-view-detail.is-wide {
    grid-column: span 2;
}

.lr-view-detail strong,
.lr-view-party-row strong,
.lr-view-metric-card strong,
.lr-view-remark-card strong,
.lr-view-mini-meta strong,
.lr-view-timeline-meta-item strong,
.lr-view-timeline-remark strong {
    font-size: 0.72rem;
    line-height: 1.16;
    color: var(--text);
}

.lr-view-party-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    grid-auto-rows: minmax(0, 1fr);
}

.lr-view-card-booking,
.lr-view-card-parties,
.lr-view-card-charges,
.lr-view-card-timeline {
    flex: none;
    min-height: auto;
}

.lr-view-card-booking .lr-view-card-head,
.lr-view-card-parties .lr-view-card-head,
.lr-view-card-charges .lr-view-card-head,
.lr-view-card-timeline .lr-view-card-head {
    flex-shrink: 0;
}

.lr-view-card-booking .lr-view-details-grid,
.lr-view-card-parties .lr-view-party-grid,
.lr-view-card-charges .lr-view-charge-list,
.lr-view-card-timeline .lr-view-timeline {
    flex: none;
    min-height: auto;
    overflow: visible;
    align-content: start;
    padding-right: 0;
}

.lr-view-card-booking .lr-view-details-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-auto-rows: minmax(44px, max-content);
}

.lr-view-detail-value {
    display: block;
    width: 100%;
    font-size: 0.72rem;
    line-height: 1.14;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.lr-view-card-parties .lr-view-party-grid {
    max-height: none;
}

.lr-view-party-card {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: auto;
    overflow: visible;
    padding: 6px 7px;
    border-radius: 14px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-view-party-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lr-view-party-head h4 {
    margin: 0;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--variant-strong);
}

.lr-view-party-head strong {
    font-size: 0.78rem;
    line-height: 1.12;
}

.lr-view-party-list {
    display: grid;
    gap: 4px;
}

.lr-view-party-row {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.lr-view-materials-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.46fr) minmax(228px, 0.54fr);
    gap: 6px;
    flex: none;
    min-height: auto;
}

.lr-view-table-shell .data-table-compact th,
.lr-view-table-shell .data-table-compact td {
    padding: 5px 6px;
    font-size: 0.72rem;
}

.lr-view-table-shell {
    min-height: auto;
    max-height: none;
    overflow: visible;
}

.lr-view-side-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: auto;
}

.lr-view-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.lr-view-metric-card,
.lr-view-remark-card {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 40px;
    padding: 5px 6px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-view-remarks-grid {
    display: grid;
    gap: 4px;
}

.lr-view-charge-list {
    display: grid;
    gap: 4px;
}

.lr-view-charge-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 6px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-view-charge-row strong {
    font-size: 0.72rem;
    color: var(--text);
}

.lr-view-charge-row.is-highlight {
    background: rgba(233, 244, 251, 0.96);
    border-color: rgba(24, 90, 142, 0.28);
}

.lr-view-charge-row.is-grand {
    background: linear-gradient(180deg, rgba(255, 237, 232, 0.98), rgba(255, 255, 255, 0.96));
    border-color: rgba(216, 87, 85, 0.28);
}

.lr-view-charge-row.is-grand strong {
    font-size: 0.8rem;
    color: var(--accent-strong);
}

.lr-view-timeline {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    min-height: 0;
}

.lr-view-timeline-item {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 6px;
}

.lr-view-timeline-rail {
    position: relative;
    display: flex;
    justify-content: center;
}

.lr-view-timeline-marker {
    position: relative;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin-top: 8px;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.98);
}

.lr-view-timeline-line {
    position: absolute;
    top: 0;
    bottom: -6px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: rgba(188, 208, 221, 0.94);
}

.lr-view-timeline-item:last-child .lr-view-timeline-line {
    display: none;
}

.lr-view-timeline-card {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 14px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-view-timeline-item.is-current .lr-view-timeline-card {
    border-color: rgba(31, 138, 76, 0.24);
    background: linear-gradient(180deg, rgba(235, 249, 239, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-view-timeline-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    flex-wrap: wrap;
}

.lr-view-timeline-date {
    font-size: 0.72rem;
    color: var(--text);
}

.lr-view-timeline-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
}

.lr-view-timeline-meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lr-view-timeline-movement {
    padding: 4px 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px dashed rgba(188, 208, 221, 0.94);
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--text);
}

.lr-view-timeline-remark {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.lr-view-empty-state {
    padding: 20px 14px;
    border-radius: 16px;
    border: 1px dashed rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.82);
    text-align: center;
    color: var(--text-soft);
    font-size: 0.9rem;
    font-weight: 700;
}

.lr-status-modal-card {
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.lr-status-toolbar {
    align-items: center;
}

.lr-status-screen-dashboard {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.lr-status-screen-dashboard,
.lr-status-screen-dashboard * {
    box-sizing: border-box;
}

.lr-inquiry-screen {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 6px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.lr-inquiry-panel-stack {
    position: relative;
    min-height: 0;
    flex: 1;
}

.lr-inquiry-panel {
    position: absolute;
    inset: 0;
    min-height: 0;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

.lr-inquiry-panel.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.lr-inquiry-banner {
    display: grid;
    grid-template-columns: minmax(0, 1.92fr) minmax(292px, 0.66fr);
    gap: 6px;
    align-items: stretch;
    min-width: 0;
}

.lr-inquiry-banner-main,
.lr-inquiry-card,
.lr-inquiry-metric-card,
.lr-inquiry-summary-meta,
.lr-inquiry-fact-cell,
.lr-inquiry-timeline-card,
.lr-inquiry-ops-tile {
    border-radius: 14px;
    border: 1px solid rgba(181, 204, 218, 0.96);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 8px 20px rgba(16, 48, 71, 0.08);
}

.lr-inquiry-banner-main {
    display: grid;
    gap: 4px;
    padding: 6px 8px;
    min-width: 0;
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-inquiry-kicker,
.lr-inquiry-badge span,
.lr-inquiry-metric-card span,
.lr-inquiry-card-head span,
.lr-inquiry-fact-cell span,
.lr-inquiry-summary-meta span,
.lr-inquiry-timeline-stage-block span,
.lr-inquiry-timeline-meta span,
.lr-inquiry-ops-tile span,
.lr-inquiry-qr-copy span {
    font-size: 0.55rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-soft);
}

.lr-inquiry-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.lr-inquiry-number {
    font-size: 1rem;
    line-height: 1.05;
    color: var(--variant-strong);
}

.lr-inquiry-route,
.lr-inquiry-booked {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text);
}

.lr-inquiry-route {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lr-inquiry-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.lr-inquiry-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(240, 247, 252, 0.96);
    border: 1px solid rgba(188, 208, 221, 0.94);
}

.lr-inquiry-badge .lr-view-status-pill {
    min-height: 22px;
    padding: 3px 8px;
}

.lr-inquiry-money-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    min-width: 0;
}

.lr-inquiry-metric-card {
    display: flex;
    min-height: 46px;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px;
    padding: 5px 7px;
    min-width: 0;
}

.lr-inquiry-metric-card strong,
.lr-inquiry-summary-meta strong,
.lr-inquiry-fact-cell strong,
.lr-inquiry-qr-copy strong,
.lr-inquiry-timeline-title,
.lr-inquiry-timeline-meta strong,
.lr-inquiry-ops-tile strong {
    display: block;
    font-size: 0.7rem;
    line-height: 1.14;
    color: var(--text);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.lr-inquiry-metric-card.is-money {
    background: linear-gradient(180deg, rgba(244, 249, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-inquiry-metric-card.is-total {
    background: linear-gradient(180deg, rgba(255, 238, 234, 0.98), rgba(255, 255, 255, 0.96));
    border-color: rgba(216, 87, 85, 0.3);
}

.lr-inquiry-metric-card.is-total strong {
    color: var(--accent-strong);
    font-size: 0.82rem;
}

.lr-inquiry-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr) minmax(200px, 0.68fr);
    grid-template-rows: minmax(0, 0.98fr) minmax(0, 1.02fr);
    grid-template-areas:
        "booking parties charges"
        "consignment consignment charges";
    gap: 6px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.lr-inquiry-card {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 6px 7px;
}

.lr-inquiry-card-booking {
    grid-area: booking;
}

.lr-inquiry-card-parties {
    grid-area: parties;
}

.lr-inquiry-card-charges {
    grid-area: charges;
}

.lr-inquiry-card-consignment {
    grid-area: consignment;
}

.lr-inquiry-card-timeline {
    grid-area: timeline;
}

.lr-inquiry-card-head,
.lr-inquiry-subcard-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 16px;
}

.lr-inquiry-card-head h3,
.lr-inquiry-subcard-head h4 {
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.1;
    color: var(--text);
}

.lr-inquiry-fact-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    min-width: 0;
}

.lr-inquiry-fact-cell,
.lr-inquiry-summary-meta {
    display: flex;
    min-height: 31px;
    flex-direction: column;
    gap: 2px;
    padding: 4px 5px;
    min-width: 0;
    background: rgba(242, 248, 252, 0.92);
}

.lr-inquiry-fact-cell strong,
.lr-inquiry-summary-meta strong {
    max-height: calc(1.14em * 2);
    overflow: hidden;
}

.lr-inquiry-fact-cell.is-wide {
    grid-column: span 2;
}

.lr-inquiry-party-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    min-width: 0;
}

.lr-inquiry-party-grid .lr-status-party-panel {
    gap: 3px;
    padding: 5px;
}

.lr-inquiry-party-grid .lr-status-party-panel-head h4 {
    font-size: 0.58rem;
}

.lr-inquiry-party-grid .lr-status-party-panel-head strong {
    font-size: 0.68rem;
}

.lr-inquiry-party-grid .lr-status-party-detail {
    min-height: 28px;
    padding: 3px 4px;
}

.lr-inquiry-party-grid .lr-status-party-detail strong {
    font-size: 0.61rem;
}

.lr-inquiry-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.lr-inquiry-charge-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    align-content: start;
    min-width: 0;
}

.lr-inquiry-charge-grid .lr-status-charge-list-row {
    min-height: 22px;
}

.lr-inquiry-qr-inline {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 6px;
    align-items: center;
    padding: 4px 5px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-inquiry-qr-frame {
    min-height: 54px;
    padding: 3px;
}

.lr-inquiry-consignment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(214px, 0.5fr);
    gap: 6px;
    min-height: 0;
}

.lr-inquiry-material-column,
.lr-inquiry-side-column {
    display: grid;
    gap: 6px;
    min-height: 0;
}

.lr-inquiry-metric-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
}

.lr-inquiry-subcard {
    display: grid;
    gap: 5px;
    padding: 5px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-inquiry-fact-stack,
.lr-inquiry-ops-grid {
    display: grid;
    gap: 4px;
}

.lr-inquiry-ops-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lr-inquiry-ops-tile {
    display: flex;
    min-height: 30px;
    flex-direction: column;
    gap: 2px;
    padding: 4px 5px;
    background: rgba(255, 255, 255, 0.92);
    min-width: 0;
}

.lr-inquiry-ops-tile.is-linked {
    border-color: rgba(31, 138, 76, 0.18);
}

.lr-inquiry-ops-link,
.lr-inquiry-timeline-link,
.lr-inquiry-timeline-number {
    color: var(--variant-strong);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.15;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.lr-inquiry-ops-link:hover,
.lr-inquiry-timeline-link:hover,
.lr-inquiry-timeline-number:hover {
    color: var(--accent-strong);
}

.lr-inquiry-card-timeline {
    overflow: hidden;
}

.lr-inquiry-timeline-dashboard {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    min-height: 0;
}

.lr-inquiry-card-timeline-view {
    height: 100%;
    min-height: 0;
}

.lr-inquiry-timeline-sections {
    display: grid;
    gap: 10px;
    min-height: 0;
}

.lr-inquiry-timeline-section {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.lr-inquiry-timeline-section h4 {
    margin: 0;
    font-size: 0.82rem;
    color: var(--text);
}

.lr-inquiry-card-head-inline {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.lr-inquiry-timeline-summary-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
}

.lr-inquiry-timeline-list {
    display: grid;
    gap: 4px;
    align-content: start;
    min-width: 0;
    min-height: 0;
}

.lr-inquiry-timeline-card {
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.12fr);
    gap: 6px;
    align-items: center;
    padding: 4px 6px;
    min-width: 0;
    background: rgba(242, 248, 252, 0.92);
}

.lr-inquiry-timeline-card.is-linked {
    border-color: rgba(31, 138, 76, 0.18);
    background: linear-gradient(180deg, rgba(246, 251, 247, 0.98), rgba(242, 248, 252, 0.92));
}

.lr-inquiry-timeline-card.is-pending {
    border-style: dashed;
}

.lr-inquiry-timeline-topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    min-width: 0;
}

.lr-inquiry-timeline-stage-block {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.lr-inquiry-timeline-status {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(255, 255, 255, 0.9);
    font-size: 0.57rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.lr-inquiry-timeline-meta-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.lr-inquiry-timeline-meta {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.lr-inquiry-timeline-number.static {
    color: var(--text);
    text-decoration: none;
}

.lr-inquiry-timeline-table-shell {
    min-height: 0;
}

.lr-inquiry-timeline-table td:nth-child(6),
.lr-inquiry-timeline-table td:nth-child(7),
.lr-inquiry-timeline-table td:nth-child(8),
.lr-inquiry-timeline-table th:nth-child(6),
.lr-inquiry-timeline-table th:nth-child(7),
.lr-inquiry-timeline-table th:nth-child(8) {
    text-align: center;
}

.lr-inquiry-timeline-event-row td:nth-child(9),
.lr-inquiry-timeline-event-row td:nth-child(10) {
    max-width: 200px;
}

.lr-status-summary-row {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
}

.lr-status-summary-card {
    display: flex;
    min-height: 40px;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px;
    padding: 5px 7px;
    border-radius: 14px;
    border: 1px solid rgba(181, 204, 218, 0.96);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 8px 20px rgba(16, 48, 71, 0.08);
    min-width: 0;
}

.lr-status-summary-card span,
.lr-status-section-note,
.lr-status-fact-compact span,
.lr-status-remark-chip span,
.lr-status-party-detail span,
.lr-status-metric-badge span,
.lr-status-charge-list-row span,
.lr-status-timeline-meta span,
.lr-status-timeline-remark-line span,
.lr-status-qr-copy span {
    font-size: 0.56rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-soft);
}

.lr-status-summary-card strong,
.lr-status-fact-compact strong,
.lr-status-remark-chip strong,
.lr-status-party-panel-head strong,
.lr-status-party-detail strong,
.lr-status-metric-badge strong,
.lr-status-charge-list-row strong,
.lr-status-timeline-meta strong,
.lr-status-timeline-head strong,
.lr-status-timeline-remark-line strong,
.lr-status-qr-copy strong {
    display: block;
    overflow: hidden;
    color: var(--text);
    line-height: 1.14;
    overflow-wrap: anywhere;
    word-break: break-word;
    min-width: 0;
    max-width: 100%;
}

.lr-status-summary-card strong {
    font-size: 0.7rem;
    max-height: calc(1.14em * 2);
}

.lr-status-summary-card.is-key {
    background: linear-gradient(180deg, rgba(231, 245, 255, 0.98), rgba(255, 255, 255, 0.96));
    border-color: rgba(46, 123, 184, 0.28);
}

.lr-status-summary-card.is-money {
    background: linear-gradient(180deg, rgba(244, 249, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-status-summary-card.is-total {
    background: linear-gradient(180deg, rgba(255, 238, 234, 0.98), rgba(255, 255, 255, 0.96));
    border-color: rgba(216, 87, 85, 0.3);
}

.lr-status-summary-card.is-key strong,
.lr-status-summary-card.is-total strong {
    font-size: 0.78rem;
}

.lr-status-summary-card.is-total strong {
    color: var(--accent-strong);
}

.lr-status-summary-card.is-status {
    justify-content: flex-start;
}

.lr-status-summary-card .lr-view-status-pill {
    min-height: 24px;
    padding: 4px 8px;
}

.lr-status-summary-card .lr-view-status-pill strong,
.lr-status-inline-pills .lr-view-status-pill strong,
.lr-status-timeline-head .lr-view-status-pill strong {
    display: block;
    overflow: visible;
    font-size: 0.62rem;
    line-height: 1.1;
    max-height: none;
}

.lr-status-main-dashboard {
    display: grid;
    flex: 1;
    min-height: 0;
    gap: 4px;
    width: 100%;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr) minmax(240px, 0.88fr);
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "overview parties charges"
        "materials timeline charges";
}

.lr-status-main-dashboard > * {
    min-width: 0;
}

.lr-status-section-overview {
    grid-area: overview;
}

.lr-status-section-parties {
    grid-area: parties;
}

.lr-status-section-materials {
    grid-area: materials;
}

.lr-status-section-charges {
    grid-area: charges;
}

.lr-status-section-timeline {
    grid-area: timeline;
}

.lr-status-main-dashboard .lr-status-section {
    gap: 4px;
    padding: 6px 7px;
    border-radius: 14px;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}

.lr-status-section-head {
    min-height: 20px;
}

.lr-status-section-head h3 {
    margin: 0;
    font-size: 0.76rem;
}

.lr-status-inline-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.lr-status-compact-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
}

.lr-status-fact-compact,
.lr-status-remark-chip,
.lr-status-metric-badge,
.lr-status-charge-list-row,
.lr-status-timeline-entry,
.lr-status-party-detail {
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
    min-width: 0;
}

.lr-status-fact-compact {
    display: flex;
    min-height: 34px;
    flex-direction: column;
    gap: 2px;
    padding: 4px 5px;
}

.lr-status-fact-compact strong {
    font-size: 0.66rem;
    max-height: calc(1.14em * 2);
}

.lr-status-remarks-inline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
}

.lr-status-compact-grid > *,
.lr-status-remarks-inline > *,
.lr-status-party-panels > *,
.lr-status-party-detail-grid > *,
.lr-status-material-metrics > *,
.lr-status-timeline-compact > *,
.lr-status-timeline-grid > * {
    min-width: 0;
}

.lr-status-remark-chip {
    display: flex;
    min-height: 36px;
    flex-direction: column;
    gap: 2px;
    padding: 4px 5px;
}

.lr-status-remark-chip strong {
    font-size: 0.65rem;
    max-height: calc(1.14em * 2);
}

.lr-status-party-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
}

.lr-status-party-panel {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 4px;
    padding: 6px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
    min-width: 0;
}

.lr-status-party-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.lr-status-party-panel-head h4 {
    margin: 0 0 2px;
    font-size: 0.64rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--variant-strong);
}

.lr-status-party-panel-head strong {
    font-size: 0.72rem;
    max-height: calc(1.14em * 2);
}

.lr-status-address-chip {
    flex-shrink: 0;
    padding: 4px 7px;
    border-radius: 999px;
    border: 1px solid rgba(168, 191, 207, 0.9);
    background: rgba(255, 255, 255, 0.9);
    color: var(--variant-strong);
    font-size: 0.57rem;
    font-weight: 800;
    cursor: help;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.lr-status-address-chip.is-disabled {
    cursor: default;
    color: var(--text-soft);
}

.lr-status-party-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.lr-status-party-detail {
    display: flex;
    min-height: 32px;
    flex-direction: column;
    gap: 2px;
    padding: 4px 5px;
}

.lr-status-party-detail strong {
    font-size: 0.64rem;
    max-height: calc(1.14em * 2);
}

.lr-status-material-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
}

.lr-status-metric-badge {
    display: flex;
    min-height: 32px;
    flex-direction: column;
    gap: 2px;
    padding: 4px 5px;
}

.lr-status-metric-badge strong {
    font-size: 0.64rem;
    max-height: calc(1.14em * 2);
}

.lr-status-data-table-compact th,
.lr-status-data-table-compact td {
    padding: 3px 4px;
    font-size: 0.63rem;
    line-height: 1.12;
}

.lr-status-data-table-compact td {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.lr-status-collapsed-note {
    font-size: 0.64rem;
    font-weight: 700;
    color: var(--text-soft);
    text-align: center;
    background: rgba(247, 250, 253, 0.96);
}

.lr-status-charges-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: 6px;
    align-items: start;
    width: 100%;
}

.lr-status-qr-mini {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 5px 6px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-status-qr-frame {
    display: grid;
    min-height: 58px;
    place-items: center;
    padding: 4px;
    border-radius: 10px;
    border: 1px dashed rgba(24, 90, 142, 0.28);
    background: rgba(255, 255, 255, 0.92);
}

.lr-status-qr-image {
    width: 50px;
    height: 50px;
    display: block;
    max-width: 100%;
    object-fit: contain;
}

.lr-status-qr-placeholder {
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--text-soft);
}

.lr-status-qr-copy strong {
    font-size: 0.62rem;
    max-height: calc(1.14em * 2);
}

.lr-status-charge-list-view {
    display: grid;
    gap: 3px;
    align-content: start;
    min-width: 0;
    width: 100%;
}

.lr-status-charge-list-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 24px;
    padding: 4px 6px;
    border-radius: 10px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
    min-width: 0;
}

.lr-status-charge-list-row span {
    min-width: 0;
}

.lr-status-charge-list-row strong {
    display: block;
    min-width: 72px;
    max-width: 100%;
    max-height: none;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 0.68rem;
    color: var(--text);
}

.lr-status-charge-list-row.is-highlight {
    border-color: rgba(24, 90, 142, 0.34);
    background: rgba(228, 242, 251, 0.94);
}

.lr-status-charge-list-row.is-total {
    border-color: rgba(216, 87, 85, 0.3);
    background: linear-gradient(180deg, rgba(255, 237, 232, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-status-charge-list-row.is-total strong {
    color: var(--accent-strong);
    font-size: 0.74rem;
}

.lr-status-document-list {
    display: grid;
    gap: 4px;
    align-content: start;
    width: 100%;
}

.lr-status-document-item {
    display: grid;
    gap: 4px;
    padding: 6px;
    border-radius: 12px;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(242, 248, 252, 0.92);
}

.lr-status-document-item.is-linked {
    border-color: rgba(31, 138, 76, 0.18);
    background: linear-gradient(180deg, rgba(246, 251, 247, 0.98), rgba(242, 248, 252, 0.92));
}

.lr-status-document-item.is-pending {
    border-style: dashed;
}

.lr-status-document-topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.lr-status-document-stage,
.lr-status-document-state,
.lr-status-document-meta,
.lr-status-document-note {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.lr-status-document-stage span,
.lr-status-document-state span,
.lr-status-document-meta span,
.lr-status-document-note span {
    font-size: 0.56rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-soft);
}

.lr-status-document-link,
.lr-status-document-number-link {
    color: var(--variant-strong);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.lr-status-document-link:hover,
.lr-status-document-number-link:hover {
    color: var(--accent-strong);
}

.lr-status-document-title,
.lr-status-document-number,
.lr-status-document-meta strong,
.lr-status-document-note strong {
    display: block;
    color: var(--text);
    font-size: 0.68rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.lr-status-document-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.61rem;
    font-weight: 800;
    line-height: 1.1;
    border: 1px solid rgba(188, 208, 221, 0.94);
    background: rgba(255, 255, 255, 0.9);
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.lr-status-document-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.lr-status-timeline-compact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    align-content: start;
    width: 100%;
}

.lr-status-timeline-entry {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 3px;
    padding: 5px;
}

.lr-status-timeline-entry.is-current,
.lr-status-section-timeline.is-attention {
    border-color: rgba(31, 138, 76, 0.26);
    background: linear-gradient(180deg, rgba(235, 249, 239, 0.98), rgba(255, 255, 255, 0.96));
}

.lr-status-timeline-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.lr-status-timeline-head strong {
    font-size: 0.61rem;
    max-height: calc(1.1em * 1);
}

.lr-status-timeline-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.lr-status-timeline-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lr-status-timeline-meta strong {
    font-size: 0.6rem;
    max-height: calc(1.14em * 2);
}

.lr-status-timeline-remark-line {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 4px;
    border-top: 1px dashed rgba(188, 208, 221, 0.94);
}

.lr-status-timeline-remark-line strong {
    font-size: 0.6rem;
    max-height: calc(1.14em * 2);
}

.lr-status-timeline-overflow-note {
    grid-column: 1 / -1;
    padding: 4px 6px;
    border-radius: 10px;
    border: 1px dashed rgba(188, 208, 221, 0.94);
    background: rgba(247, 250, 253, 0.96);
    font-size: 0.63rem;
    font-weight: 700;
    color: var(--text-soft);
    text-align: center;
}

@media (max-width: 1680px) {
    .lr-inquiry-banner {
        grid-template-columns: minmax(0, 1fr);
    }

    .lr-inquiry-money-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lr-inquiry-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "booking charges"
            "parties charges"
            "consignment charges";
    }

    .lr-inquiry-timeline-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .lr-status-summary-row {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lr-status-main-dashboard {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.2fr);
        grid-template-areas:
            "overview charges"
            "parties charges"
            "materials timeline";
    }
}

@media (max-width: 1366px) {
    .lr-inquiry-number {
        font-size: 0.92rem;
    }

    .lr-inquiry-route,
    .lr-inquiry-booked,
    .lr-inquiry-metric-card strong,
    .lr-inquiry-summary-meta strong,
    .lr-inquiry-fact-cell strong,
    .lr-inquiry-qr-copy strong,
    .lr-inquiry-timeline-title,
    .lr-inquiry-timeline-meta strong,
    .lr-inquiry-ops-tile strong {
        font-size: 0.64rem;
    }

    .lr-inquiry-card-head h3,
    .lr-inquiry-subcard-head h4 {
        font-size: 0.68rem;
    }

    .lr-inquiry-fact-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lr-inquiry-metric-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lr-inquiry-summary-grid,
    .lr-inquiry-party-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lr-inquiry-consignment-layout {
        grid-template-columns: minmax(0, 1.32fr) minmax(188px, 0.52fr);
    }

    .lr-inquiry-timeline-card {
        gap: 4px;
        padding: 4px 5px;
    }

    .lr-status-modal-card {
        width: calc(100vw - 8px);
        height: calc(100vh - 8px);
        height: calc(100dvh - 8px);
        max-height: calc(100vh - 8px);
        max-height: calc(100dvh - 8px);
        padding: 8px 10px;
    }

    .lr-status-summary-row {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lr-status-compact-grid,
    .lr-status-material-metrics,
    .lr-status-timeline-compact,
    .lr-status-document-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lr-status-charges-top {
        grid-template-columns: minmax(0, 1fr) 110px;
    }
}

@media (max-width: 1680px) {
    .lr-view-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1380px) {
    .lr-view-top,
    .lr-view-content,
    .lr-view-materials-layout {
        grid-template-columns: 1fr;
    }

    .lr-view-qr-panel {
        order: -1;
    }

    .lr-view-details-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lr-view-card-booking .lr-view-details-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lr-view-timeline-meta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .lr-status-modal-card {
        width: calc(100vw - 14px);
        height: calc(100vh - 14px);
        height: calc(100dvh - 14px);
        max-height: calc(100vh - 14px);
        max-height: calc(100dvh - 14px);
        padding: 12px;
    }

    .lr-status-body {
        overflow: auto;
    }

    .lr-view-dashboard {
        min-height: auto;
    }

    .lr-view-summary-grid,
    .lr-view-details-grid,
    .lr-view-party-grid,
    .lr-view-metric-grid {
        grid-template-columns: 1fr;
    }

    .lr-view-card-booking .lr-view-details-grid {
        grid-template-columns: 1fr;
    }

    .lr-view-summary-tile,
    .lr-view-detail,
    .lr-view-metric-card,
    .lr-view-remark-card {
        min-height: auto;
    }
}

.app-shell-dashboard {
    gap: 12px;
}

.dashboard-shell {
    display: flex;
    flex: 1;
    min-height: 0;
    flex-direction: column;
    gap: 12px;
    overflow: auto;
    padding-right: 4px;
}

.dashboard-welcome-panel,
.dashboard-command-panel,
.dashboard-widget,
.dashboard-notification-centre {
    padding: 12px 14px;
    flex-shrink: 0;
    min-height: max-content;
}

.dashboard-welcome-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
    gap: 14px;
    align-items: start;
}

.dashboard-welcome-copy {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dashboard-welcome-copy h1 {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 2rem;
    line-height: 1;
    color: #134b72;
}

.dashboard-welcome-subtitle {
    margin: 0;
    max-width: 960px;
    color: var(--text-soft);
    line-height: 1.55;
}

.dashboard-scope-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-pulse-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.dashboard-pulse-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 102px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(168, 192, 209, 0.82);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-soft);
}

.dashboard-pulse-card span {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6a7f92;
}

.dashboard-pulse-card strong {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 1.46rem;
    line-height: 1.05;
    color: #113d5d;
}

.dashboard-pulse-card p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.45;
}

.dashboard-pulse-card.tone-money strong,
.dashboard-pulse-card.tone-success strong {
    color: var(--success);
}

.dashboard-pulse-card.tone-warning strong {
    color: var(--warning);
}

.dashboard-pulse-card.tone-accent strong,
.dashboard-pulse-card.tone-primary strong {
    color: #1c6aa3;
}

.dashboard-scope-pill,
.dashboard-favorite-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(31, 92, 138, 0.16);
    background: rgba(235, 246, 252, 0.84);
    color: #1f5d84;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

.dashboard-welcome-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.dashboard-fact-card,
.dashboard-info-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6px;
    min-height: 92px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(167, 190, 205, 0.82);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-soft);
}

.dashboard-fact-card span,
.dashboard-kpi-card span,
.dashboard-pending-card span,
.dashboard-info-card span {
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6a7f92;
}

.dashboard-fact-card strong,
.dashboard-kpi-card strong,
.dashboard-pending-card strong,
.dashboard-info-card strong {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 1.4rem;
    color: #113d5d;
}

.dashboard-command-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
}

.dashboard-search-wrap {
    flex: 1;
    min-width: 0;
}

.dashboard-search-field {
    margin: 0;
}

.dashboard-search-box {
    position: relative;
}

.dashboard-search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid rgba(164, 189, 207, 0.92);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 28px rgba(23, 53, 77, 0.14);
}

.dashboard-search-result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: rgba(244, 249, 252, 0.92);
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

.dashboard-search-result:hover,
.dashboard-search-result:focus-visible {
    border-color: rgba(24, 90, 142, 0.28);
    background: rgba(234, 245, 252, 0.98);
    outline: none;
}

.dashboard-search-result-type {
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #266f9d;
}

.dashboard-search-result strong {
    font-size: 0.95rem;
}

.dashboard-search-result small,
.dashboard-search-empty {
    color: var(--text-soft);
}

.dashboard-search-empty {
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(244, 249, 252, 0.92);
    font-size: 0.9rem;
}

.dashboard-command-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.dashboard-main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 12px;
    min-height: 0;
    overflow: visible;
    align-content: start;
    padding-right: 0;
}

.dashboard-widget {
    display: flex;
    flex-direction: column;
    align-content: start;
    gap: 14px;
    width: 100%;
    overflow: hidden;
}

.dashboard-widget .panel-head,
.dashboard-notification-centre .panel-head {
    flex-wrap: wrap;
}

.dashboard-notification-centre {
    display: grid;
    gap: 14px;
}

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

.dashboard-kpi-groups,
.dashboard-activity-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.dashboard-kpi-group,
.dashboard-activity-card,
.dashboard-chart-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(168, 192, 209, 0.82);
    background: rgba(248, 251, 253, 0.92);
}

.dashboard-kpi-head h3,
.dashboard-chart-head h3,
.dashboard-activity-head h3,
.dashboard-resource-card h3,
.dashboard-notice-head h3,
.dashboard-quick-action-copy h3 {
    margin: 0;
    font-size: 1.02rem;
    color: #123f61;
}

.dashboard-kpi-grid,
.dashboard-alert-grid,
.dashboard-pending-grid,
.dashboard-info-grid,
.dashboard-resource-grid,
.dashboard-chart-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

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

.dashboard-kpi-card,
.dashboard-alert-card,
.dashboard-pending-card,
.dashboard-info-card,
.dashboard-resource-card,
.dashboard-notice-card {
    min-width: 0;
}

.dashboard-kpi-card,
.dashboard-pending-card,
.dashboard-info-card {
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(171, 194, 209, 0.84);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: var(--shadow-soft);
}

.dashboard-kpi-card p,
.dashboard-pending-card p,
.dashboard-info-card p,
.dashboard-resource-card p,
.dashboard-notice-card p,
.dashboard-quick-action-copy p,
.dashboard-alert-card p,
.dashboard-chart-head p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.5;
}

.dashboard-kpi-card.tone-money strong,
.dashboard-kpi-card.tone-success strong,
.dashboard-pending-card.priority-neutral strong,
.dashboard-info-card.tone-success strong {
    color: var(--success);
}

.dashboard-kpi-card.tone-warning strong,
.dashboard-pending-card.priority-warning strong {
    color: var(--warning);
}

.dashboard-kpi-card.tone-accent strong,
.dashboard-kpi-card.tone-primary strong,
.dashboard-info-card.tone-accent strong {
    color: #1c6aa3;
}

.dashboard-alert-card,
.dashboard-pending-card {
    text-decoration: none;
}

.dashboard-alert-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 126px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(171, 194, 209, 0.84);
    background: rgba(255, 255, 255, 0.96);
    color: inherit;
    box-shadow: var(--shadow-soft);
}

.dashboard-alert-card:hover,
.dashboard-pending-card:hover,
.dashboard-resource-card:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow);
}

.dashboard-alert-count {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 1.55rem;
    color: #123f61;
}

.dashboard-alert-card strong,
.dashboard-pending-card strong,
.dashboard-resource-card strong {
    font-size: 1rem;
}

.dashboard-alert-card.severity-critical {
    border-color: rgba(203, 74, 79, 0.3);
    background: rgba(255, 241, 241, 0.96);
}

.dashboard-alert-card.severity-warning {
    border-color: rgba(190, 122, 21, 0.28);
    background: rgba(255, 247, 231, 0.96);
}

.dashboard-alert-card.severity-accent,
.dashboard-alert-card.severity-primary {
    background: rgba(236, 246, 252, 0.96);
}

.dashboard-pending-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 114px;
}

.dashboard-pending-card.priority-critical {
    border-color: rgba(203, 74, 79, 0.3);
}

.dashboard-pending-card.priority-warning {
    border-color: rgba(190, 122, 21, 0.28);
}

.dashboard-favorites-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.dashboard-quick-action {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(171, 194, 209, 0.84);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-soft);
}

.dashboard-quick-action.is-favorite {
    border-color: rgba(24, 90, 142, 0.28);
    background: linear-gradient(180deg, rgba(232, 245, 255, 0.78), rgba(255, 255, 255, 0.98));
}

.dashboard-quick-action.is-disabled {
    opacity: 0.76;
}

.dashboard-quick-action-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.dashboard-quick-action-icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(233, 245, 253, 0.94);
    color: #1c6aa3;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.dashboard-favorite-toggle {
    border: 0;
    background: transparent;
    color: #c48c2b;
    font-size: 1.15rem;
    cursor: pointer;
}

.dashboard-favorite-toggle:focus-visible {
    outline: 2px solid var(--focus-blue);
    outline-offset: 2px;
    border-radius: 8px;
}

.dashboard-quick-action-lock {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text-soft);
}

.dashboard-bar-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-bar-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dashboard-bar-meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    font-size: 0.88rem;
}

.dashboard-bar-track {
    height: 11px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(226, 236, 243, 0.94);
}

.dashboard-bar-fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #7ec7ef, #1c6aa3);
}

.dashboard-bar-fill.tone-medium {
    background: linear-gradient(90deg, #9ed7f4, #4d95c9);
}

.dashboard-bar-fill.tone-light {
    background: linear-gradient(90deg, #cae6f8, #8ec4e5);
}

.dashboard-activity-list,
.dashboard-notice-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-activity-item,
.dashboard-notice-card,
.dashboard-resource-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(171, 194, 209, 0.82);
    background: rgba(255, 255, 255, 0.95);
}

.dashboard-activity-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 4px;
}

.dashboard-activity-copy strong {
    font-size: 0.94rem;
}

.dashboard-activity-copy span,
.dashboard-activity-actions small,
.dashboard-notice-head span {
    color: var(--text-soft);
}

.dashboard-activity-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.dashboard-inline-action {
    min-width: 90px;
    justify-content: center;
}

.inline-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

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

.dashboard-resource-card.is-disabled {
    opacity: 0.8;
}

.dashboard-notice-card {
    flex-direction: column;
    align-items: stretch;
}

.dashboard-notice-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.dashboard-notice-card.level-success {
    border-color: rgba(31, 123, 93, 0.24);
}

.dashboard-notice-card.level-accent,
.dashboard-notice-card.level-primary {
    border-color: rgba(24, 90, 142, 0.22);
}

.dashboard-customize-card {
    width: min(760px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    padding: 18px;
    gap: 14px;
}

.dashboard-customize-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
}

.dashboard-customize-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(171, 194, 209, 0.82);
    background: rgba(248, 251, 253, 0.95);
}

.dashboard-customize-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

.dashboard-customize-actions {
    display: flex;
    gap: 8px;
}

.hr-master-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    align-items: start;
}

.hr-module-nav-panel,
.hr-module-workspace {
    display: grid;
    gap: 1rem;
}

.hr-module-nav-list {
    display: grid;
    gap: 0.6rem;
}

.hr-module-nav-button {
    justify-content: flex-start;
    gap: 0.7rem;
    text-align: left;
}

.hr-module-badge {
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background: rgba(41, 123, 177, 0.14);
    color: #184a72;
    font-weight: 800;
    font-size: 0.84rem;
}

.hr-module-head {
    align-items: center;
}

.hr-summary-strip {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.hr-form-grid {
    gap: 0.9rem;
}

.hr-form-section {
    padding: 0.85rem 1rem;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(110, 183, 219, 0.12), rgba(255, 255, 255, 0.96));
    border: 1px solid rgba(91, 147, 186, 0.2);
}

.hr-form-section > span {
    display: block;
    font-weight: 800;
    color: #163c61;
    margin-bottom: 0.2rem;
}

.hr-form-actions {
    margin-top: 0.85rem;
}

.hr-list-textarea {
    min-height: 6rem;
}

.hr-choice-grid {
    margin-top: 0.4rem;
}

.hr-table-actions {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.user-table-role-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.user-table-role-pill {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0.18rem 0.55rem;
    border: 1px solid rgba(35, 92, 142, 0.18);
    border-radius: 999px;
    color: #184a72;
    background: rgba(225, 239, 250, 0.86);
    font-size: 0.75rem;
    font-weight: 750;
    line-height: 1.15;
}

.user-table-role-pill.is-inactive {
    color: #7a4b17;
    border-color: rgba(177, 112, 31, 0.22);
    background: rgba(255, 241, 215, 0.88);
}

.hr-component-table td,
.hr-component-table th {
    vertical-align: top;
}

.operations-secondary-table .data-table tbody tr.is-selected {
    background: rgba(209, 234, 248, 0.48);
}

@media (max-width: 1480px) {
    .dashboard-widget[data-widget-id="alerts"],
    .dashboard-widget[data-widget-id="pending-work"],
    .dashboard-widget[data-widget-id="branch-performance"],
    .dashboard-widget[data-widget-id="recent-activity"] {
        grid-column: span 6;
    }

    .dashboard-widget[data-widget-id="employee-info"],
    .dashboard-widget[data-widget-id="downloads"],
    .dashboard-widget[data-widget-id="notice-board"] {
        grid-column: span 6;
    }

    .dashboard-kpi-grid,
    .dashboard-alert-grid,
    .dashboard-pending-grid,
    .dashboard-quick-actions-grid,
    .dashboard-notification-grid,
    .dashboard-pulse-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lr-inquiry-timeline-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .hr-master-layout {
        grid-template-columns: 1fr;
    }

    .user-permission-shell {
        grid-template-columns: 1fr;
    }

    .user-permission-nav {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .permission-restriction-grid,
    .user-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-welcome-panel,
    .dashboard-command-panel,
    .dashboard-chart-grid,
    .dashboard-resource-grid,
    .dashboard-pulse-grid,
    .lr-view-ribbon {
        grid-template-columns: 1fr;
    }

    .dashboard-widget {
        grid-column: 1 / -1 !important;
    }

    .dashboard-kpi-grid,
    .dashboard-alert-grid,
    .dashboard-pending-grid,
    .dashboard-info-grid,
    .dashboard-quick-actions-grid,
    .dashboard-notification-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lr-inquiry-card-head-inline {
        flex-direction: column;
        align-items: flex-start;
    }

    .lr-inquiry-timeline-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-main {
        overflow: visible;
    }
}

@media (max-width: 860px) {
    .permission-toolbar-card,
    .permission-section-head {
        flex-direction: column;
        align-items: stretch;
    }

    .user-permission-nav,
    .permission-restriction-grid,
    .user-form-grid {
        grid-template-columns: 1fr;
    }

    .permission-matrix-table tbody th {
        min-width: 170px;
    }

    .dashboard-command-panel,
    .dashboard-activity-item,
    .dashboard-resource-card,
    .dashboard-customize-row,
    .dashboard-notice-head {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-kpi-grid,
    .dashboard-alert-grid,
    .dashboard-pending-grid,
    .dashboard-info-grid,
    .dashboard-quick-actions-grid,
    .dashboard-welcome-facts,
    .dashboard-notification-grid,
    .dashboard-pulse-grid,
    .lr-view-ribbon {
        grid-template-columns: 1fr;
    }

    .dashboard-activity-actions {
        align-items: stretch;
    }
}

.app-shell-loading-sheet {
    overflow: auto;
}

.loading-sheet-shell {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: auto;
    overflow: visible;
    padding-right: 0;
    padding-bottom: 10px;
}

.loading-sheet-unified-header {
    display: grid;
    grid-template-columns: 1.1fr 1.25fr 1.05fr 1.25fr 1fr 0.85fr 0.95fr;
    gap: 10px;
    padding: 10px 12px;
    border-color: rgba(31, 117, 166, 0.24);
    background:
        linear-gradient(110deg, rgba(230, 246, 251, 0.96), rgba(255, 255, 255, 0.98) 58%),
        repeating-linear-gradient(90deg, transparent 0 42px, rgba(33, 126, 173, 0.025) 42px 43px);
}

@media (max-width: 1600px) {
    .loading-sheet-unified-header {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.loading-sheet-unified-header .field input {
    min-height: 38px;
}

.loading-sheet-unified-header input[readonly] {
    color: #46647a;
    background: rgba(236, 244, 249, 0.94);
    cursor: default;
}

.loading-sheet-register-panel {
    padding: 10px 12px;
}

.loading-sheet-register-filters {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    margin: 8px 0;
}

.loading-sheet-register-shell {
    max-height: 310px;
    overflow: auto;
    border: 1px solid rgba(158, 189, 209, 0.52);
    border-radius: 14px;
}

.loading-sheet-register-table {
    min-width: 1380px;
}

.loading-sheet-register-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.loading-sheet-register-table td small {
    display: block;
    margin-top: 2px;
    color: var(--text-soft);
}

.loading-sheet-row-export-actions,
.loading-sheet-register-pagination,
.loading-sheet-register-pagination > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.loading-sheet-row-export-actions {
    flex-wrap: nowrap;
}

.loading-sheet-register-pagination {
    justify-content: space-between;
    margin-top: 10px;
    color: var(--text-soft);
    font-size: 0.78rem;
}

.loading-sheet-register-pagination strong {
    min-width: 86px;
    color: var(--variant-strong);
    text-align: center;
}

.loading-sheet-lifecycle-modal-card {
    width: min(98vw, 1880px);
    height: min(94vh, 980px);
    max-width: none;
    max-height: none;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 8px;
    padding: 12px;
    overflow: hidden;
}

.loading-sheet-print-options-card {
    width: min(480px, calc(100vw - 36px));
    max-height: calc(100vh - 36px);
    gap: 14px;
    padding: 18px;
    overflow: auto;
}

#opsLhpvPrintOptionsModal.modal-shell {
    z-index: 1500;
}

.operations-lhpv-print-options-modal .loading-sheet-print-options-card {
    width: min(480px, calc(100vw - 36px));
}

.loading-sheet-print-options-help {
    margin: 0;
    color: var(--text-soft);
    font-size: 0.84rem;
    line-height: 1.45;
}

.loading-sheet-print-options-group {
    display: grid;
    gap: 9px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.loading-sheet-print-options-group legend {
    margin-bottom: 7px;
    color: var(--variant-strong);
    font-size: 0.78rem;
    font-weight: 850;
}

.loading-sheet-print-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px 13px;
    border: 1px solid rgba(158, 189, 209, 0.72);
    border-radius: 12px;
    background: #f8fcff;
    cursor: pointer;
}

.loading-sheet-print-option:has(input:checked) {
    border-color: #0d73ae;
    background: rgba(225, 242, 251, 0.92);
    box-shadow: 0 0 0 2px rgba(13, 115, 174, 0.1);
}

.loading-sheet-print-option:focus-within {
    outline: 2px solid rgba(13, 115, 174, 0.36);
    outline-offset: 2px;
}

.loading-sheet-print-option input {
    margin: 3px 0 0;
    accent-color: #0d73ae;
}

.loading-sheet-print-option strong,
.loading-sheet-print-option small {
    display: block;
}

.loading-sheet-print-option strong {
    color: var(--variant-strong);
    font-size: 0.88rem;
}

.loading-sheet-print-option small {
    margin-top: 3px;
    color: var(--text-soft);
    font-size: 0.75rem;
    line-height: 1.35;
}

.loading-sheet-print-options-actions {
    justify-content: flex-end;
    margin-top: 0;
}

.loading-sheet-discrepancy-card {
    width: min(96vw, 1500px);
    max-width: none;
    max-height: 90vh;
    display: grid;
    gap: 10px;
    padding: 14px;
    overflow: hidden;
}

.loading-sheet-discrepancy-choice {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.loading-sheet-discrepancy-choice button {
    min-height: 42px;
    border: 1px solid #b9cfdd;
    border-radius: 10px;
    background: #f6fafc;
    color: #244c65;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.loading-sheet-discrepancy-choice button.is-active {
    border-color: #0d73ae;
    color: #fff;
    background: linear-gradient(135deg, #0d73ae, #085783);
    box-shadow: 0 8px 20px rgba(13, 115, 174, .2);
}

.loading-sheet-discrepancy-help { margin: 0; color: var(--text-soft); font-size: .78rem; }
.loading-sheet-discrepancy-table-shell { max-height: min(55vh, 520px); overflow: auto; }
.loading-sheet-discrepancy-table-shell table { min-width: 1100px; }
.loading-sheet-discrepancy-table-shell th { position: sticky; top: 0; z-index: 2; }
.loading-sheet-discrepancy-table-shell input,
.loading-sheet-discrepancy-table-shell select { width: 100%; min-height: 34px; padding: 5px 7px; border: 1px solid #bfd3df; border-radius: 7px; background: var(--look-card, #fff); }
.loading-sheet-discrepancy-table-shell tr.is-discrepancy td { background: #fff6e8; }

.loading-sheet-lifecycle-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
}

.loading-sheet-lifecycle-summary article {
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid rgba(156, 188, 209, 0.48);
    border-radius: 11px;
    background: linear-gradient(180deg, #f8fcff, #eef7fc);
}

.loading-sheet-lifecycle-summary span,
.loading-sheet-lifecycle-summary strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loading-sheet-lifecycle-summary span {
    color: var(--text-soft);
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.loading-sheet-lifecycle-summary strong {
    margin-top: 2px;
    color: #123f61;
    font-size: 0.82rem;
}

.loading-sheet-lifecycle-layout {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 3.25fr) minmax(300px, 1fr);
    gap: 8px;
}

.loading-sheet-lifecycle-items-panel,
.loading-sheet-lifecycle-side {
    min-width: 0;
    min-height: 0;
}

.loading-sheet-lifecycle-items-panel {
    display: flex;
    flex-direction: column;
    padding: 8px;
}

.loading-sheet-lifecycle-items-shell {
    flex: 1;
    overflow: auto;
}

.loading-sheet-lifecycle-items-shell table {
    min-width: 1120px;
}

.loading-sheet-lifecycle-items-shell th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.loading-sheet-lifecycle-items-shell input[type="text"],
.loading-sheet-lifecycle-items-shell input[type="number"],
.loading-sheet-lifecycle-items-shell select {
    width: 100%;
    min-width: 82px;
    min-height: 30px;
    padding: 4px 6px;
    font-size: 0.75rem;
}

.loading-sheet-lifecycle-items-shell tr.is-received {
    background: rgba(226, 246, 232, 0.72);
}

.loading-sheet-lifecycle-side {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
}

.loading-sheet-lifecycle-side > .panel {
    padding: 8px 10px;
}

.loading-sheet-lifecycle-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-top: 8px;
}

.loading-sheet-lifecycle-actions button {
    min-height: 34px;
    padding: 6px 8px;
    font-size: 0.74rem;
}

.loading-sheet-lifecycle-actions button[hidden] {
    display: none;
}

.loading-sheet-lifecycle-action-modal {
    align-items: start;
    overflow-y: auto;
}

.loading-sheet-lifecycle-action-modal-card {
    width: min(560px, 100%);
    max-height: none;
    margin-block: auto;
    overflow: visible;
}

.loading-sheet-lifecycle-action-modal-card .field-searchable:focus-within {
    position: relative;
    z-index: 3;
}

.loading-sheet-lifecycle-audit-modal {
    align-items: start;
    overflow-y: auto;
}

.loading-sheet-lifecycle-audit-modal-card {
    width: min(820px, 100%);
    max-height: min(82vh, 720px);
    margin-block: auto;
    overflow: hidden;
}

.loading-sheet-lifecycle-audit-modal-card .loading-sheet-lifecycle-history {
    min-height: 120px;
    overflow: auto;
}

.loading-sheet-lifecycle-action-help {
    margin: 0;
    color: var(--text-soft);
    font-size: .82rem;
    line-height: 1.5;
}

.loading-sheet-lifecycle-action-context {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid #c9dce7;
    border-radius: 10px;
    background: #f2f8fb;
}

.loading-sheet-lifecycle-action-context span {
    color: var(--text-soft);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.loading-sheet-lifecycle-action-context strong {
    color: var(--variant-strong);
    font-size: .9rem;
}

.loading-sheet-lifecycle-action-feedback {
    margin: 0;
    padding: 8px 10px;
    border: 1px solid rgba(205, 53, 53, .28);
    border-radius: 9px;
    background: #fff1f1;
    color: #a32d2d;
    font-size: .78rem;
    font-weight: 750;
}

.loading-sheet-lifecycle-action-feedback[hidden] {
    display: none;
}

.loading-sheet-lifecycle-action-feedback.is-progress {
    border-color: rgba(45, 119, 167, .28);
    background: #edf7fd;
    color: #21658e;
}

.loading-sheet-lifecycle-history {
    max-height: 100%;
    overflow: auto;
    padding-left: 4px;
}

.loading-sheet-lifecycle-history article {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 7px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(173, 199, 216, 0.42);
}

.loading-sheet-lifecycle-history article > span {
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background: #23865b;
    box-shadow: 0 0 0 3px rgba(35, 134, 91, 0.12);
}

.loading-sheet-lifecycle-history p,
.loading-sheet-lifecycle-history small {
    margin: 1px 0 0;
    color: var(--text-soft);
    font-size: 0.7rem;
    line-height: 1.25;
}

.table-link-button {
    appearance: none;
    padding: 0;
    border: 0;
    background: transparent;
    color: #12669b;
    font: inherit;
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer;
}

.compact-action {
    min-height: 30px;
    padding: 4px 8px;
    font-size: 0.72rem;
}

@media (max-width: 1280px) {
    .loading-sheet-unified-header {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .loading-sheet-register-filters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .loading-sheet-lifecycle-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
}

@media (max-width: 900px) {
    .loading-sheet-unified-header,
    .loading-sheet-register-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loading-sheet-lifecycle-modal-card {
        height: 96vh;
        overflow: auto;
    }

    .loading-sheet-lifecycle-layout {
        display: flex;
        flex-direction: column;
    }

    .loading-sheet-lifecycle-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.loading-sheet-hero-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
}

.loading-sheet-view-tabs {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 0 2px;
}

.loading-sheet-view-tab {
    appearance: none;
    border: 1px solid rgba(38, 129, 191, 0.18);
    border-bottom-width: 2px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(236, 246, 253, 0.88));
    color: #31526c;
    min-width: 154px;
    padding: 12px 18px 10px;
    border-radius: 18px 18px 0 0;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 59, 94, 0.06);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.loading-sheet-view-tab:hover {
    transform: translateY(-1px);
    border-color: rgba(38, 129, 191, 0.28);
}

.loading-sheet-view-tab.is-active {
    color: #0d4d78;
    background: linear-gradient(180deg, rgba(230, 244, 255, 0.98), rgba(255, 255, 255, 0.98));
    border-color: rgba(38, 129, 191, 0.34);
    box-shadow: 0 14px 24px rgba(15, 59, 94, 0.1);
}

.loading-sheet-tab-panel {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.loading-sheet-hero-panel h1 {
    margin-top: 2px;
    font-size: 1.18rem;
    color: #123f61;
}

.loading-sheet-hero-copy {
    max-width: 900px;
    margin: 2px 0 0;
    font-size: 0.8rem;
    color: var(--text-soft);
    line-height: 1.28;
}

.loading-sheet-hero-side {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 8px;
    min-width: 420px;
}

.loading-sheet-hero-side .lookup-status {
    display: flex;
    align-items: center;
    max-width: 360px;
}

.loading-sheet-next-card {
    min-width: 220px;
    padding: 8px 12px;
    border-radius: 16px;
    border: 1px solid rgba(216, 87, 85, 0.26);
    background: linear-gradient(135deg, rgba(255, 244, 243, 0.98), rgba(255, 255, 255, 0.98));
    box-shadow: var(--shadow-soft);
}

.loading-sheet-next-card span,
.loading-sheet-next-card small {
    display: block;
    color: var(--text-soft);
}

.loading-sheet-next-card strong {
    display: block;
    margin-top: 3px;
    font-size: 1.02rem;
    color: var(--accent-strong);
}

.loading-sheet-summary-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8px;
}

.loading-sheet-advanced-overview {
    padding: 10px 12px;
}

.loading-sheet-advanced-overview-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.loading-sheet-workspace-modal-card {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    gap: 8px;
    padding: 14px 16px;
    border-radius: 0;
    overflow: hidden;
}

.loading-sheet-vehicle-modal-card {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    gap: 8px;
    padding: 14px 16px;
    border-radius: 0;
    overflow: hidden;
}

#lsWorkspaceModal.modal-shell,
#lsVehicleModal.modal-shell {
    place-items: stretch;
    padding: 0;
}

.loading-sheet-inline-section {
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.loading-sheet-inline-section.loading-sheet-workspace-modal-card,
.loading-sheet-inline-section.loading-sheet-vehicle-modal-card {
    width: 100%;
    max-width: 100%;
    max-height: none;
    overflow: visible;
}

.loading-sheet-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.loading-sheet-modal-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.loading-sheet-validation-head {
    align-items: flex-start;
}

.loading-sheet-close-button {
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(163, 187, 204, 0.7);
    background: var(--look-card, #fff);
    color: #4d6780;
    font-size: 1.15rem;
    line-height: 1;
}

.loading-sheet-close-button:hover {
    background: #eef6fd;
    color: #174263;
}

.loading-sheet-modal-entry-panel,
.loading-sheet-modal-summary-panel,
.loading-sheet-advanced-validation-panel,
.loading-sheet-advanced-selected-panel {
    padding: 8px 10px;
}

.loading-sheet-modal-summary-panel {
    flex: 0 0 auto;
}

.loading-sheet-modal-summary-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.loading-sheet-stats-table-shell {
    overflow: auto;
}

.loading-sheet-stats-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.loading-sheet-stats-table th,
.loading-sheet-stats-table td {
    padding: 9px 10px;
    border: 1px solid rgba(163, 187, 204, 0.35);
    background: rgba(247, 251, 255, 0.96);
    font-size: 0.82rem;
}

.loading-sheet-stats-table th {
    width: 16%;
    color: var(--text-soft);
    font-weight: 700;
    text-align: left;
}

.loading-sheet-stats-table td {
    color: #143f60;
    font-weight: 800;
}

.loading-sheet-advanced-metric-card {
    min-height: 0;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.loading-sheet-advanced-metric-card span,
.loading-sheet-advanced-metric-card small {
    color: var(--text-soft);
}

.loading-sheet-advanced-metric-card strong {
    font-size: 0.96rem;
    color: #143f60;
    line-height: 1.15;
}

.loading-sheet-stage-bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 4px;
}

.loading-sheet-stage-pill {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 9px 11px;
    border-radius: 15px;
    border: 1px solid rgba(186, 206, 219, 0.92);
    background: rgba(244, 249, 253, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.loading-sheet-stage-pill span,
.loading-sheet-stage-pill small {
    color: var(--text-soft);
}

.loading-sheet-stage-pill strong {
    font-size: 0.94rem;
    line-height: 1.15;
    color: var(--text);
}

.loading-sheet-stage-pill.is-active {
    border-color: rgba(24, 90, 142, 0.3);
    background: linear-gradient(180deg, rgba(233, 244, 251, 0.98), rgba(255, 255, 255, 0.96));
}

.loading-sheet-stage-pill.is-complete {
    border-color: rgba(31, 138, 76, 0.28);
    background: linear-gradient(180deg, rgba(235, 249, 239, 0.98), rgba(255, 255, 255, 0.96));
}

.loading-sheet-stage-pill.is-pending {
    opacity: 0.84;
}

.loading-sheet-stage-summary {
    margin-top: 4px;
    padding: 8px 10px;
    border-radius: 16px;
    border: 1px solid rgba(186, 206, 219, 0.92);
    background: rgba(248, 251, 255, 0.94);
    color: var(--text);
    font-size: 0.88rem;
    line-height: 1.32;
}

.loading-sheet-summary-card {
    min-height: 0;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.loading-sheet-summary-card span,
.loading-sheet-summary-card small {
    color: var(--text-soft);
}

.loading-sheet-summary-card strong {
    font-size: 1rem;
    color: #143f60;
    line-height: 1.16;
}

.loading-sheet-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-height: auto;
}

.loading-sheet-advanced-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-height: auto;
}

.loading-sheet-main-column,
.loading-sheet-side-column,
.loading-sheet-advanced-main,
.loading-sheet-advanced-side {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: auto;
    min-width: 0;
}

.loading-sheet-filter-panel,
.loading-sheet-grid-panel,
.loading-sheet-drafts-panel,
.loading-sheet-recent-panel,
.loading-sheet-selection-panel,
.loading-sheet-vehicle-panel,
.loading-sheet-history-panel,
.loading-sheet-method-panel {
    padding: 8px 10px;
}

.loading-sheet-head-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.loading-sheet-method-panel .panel-head,
.loading-sheet-filter-panel .panel-head,
.loading-sheet-grid-panel .panel-head,
.loading-sheet-selection-panel .panel-head,
.loading-sheet-vehicle-panel .panel-head,
.loading-sheet-drafts-panel .panel-head,
.loading-sheet-recent-panel .panel-head,
.loading-sheet-history-panel .panel-head {
    gap: 10px;
}

.loading-sheet-method-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.loading-sheet-method-toggle .ghost-button {
    width: 100%;
    min-height: 42px;
    justify-content: center;
}

.loading-sheet-method-toggle .ghost-button.is-active {
    border-color: rgba(214, 83, 80, 0.4);
    background: linear-gradient(135deg, #d94f4f, #b83333);
    color: #fff;
    box-shadow: 0 14px 26px rgba(185, 51, 51, 0.18);
}

.loading-sheet-manual-entry {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
    margin-top: 8px;
}

.loading-sheet-manual-entry[hidden],
.loading-sheet-list-entry-selection[hidden],
.loading-sheet-vehicle-panel[hidden] {
    display: none !important;
}

.loading-sheet-manual-entry .field-grow {
    min-width: 0;
}

.loading-sheet-list-entry-selection {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.loading-sheet-method-panel .field-help {
    margin: 6px 0 0;
}

.loading-sheet-manual-launch-panel {
    padding: 12px 14px;
}

.loading-sheet-filter-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.loading-sheet-advanced-filter-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.loading-sheet-filter-grid .field-span-2 {
    grid-column: span 2;
}

.loading-sheet-filter-grid .field-span-3,
.loading-sheet-advanced-filter-grid .field-span-3 {
    grid-column: span 3;
}

.loading-sheet-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.column-visibility-menu {
    position: relative;
}

.column-visibility-menu summary {
    list-style: none;
    cursor: pointer;
}

.column-visibility-menu summary::-webkit-details-marker {
    display: none;
}

.column-visibility-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 30;
    min-width: 220px;
    max-height: 280px;
    overflow: auto;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-strong);
    box-shadow: var(--shadow);
}

.column-visibility-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px;
    color: var(--text);
}

.loading-sheet-table-shell {
    max-height: 360px;
    min-height: 280px;
    overflow: auto;
    margin-top: 8px;
}

.loading-sheet-advanced-table-shell {
    max-height: 390px;
    min-height: 300px;
    overflow: auto;
    margin-top: 8px;
}

.loading-sheet-recent-shell {
    max-height: 200px;
    overflow: auto;
    margin-top: 8px;
}

.loading-sheet-drafts-panel {
    border-color: rgba(218, 151, 44, 0.32);
    background:
        linear-gradient(135deg, rgba(255, 250, 237, 0.98), rgba(255, 255, 255, 0.98));
}

.loading-sheet-draft-headline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: var(--text-soft);
    text-align: right;
}

.loading-sheet-drafts-shell {
    max-height: 250px;
    overflow: auto;
    margin-top: 8px;
    border: 1px solid rgba(218, 151, 44, 0.18);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.78);
}

.loading-sheet-drafts-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff5d9;
}

.loading-sheet-drafts-table td {
    padding: 8px 10px;
    font-size: 0.82rem;
    vertical-align: middle;
}

.loading-sheet-drafts-table td strong,
.loading-sheet-drafts-table td small {
    display: block;
}

.loading-sheet-drafts-table td small {
    margin-top: 2px;
    color: var(--text-soft);
    overflow-wrap: anywhere;
}

.loading-sheet-drafts-table tr.is-active-draft td {
    background: rgba(255, 238, 190, 0.55);
}

.loading-sheet-drafts-table .danger-text {
    color: #a72f2f;
}

.loading-sheet-advanced-selected-shell {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow: auto;
    margin-top: 8px;
}

.loading-sheet-advanced-selected-table {
    width: max(100%, 1120px);
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.loading-sheet-advanced-selected-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #edf6fd;
}

.loading-sheet-advanced-selected-table tbody tr {
    cursor: pointer;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

.loading-sheet-advanced-selected-table tbody tr:hover td {
    background: rgba(31, 123, 93, 0.12);
}

.loading-sheet-advanced-selected-table tbody tr.is-configured td {
    background: rgba(236, 247, 240, 0.9);
}

.loading-sheet-advanced-selected-table tbody tr.is-consignee-hover td {
    background: rgba(31, 123, 93, 0.16);
}

.loading-sheet-workflow-actions {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.loading-sheet-advanced-selected-panel,
#lsAdvancedVehiclePanel {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.loading-sheet-table thead th {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #edf6fd;
    padding: 8px 10px;
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.loading-sheet-th-select,
.loading-sheet-td-select {
    position: sticky;
    left: 0;
    z-index: 6;
    width: 52px;
    min-width: 52px;
    background: var(--surface-strong);
}

.loading-sheet-table thead .loading-sheet-th-select {
    background: #edf6fd;
}

.loading-sheet-table td.sticky-col-a,
.loading-sheet-table th.sticky-col-a {
    position: sticky;
    left: 52px;
    z-index: 4;
    background: var(--surface-strong);
}

.loading-sheet-table td.sticky-col-b,
.loading-sheet-table th.sticky-col-b {
    position: sticky;
    left: 164px;
    z-index: 4;
    background: var(--surface-strong);
}

.loading-sheet-table td.sticky-col-c,
.loading-sheet-table th.sticky-col-c {
    position: sticky;
    left: 292px;
    z-index: 4;
    background: var(--surface-strong);
}

.loading-sheet-table tr.is-selected td {
    background: rgba(56, 154, 230, 0.08);
}

.loading-sheet-table tr:hover td {
    background: rgba(38, 129, 191, 0.06);
}

.loading-sheet-table td,
.loading-sheet-recent-table td,
.loading-sheet-advanced-pending-table td,
.loading-sheet-advanced-selected-table td {
    padding: 8px 10px;
    font-size: 0.82rem;
    vertical-align: top;
}

.loading-sheet-table td span,
.loading-sheet-recent-table td,
.loading-sheet-advanced-pending-table td,
.loading-sheet-advanced-selected-table td,
.loading-sheet-selected-row small,
.loading-sheet-history-card p,
.loading-sheet-history-card small {
    overflow-wrap: anywhere;
}

.loading-sheet-table td.is-numeric,
.loading-sheet-table th.is-numeric {
    text-align: right;
}

.table-sort-button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.table-sort-button span {
    color: var(--text-soft);
    font-size: 0.8rem;
}

.table-sort-button.is-active span {
    color: var(--accent-strong);
}

.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-success {
    background: rgba(31, 123, 93, 0.12);
    color: var(--success);
}

.status-warning {
    background: rgba(190, 122, 21, 0.14);
    color: var(--warning);
}

.status-danger {
    background: rgba(203, 74, 79, 0.12);
    color: var(--danger);
}

.status-neutral {
    background: rgba(97, 116, 135, 0.14);
    color: var(--text-soft);
}

.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
    background: rgba(97, 116, 135, 0.14);
    color: var(--text-soft);
}

.status-active {
    background: rgba(31, 123, 93, 0.12);
    color: var(--success);
}

.status-inactive {
    background: rgba(97, 116, 135, 0.16);
    color: #5a6f85;
}

.loading-sheet-insights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.loading-sheet-selected-list {
    display: flex;
    flex-direction: column;
    min-height: 128px;
    max-height: 240px;
    overflow: auto;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.52);
    background: rgba(247, 251, 255, 0.92);
}

.loading-sheet-selected-head,
.loading-sheet-selected-row {
    display: grid;
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.65fr) minmax(110px, 0.9fr) minmax(96px, 0.85fr) 84px;
    gap: 10px;
    align-items: center;
}

.loading-sheet-selected-head {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 12px;
    background: #edf6fd;
    color: var(--text-soft);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.loading-sheet-selected-row {
    padding: 10px 12px;
    border-top: 1px solid rgba(163, 187, 204, 0.42);
    background: rgba(255, 255, 255, 0.94);
}

.loading-sheet-selected-row strong,
.loading-sheet-selected-row small {
    display: block;
}

.loading-sheet-selected-row strong {
    color: #143f60;
}

.loading-sheet-selected-row small {
    margin-top: 3px;
    color: var(--text-soft);
    font-size: 0.78rem;
    line-height: 1.28;
}

.loading-sheet-selected-actions {
    display: flex;
    justify-content: flex-end;
}

.loading-sheet-insight-block {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.52);
    background: rgba(247, 251, 255, 0.9);
}

.loading-sheet-insight-block span,
.loading-sheet-insight-block small {
    display: block;
    color: var(--text-soft);
}

.loading-sheet-insight-block strong {
    display: block;
    margin-top: 4px;
    font-size: 1rem;
    color: #16425f;
}

.loading-sheet-chip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.loading-sheet-chip {
    min-width: 78px;
    padding: 7px 9px;
    border-radius: 12px;
    background: #eef6fd;
    border: 1px solid rgba(38, 129, 191, 0.18);
}

.loading-sheet-chip strong,
.loading-sheet-chip small {
    display: block;
}

.loading-sheet-vehicle-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.loading-sheet-vehicle-form .field-span-2 {
    grid-column: span 2;
}

.loading-sheet-vehicle-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.loading-sheet-mini-stat {
    min-height: 0;
    padding: 9px 11px;
    border-radius: 12px;
    border: 1px solid rgba(163, 187, 204, 0.52);
    background: rgba(247, 251, 255, 0.92);
}

.loading-sheet-mini-stat span {
    display: block;
    color: var(--text-soft);
    font-size: 0.78rem;
}

.loading-sheet-mini-stat strong {
    display: block;
    margin-top: 4px;
    color: #143f60;
    overflow-wrap: anywhere;
    white-space: normal;
}

.loading-sheet-capacity-health {
    margin-top: 10px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.52);
    background: rgba(247, 251, 255, 0.92);
}

.loading-sheet-capacity-health strong {
    display: block;
    color: #143f60;
}

.loading-sheet-capacity-health p {
    margin: 6px 0 0;
    color: var(--text-soft);
    line-height: 1.4;
}

.loading-sheet-capacity-health.tone-success {
    border-color: rgba(31, 123, 93, 0.24);
    background: rgba(232, 248, 241, 0.94);
}

.loading-sheet-capacity-health.tone-warning {
    border-color: rgba(190, 122, 21, 0.24);
    background: rgba(255, 248, 230, 0.94);
}

.loading-sheet-capacity-health.tone-danger {
    border-color: rgba(203, 74, 79, 0.24);
    background: rgba(255, 239, 239, 0.96);
}

.loading-sheet-dispatch-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.loading-sheet-workspace-dispatch-controls {
    flex: 0 0 auto;
    margin-top: 10px;
}

.loading-sheet-missing-dispatch-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(190, 122, 21, 0.3);
    border-radius: 14px;
    background: rgba(255, 248, 230, 0.94);
}

.loading-sheet-missing-dispatch-actions .lookup-status {
    margin-right: auto;
}

.loading-sheet-missing-dispatch-actions[hidden] {
    display: none !important;
}

.loading-sheet-workspace-dispatch-controls[hidden] {
    display: none !important;
}

.loading-sheet-workspace-dispatch-controls > .loading-sheet-advanced-validation-panel {
    margin-top: 0;
}

.loading-sheet-primary-actions {
    justify-content: flex-end;
}

.loading-sheet-advanced-share-actions {
    padding-top: 2px;
    border-top: 1px solid rgba(163, 187, 204, 0.4);
}

.loading-sheet-cell-stack {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.loading-sheet-cell-stack strong {
    color: #143f60;
}

.loading-sheet-cell-stack small {
    color: var(--text-soft);
    line-height: 1.28;
}

.loading-sheet-inline-statuses {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.loading-sheet-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.loading-sheet-inline-actions-vertical {
    flex-direction: column;
    align-items: stretch;
}

.loading-sheet-link-anchor {
    display: inline-flex;
    align-items: center;
    font-weight: 800;
    color: #1a5c92;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.loading-sheet-link-anchor:hover {
    color: #0f3c62;
}

.loading-sheet-advanced-selected-table td:nth-child(1) {
    min-width: 128px;
}

.loading-sheet-advanced-selected-table td:nth-child(2) {
    min-width: 160px;
}

.loading-sheet-advanced-selected-table td:nth-child(3) {
    min-width: 160px;
}

.loading-sheet-advanced-selected-table td:nth-child(4),
.loading-sheet-advanced-selected-table td:nth-child(5),
.loading-sheet-advanced-selected-table td:nth-child(6),
.loading-sheet-advanced-selected-table td:nth-child(7),
.loading-sheet-advanced-selected-table td:nth-child(8) {
    min-width: 96px;
}

.loading-sheet-advanced-selected-table td:nth-child(4) {
    min-width: 180px;
}

.loading-sheet-row-options-modal-card {
    width: min(760px, calc(100vw - 48px));
    max-width: min(760px, calc(100vw - 48px));
    max-height: min(88vh, 760px);
    height: auto;
    border-radius: 22px;
    overflow: auto;
}

.loading-sheet-row-options-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.loading-sheet-row-options-table-shell {
    max-height: 320px;
    overflow: auto;
    margin-top: 12px;
}

.loading-sheet-row-options-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #edf6fd;
}

.loading-sheet-row-options-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
    align-items: end;
}

.loading-sheet-row-options-checkbox {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(163, 187, 204, 0.52);
    background: rgba(247, 251, 255, 0.92);
}

.loading-sheet-row-options-remark-field {
    margin-top: 12px;
}

.loading-sheet-row-options-remark-field[hidden] {
    display: none !important;
}

.loading-sheet-row-options-remark-field textarea {
    resize: none;
    background: rgba(247, 251, 255, 0.92);
}

.loading-sheet-row-options-action-cell {
    width: 64px;
    text-align: center;
}

.loading-sheet-row-delete-button {
    min-width: 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 10px;
    border-color: rgba(205, 74, 79, 0.24);
    color: #b3202e;
    background: rgba(255, 244, 245, 0.92);
    font-size: 1.15rem;
    line-height: 1;
}

.loading-sheet-row-delete-button:hover,
.loading-sheet-row-delete-button:focus-visible {
    background: rgba(255, 232, 235, 0.98);
    border-color: rgba(205, 74, 79, 0.42);
}

.loading-sheet-row-options-actions {
    justify-content: space-between;
    align-items: center;
}

.loading-sheet-toast {
    position: fixed;
    right: 18px;
    top: 18px;
    z-index: 2600;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: min(420px, calc(100vw - 32px));
    padding: 14px 14px 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(205, 74, 79, 0.22);
    background: rgba(255, 245, 246, 0.98);
    box-shadow: 0 18px 42px rgba(10, 29, 43, 0.22);
}

.loading-sheet-toast[hidden] {
    display: none;
}

.loading-sheet-toast.is-error {
    border-color: rgba(205, 74, 79, 0.22);
    background: rgba(255, 245, 246, 0.98);
}

.loading-sheet-toast.is-success {
    border-color: rgba(31, 143, 91, 0.28);
    background: rgba(241, 253, 247, 0.98);
}

.loading-sheet-toast.is-success .loading-sheet-toast-body strong {
    color: #147347;
}

.loading-sheet-toast.is-success .loading-sheet-toast-body p {
    color: #315f4a;
}

.loading-sheet-toast-body {
    flex: 1;
    min-width: 0;
}

.loading-sheet-toast-body strong {
    display: block;
    color: #a82f3b;
    font-size: 0.95rem;
}

.loading-sheet-toast-body p {
    margin: 6px 0 0;
    color: #5e3f46;
    font-size: 0.88rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.loading-sheet-toast-action {
    display: inline-flex;
    margin-top: 12px;
    text-decoration: none;
}

.loading-sheet-toast-action[hidden] {
    display: none;
}

.loading-sheet-same-vehicle-stack {
    min-width: 220px;
}

.loading-sheet-inline-checkbox {
    gap: 6px;
    padding-top: 0;
    align-items: center;
}

.loading-sheet-same-vehicle-stack select,
.loading-sheet-same-vehicle-stack input[type="date"] {
    min-width: 180px;
    height: 34px;
    padding: 6px 8px;
}

.loading-sheet-advanced-validation-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.loading-sheet-advanced-selected-panel > .loading-sheet-advanced-validation-panel {
    flex: 0 0 auto;
    margin-top: 10px;
}

.loading-sheet-advanced-selected-panel > .loading-sheet-advanced-validation-panel .loading-sheet-advanced-validation-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.loading-sheet-advanced-selected-panel > .loading-sheet-advanced-validation-panel .loading-sheet-validation-card {
    padding: 7px 9px;
}

@media (max-width: 1100px) {
    .loading-sheet-advanced-selected-panel > .loading-sheet-advanced-validation-panel .loading-sheet-advanced-validation-list {
        grid-template-columns: 1fr;
    }
}

.loading-sheet-validation-card {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.5);
    background: rgba(247, 251, 255, 0.94);
}

.loading-sheet-validation-card strong {
    display: block;
    color: #143f60;
}

.loading-sheet-validation-card p {
    margin: 5px 0 0;
    color: var(--text-soft);
    line-height: 1.34;
}

.loading-sheet-validation-card.tone-success {
    border-color: rgba(31, 123, 93, 0.22);
    background: rgba(232, 248, 241, 0.94);
}

.loading-sheet-validation-card.tone-warning {
    border-color: rgba(190, 122, 21, 0.22);
    background: rgba(255, 248, 230, 0.96);
}

.loading-sheet-validation-card.tone-danger {
    border-color: rgba(203, 74, 79, 0.22);
    background: rgba(255, 239, 239, 0.96);
}

.loading-sheet-validation-card.tone-neutral {
    border-color: rgba(163, 187, 204, 0.5);
    background: rgba(247, 251, 255, 0.94);
}

.loading-sheet-selection-panel .loading-sheet-dispatch-actions {
    justify-content: flex-end;
}

.loading-sheet-collapsible {
    overflow: hidden;
}

.loading-sheet-collapsible summary {
    list-style: none;
    cursor: pointer;
}

.loading-sheet-collapsible summary::-webkit-details-marker {
    display: none;
}

.loading-sheet-collapsible[open] .loading-sheet-collapsible-head {
    margin-bottom: 8px;
}

.loading-sheet-history-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.loading-sheet-history-card {
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.52);
    background: rgba(247, 251, 255, 0.92);
}

.loading-sheet-history-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.loading-sheet-history-card p,
.loading-sheet-history-card small {
    margin: 6px 0 0;
    color: var(--text-soft);
}

@media (max-width: 1720px) {
    .loading-sheet-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .loading-sheet-advanced-overview-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .loading-sheet-filter-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .loading-sheet-advanced-filter-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .loading-sheet-filter-grid .field-span-3,
    .loading-sheet-advanced-filter-grid .field-span-3 {
        grid-column: span 2;
    }
}

@media (max-width: 1420px) {
    .loading-sheet-workspace {
        grid-template-columns: 1fr;
    }

    .loading-sheet-advanced-workspace {
        grid-template-columns: 1fr;
    }

    .loading-sheet-stage-bar {
        grid-template-columns: 1fr;
    }

    .loading-sheet-side-column {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .loading-sheet-advanced-side {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .loading-sheet-hero-side {
        min-width: 0;
    }
}

@media (max-width: 1180px) {
    .loading-sheet-hero-panel {
        flex-direction: column;
    }

    .loading-sheet-hero-side {
        width: 100%;
        min-width: 0;
        align-items: stretch;
    }

    .loading-sheet-filter-grid,
    .loading-sheet-advanced-filter-grid,
    .loading-sheet-vehicle-form,
    .loading-sheet-vehicle-meta-grid,
    .loading-sheet-side-column,
    .loading-sheet-summary-grid,
    .loading-sheet-advanced-side,
    .loading-sheet-advanced-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loading-sheet-method-toggle,
    .loading-sheet-manual-entry,
    .loading-sheet-insights {
        grid-template-columns: 1fr;
    }

    .loading-sheet-selected-head,
    .loading-sheet-selected-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loading-sheet-filter-grid .field-span-2,
    .loading-sheet-filter-grid .field-span-3,
    .loading-sheet-advanced-filter-grid .field-span-3,
    .loading-sheet-vehicle-form .field-span-2 {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .loading-sheet-summary-grid,
    .loading-sheet-advanced-overview-grid,
    .loading-sheet-filter-grid,
    .loading-sheet-advanced-filter-grid,
    .loading-sheet-side-column,
    .loading-sheet-advanced-side,
    .loading-sheet-vehicle-form,
    .loading-sheet-vehicle-meta-grid {
        grid-template-columns: 1fr;
    }

    .loading-sheet-filter-grid .field-span-2,
    .loading-sheet-filter-grid .field-span-3,
    .loading-sheet-advanced-filter-grid .field-span-3,
    .loading-sheet-vehicle-form .field-span-2 {
        grid-column: span 1;
    }

    .loading-sheet-selected-head,
        .loading-sheet-selected-row {
        grid-template-columns: 1fr;
    }

    .loading-sheet-view-tabs {
        flex-wrap: wrap;
    }

    .loading-sheet-view-tab {
        min-width: 132px;
        flex: 1 1 140px;
    }

    .loading-sheet-toolbar,
    .loading-sheet-dispatch-actions {
        flex-direction: column;
    }
}

.app-shell-pickup {
    overflow: auto;
}

.pickup-shell {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: auto;
    overflow: visible;
    padding-right: 0;
}

.pickup-hero-panel {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
}

.pickup-hero-panel h1 {
    margin-top: 4px;
    font-size: 1.24rem;
    color: #123f61;
}

.pickup-hero-copy {
    max-width: 920px;
    margin: 4px 0 0;
    font-size: 0.88rem;
    line-height: 1.34;
    color: var(--text-soft);
}

.pickup-hero-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 300px;
}

.pickup-next-card {
    min-width: 280px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(38, 129, 191, 0.22);
    background: linear-gradient(135deg, rgba(232, 245, 255, 0.98), rgba(255, 255, 255, 0.98));
    box-shadow: var(--shadow-soft);
}

.pickup-next-card span,
.pickup-next-card small {
    display: block;
    color: var(--text-soft);
}

.pickup-next-card strong {
    display: block;
    margin-top: 4px;
    font-size: 1.12rem;
    color: var(--variant-strong);
}

.pickup-choice-panel,
.pickup-form-panel,
.pickup-queue-panel,
.pickup-detail-section {
    padding: 10px 12px;
}

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

.pickup-choice-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(163, 187, 204, 0.72);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 252, 0.96));
    box-shadow: var(--shadow-soft);
}

.pickup-choice-link {
    color: inherit;
    text-decoration: none;
}

.pickup-choice-card.is-active {
    border-color: rgba(38, 129, 191, 0.22);
    background: linear-gradient(180deg, rgba(232, 245, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.pickup-choice-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(180deg, var(--variant-accent), var(--variant-strong));
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.pickup-choice-card h2 {
    margin-top: 1px;
    font-size: 1rem;
}

.pickup-choice-card p {
    margin: 4px 0 0;
    color: var(--text-soft);
    line-height: 1.36;
}

.pickup-summary-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.pickup-summary-card {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 12px;
}

.pickup-summary-card span,
.pickup-summary-card small {
    color: var(--text-soft);
}

.pickup-summary-card strong {
    font-size: 1.16rem;
    color: #143f60;
}

.pickup-workspace-grid {
    display: grid;
    grid-template-columns: minmax(360px, 0.98fr) minmax(0, 1.3fr);
    gap: 8px;
    align-items: start;
}

.pickup-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pickup-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.pickup-form-grid .field-span-2 {
    grid-column: span 2;
}

.pickup-form-grid .field-span-3 {
    grid-column: 1 / -1;
}

.pickup-queue-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
}

.pickup-queue-table-shell {
    margin-top: 8px;
    overflow: auto;
    max-height: none;
}

.pickup-queue-table thead th {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #edf6fd;
}

.pickup-action-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pickup-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
}

.pickup-status-badge.tone-success {
    background: rgba(31, 123, 93, 0.12);
    color: var(--success);
}

.pickup-status-badge.tone-warning {
    background: rgba(190, 122, 21, 0.14);
    color: var(--warning);
}

.pickup-status-badge.tone-primary,
.pickup-status-badge.tone-accent {
    background: rgba(38, 129, 191, 0.12);
    color: var(--variant-strong);
}

.pickup-status-badge.tone-danger {
    background: rgba(203, 74, 79, 0.12);
    color: var(--danger);
}

.pickup-status-badge.tone-neutral {
    background: rgba(97, 116, 135, 0.14);
    color: var(--text-soft);
}

.pickup-detail-card {
    width: min(1240px, 96vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding: 12px;
}

.pickup-detail-layout {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pickup-detail-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.pickup-detail-summary-card {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.72);
    background: rgba(248, 252, 255, 0.96);
}

.pickup-detail-summary-card span,
.pickup-detail-summary-card small {
    display: block;
    color: var(--text-soft);
}

.pickup-detail-summary-card strong {
    display: block;
    margin-top: 4px;
    font-size: 0.98rem;
    color: #143f60;
}

.pickup-scan-panel {
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(163, 187, 204, 0.72);
    background: rgba(248, 252, 255, 0.94);
}

.pickup-scan-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
}

.pickup-inline-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 10px;
}

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

.pickup-package-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.pickup-package-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.58);
    background: rgba(250, 252, 255, 0.98);
}

.pickup-package-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.pickup-package-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: var(--text-soft);
    font-size: 0.76rem;
}

.pickup-package-qr {
    width: 104px;
    height: 104px;
    align-self: center;
    object-fit: contain;
}

.pickup-timeline-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.pickup-timeline-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(163, 187, 204, 0.58);
    background: rgba(250, 252, 255, 0.98);
}

.pickup-timeline-item.tone-success {
    border-left: 4px solid var(--success);
}

.pickup-timeline-item.tone-warning {
    border-left: 4px solid var(--warning);
}

.pickup-timeline-item.tone-primary,
.pickup-timeline-item.tone-accent {
    border-left: 4px solid var(--variant-accent);
}

.pickup-timeline-item.tone-danger {
    border-left: 4px solid var(--danger);
}

.pickup-timeline-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.pickup-timeline-copy span,
.pickup-timeline-copy p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.35;
}

.pickup-detail-card .is-disabled,
.pickup-action-stack .is-disabled {
    pointer-events: none;
    opacity: 0.58;
}

@media (max-width: 1640px) {
    .pickup-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1360px) {
    .pickup-workspace-grid,
    .pickup-detail-columns {
        grid-template-columns: 1fr;
    }

    .pickup-detail-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .pickup-hero-panel {
        flex-direction: column;
    }

    .pickup-hero-side {
        width: 100%;
        min-width: 0;
        align-items: stretch;
    }

    .pickup-choice-grid,
    .pickup-form-grid,
    .pickup-detail-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pickup-form-grid .field-span-3 {
        grid-column: 1 / -1;
    }

    .pickup-scan-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .pickup-summary-grid,
    .pickup-choice-grid,
    .pickup-form-grid,
    .pickup-detail-summary,
    .pickup-scan-grid {
        grid-template-columns: 1fr;
    }

    .pickup-form-grid .field-span-2,
    .pickup-form-grid .field-span-3 {
        grid-column: 1 / -1;
    }

    .pickup-queue-toolbar,
    .pickup-inline-actions,
    .pickup-action-stack {
        flex-direction: column;
    }
}

.operations-shell {
    gap: 18px;
}

.operations-hero-panel,
.operations-form-panel {
    gap: 18px;
}

.operations-summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.operations-status-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
}

.operations-status-stack {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.operations-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(160, 192, 212, 0.75);
}

.operations-status-pill span {
    color: var(--text-soft);
    font-size: 0.76rem;
}

.operations-status-pill strong {
    color: var(--text);
    font-size: 0.94rem;
}

.operations-status-pill-accent {
    background: linear-gradient(180deg, var(--variant-soft), rgba(255, 255, 255, 0.96));
}

.operations-feedback-pill {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(160, 192, 212, 0.75);
}

.operations-module-tabs,
.operations-subtabs {
    margin-top: -2px;
}

.operations-module-pane {
    display: grid;
    gap: 16px;
}

.operations-view-panel {
    display: block;
}

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

.operations-form-grid .field-span {
    grid-column: span 2;
}

.operations-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.operations-edit-table-shell,
.operations-secondary-table {
    margin-top: 14px;
}

.operations-edit-table td input,
.operations-edit-table td select {
    min-width: 92px;
}

.operations-blhpv-search-grid {
    grid-template-columns: minmax(280px, 0.8fr);
    margin-bottom: 14px;
}

.operations-blhpv-save-surface {
    position: relative;
    isolation: isolate;
}

.operations-blhpv-save-surface > .operations-subtabs,
.operations-blhpv-save-surface > .operations-view-panel {
    transition: filter 0.18s ease, opacity 0.18s ease;
}

.operations-blhpv-save-surface.is-saving > :not(.operations-blhpv-save-overlay) {
    pointer-events: none;
    user-select: none;
    filter: blur(5px);
    opacity: 0.76;
}

.operations-blhpv-save-overlay {
    position: fixed;
    z-index: 20;
    inset: var(--scc-header-height, 64px) 0 0 0;
    display: grid;
    place-items: center;
    padding: 24px;
    border-radius: 14px;
    background: rgba(9, 28, 47, 0.38);
    backdrop-filter: blur(3px);
}

.operations-blhpv-save-overlay[hidden] {
    display: none;
}

.operations-blhpv-save-card {
    width: min(390px, calc(100% - 32px));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 30px 26px;
    border: 1px solid #d3e0ec;
    border-radius: 17px;
    color: #172f48;
    background: var(--look-card, #fff);
    text-align: center;
    box-shadow: 0 24px 58px rgba(8, 28, 48, 0.28);
}

.operations-blhpv-save-card .master-loading-indicator {
    width: 72px;
    height: 72px;
    margin-bottom: 6px;
    border-width: 7px;
    border-color: rgba(47, 104, 149, 0.2);
    border-top-color: var(--accent-strong);
    box-shadow: 0 0 0 7px rgba(47, 104, 149, 0.06);
}

.operations-blhpv-save-card strong {
    font-size: 1.08rem;
}

.operations-blhpv-save-card small {
    max-width: 320px;
    color: #687d91;
    font-size: 0.76rem;
    line-height: 1.5;
}

body.operations-blhpv-saving {
    cursor: wait;
}

@media (min-width: 1051px) {
    .operations-blhpv-save-overlay {
        left: var(--scc-sidebar-width, 157px);
        transition: left 0.2s ease;
    }

    body.scc-sidebar-collapsed .operations-blhpv-save-overlay {
        left: var(--scc-sidebar-collapsed-width, 66px);
    }
}

.operations-blhpv-layout {
    display: grid;
    grid-template-columns: minmax(420px, 0.95fr) minmax(520px, 1.05fr);
    gap: 16px;
    align-items: start;
}

.operations-blhpv-detail-panel,
.operations-blhpv-charge-panel {
    display: grid;
    gap: 14px;
}

.operations-blhpv-summary-table td:first-child {
    width: 42%;
    font-weight: 700;
    color: #23415f;
}

.operations-blhpv-summary-table input[readonly],
.operations-blhpv-summary-table textarea[readonly] {
    background: rgba(243, 248, 252, 0.95);
    color: #173752;
    font-weight: 600;
}

.operations-blhpv-charge-table td:first-child,
.operations-blhpv-charge-table td:nth-child(3) {
    width: 22%;
    font-weight: 700;
    color: #23415f;
}

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

.operations-blhpv-payment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operations-blhpv-remarks-field textarea {
    min-height: 90px;
}

.operations-lhpv-picker,
.operations-consolidated-panel,
.operations-consolidated-register {
    display: grid;
    gap: 14px;
}

.operations-lhpv-picker {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #d6e3ed;
    border-radius: 18px;
    background: linear-gradient(145deg, #f7fbfe 0%, #eef6fb 100%);
}

.operations-lhpv-picker-head {
    display: grid;
    grid-template-columns: minmax(220px, 420px) auto;
    gap: 12px;
    align-items: end;
}

.operations-lhpv-vehicle-status {
    margin: 0;
}

.operations-lhpv-vehicle-status.is-success {
    color: #14764c;
}

.operations-lhpv-vehicle-status.is-error {
    color: #b42318;
}

.operations-lhpv-vehicle-matches {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.operations-lhpv-vehicle-matches[hidden],
.operations-lhpv-selected-vehicle[hidden],
.operations-lhpv-selection-actions[hidden] {
    display: none;
}

.operations-lhpv-vehicle-match {
    display: grid;
    gap: 4px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #cbdce8;
    border-radius: 12px;
    background: var(--look-card, #fff);
    color: #123d5d;
    text-align: left;
    cursor: pointer;
}

.operations-lhpv-vehicle-match:hover,
.operations-lhpv-vehicle-match:focus-visible {
    border-color: #3b82a6;
    box-shadow: 0 0 0 3px rgba(59, 130, 166, 0.12);
    outline: none;
}

.operations-lhpv-vehicle-match span,
.operations-lhpv-selected-vehicle small,
.operations-selection-summary small {
    color: #60798b;
}

.operations-lhpv-selected-vehicle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #a9d6bf;
    border-radius: 12px;
    background: #f0fbf5;
}

.operations-lhpv-selected-vehicle > div {
    display: grid;
    gap: 3px;
}

.operations-lhpv-selected-vehicle strong {
    color: #0f6841;
}

.operations-lhpv-selection-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.operations-lhpv-sheet-checkbox {
    width: 18px;
    height: 18px;
    accent-color: #176e92;
}

.operations-picker-action {
    min-height: 42px;
    white-space: nowrap;
}

.operations-selection-summary,
.operations-consolidated-selection-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 13px;
    border: 1px solid #d6e3ed;
    border-radius: 12px;
    background: var(--look-card, #fff);
    color: #526b7e;
}

.operations-selection-summary strong,
.operations-consolidated-selection-summary strong {
    color: #123d5d;
}

.operations-lhpv-selected-shell,
.operations-consolidated-table-shell {
    max-height: 360px;
    overflow: auto;
    background: var(--look-card, #fff);
}

.operations-lhpv-selected-shell thead,
.operations-consolidated-table-shell thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.operations-save-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dce7ef;
}

.operations-save-actions[hidden] {
    display: none;
}

.operations-inline-save-status {
    display: block;
    margin: 10px 0 0 auto;
    max-width: min(100%, 760px);
    padding: 10px 12px;
    border: 1px solid #c9dbe8;
    border-radius: 10px;
    background: #f5f9fc;
    color: #264b64;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}

.operations-inline-save-status[hidden] {
    display: none;
}

.operations-inline-save-status.is-success {
    border-color: #a8ddc4;
    background: #edf9f3;
    color: #146b45;
}

.operations-inline-save-status.is-warning {
    border-color: #efd49a;
    background: #fff8e8;
    color: #7a5311;
}

.operations-inline-save-status.is-error {
    border-color: #efb5b5;
    background: #fff1f1;
    color: #a12626;
}

.operations-consolidated-heading {
    align-items: flex-start;
}

.operations-consolidated-next-number {
    display: grid;
    gap: 2px;
    min-width: 180px;
    padding: 12px 16px;
    border: 1px solid #bcd7e8;
    border-radius: 14px;
    background: #edf7fc;
    text-align: right;
}

.operations-consolidated-next-number span {
    color: #61788a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.operations-consolidated-next-number strong {
    color: #0d5d83;
    font-size: 1.15rem;
}

.operations-consolidated-control-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
}

.operations-consolidated-control-grid .field-span {
    grid-column: span 2;
}

.operations-vehicle-mode {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 42px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #ccdae4;
    border-radius: 12px;
    background: var(--look-card, #fff);
}

.operations-vehicle-mode legend {
    padding: 0 5px;
    color: #294b65;
    font-size: 0.72rem;
    font-weight: 800;
}

.operations-vehicle-mode label,
.operations-select-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
}

.operations-consolidated-filter-actions {
    display: flex;
    gap: 8px;
}

.operations-consolidated-table input[type="number"] {
    width: 106px;
    min-height: 34px;
    padding: 6px 8px;
}

.operations-consolidated-table tr.is-selected td {
    background: #eef9f2;
}

.operations-consolidated-table .is-negative {
    color: #bd2737;
    font-weight: 800;
}

.operations-consolidated-payment-card {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid #d7e3eb;
    border-radius: 18px;
    background: #fbfdff;
}

.operations-consolidated-totals {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.operations-consolidated-totals > div {
    display: grid;
    gap: 5px;
    min-height: 78px;
    padding: 13px;
    border: 1px solid #dce7ef;
    border-radius: 14px;
    background: var(--look-card, #fff);
}

.operations-consolidated-totals span {
    color: #60788a;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.operations-consolidated-totals strong {
    color: #153f5d;
    font-size: 1.15rem;
}

.operations-consolidated-totals .is-primary {
    border-color: #9ecfb6;
    background: #eaf8f0;
}

.operations-consolidated-payment-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operations-linked-record {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 2px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #edf5fa;
    white-space: nowrap;
}

.operations-linked-record button {
    border: 0;
    background: transparent;
    color: #b32839;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 800;
}

.operations-delivery-mode-toggle {
    margin-bottom: 14px;
}

.operations-delivery-panel {
    display: grid;
    gap: 16px;
}

.operations-ddm-compact-panel {
    gap: 12px;
}

.operations-ddm-lookup-grid,
.operations-single-delivery-lookup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: end;
}

.operations-ddm-lookup-actions,
.operations-single-delivery-lookup-actions {
    align-self: end;
}

.operations-ddm-workspace,
.operations-single-delivery-workspace {
    display: grid;
    gap: 16px;
    align-items: start;
}

.operations-ddm-workspace {
    gap: 12px;
}

.operations-ddm-top-row {
    display: grid;
    grid-template-columns: minmax(320px, 0.7fr) minmax(0, 1.3fr);
    gap: 12px;
    align-items: stretch;
}

.operations-single-delivery-workspace {
    grid-template-columns: minmax(0, 7fr) minmax(340px, 3fr);
    gap: 12px;
}

.operations-single-delivery-main,
.operations-single-delivery-side {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.operations-single-delivery-section {
    padding: 0;
    overflow: hidden;
    border-color: rgba(180, 202, 220, 0.92);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.98);
}

.operations-single-delivery-section-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 7px 10px;
    border-bottom: 1px solid rgba(205, 219, 231, 0.9);
    background: linear-gradient(90deg, rgba(241, 247, 253, 0.98), rgba(249, 251, 254, 0.98));
}

.operations-single-delivery-section-head .eyebrow {
    margin: 0 0 1px;
    font-size: 0.64rem;
}

.operations-single-delivery-section-head h3 {
    margin: 0;
    color: #173855;
    font-size: 0.88rem;
    line-height: 1.15;
}

.operations-single-delivery-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 9px;
    background: #e7f2ff;
    color: #1765a0;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.operations-single-delivery-readonly-badge,
.operations-single-delivery-editable-badge {
    align-self: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 850;
    white-space: nowrap;
}

.operations-single-delivery-readonly-badge {
    color: #516b80;
    background: #edf3f7;
}

.operations-single-delivery-editable-badge {
    color: #155f37;
    background: #e4f6ea;
}

.operations-single-delivery-inline-hint {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(217, 228, 237, 0.8);
    color: #607a90;
    background: #fbfdff;
    font-size: 0.66rem;
    line-height: 1.25;
}

.operations-ddm-summary-grid,
.operations-single-delivery-summary-grid,
.operations-single-delivery-total-grid {
    display: grid;
}

.operations-single-delivery-summary-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border-bottom: 1px solid rgba(211, 224, 234, 0.9);
}

.operations-single-delivery-total-grid {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 4px 10px;
}

.operations-ddm-summary-tile,
.operations-single-delivery-summary-tile {
    border: 1px solid rgba(191, 210, 226, 0.88);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 253, 0.94));
    padding: 14px 16px;
    display: grid;
    gap: 5px;
}

.operations-single-delivery-summary-tile {
    min-width: 0;
    min-height: 58px;
    padding: 8px 10px;
    gap: 3px;
    border: 0;
    border-right: 1px solid rgba(218, 229, 238, 0.88);
    border-bottom: 1px solid rgba(218, 229, 238, 0.88);
    border-radius: 0;
    background: var(--look-card, #fff);
}

.operations-single-delivery-summary-tile:nth-child(5n) {
    border-right: 0;
}

.operations-ddm-summary-tile span,
.operations-single-delivery-summary-tile span {
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5f7287;
}

.operations-single-delivery-summary-tile span {
    font-size: 0.64rem;
    letter-spacing: 0.025em;
}

.operations-ddm-summary-tile strong,
.operations-single-delivery-summary-tile strong {
    font-size: 1.02rem;
    color: #163857;
    line-height: 1.2;
}

.operations-single-delivery-summary-tile strong {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.84rem;
}

.operations-single-delivery-summary-tile.is-primary strong {
    color: #0c65aa;
    font-size: 0.98rem;
}

.operations-single-delivery-summary-tile.is-alert strong {
    color: #ba2e34;
}

.operations-single-delivery-summary-tile.is-status strong {
    width: fit-content;
    padding: 3px 6px;
    border-radius: 6px;
    color: #176f3f;
    background: #e2f5e8;
    font-size: 0.74rem;
}

.operations-ddm-summary-tile-accent {
    background: linear-gradient(180deg, rgba(241, 248, 255, 0.98), rgba(224, 239, 255, 0.98));
    border-color: rgba(120, 170, 224, 0.9);
}

.operations-single-delivery-readonly-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
}

.operations-single-delivery-party-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(206, 221, 232, 0.92);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.operations-single-delivery-party-card h4 {
    margin: 0;
    padding: 7px 9px;
    border-bottom: 1px solid rgba(210, 224, 234, 0.9);
    color: #195f91;
    background: #f3f8fd;
    font-size: 0.76rem;
}

.operations-single-delivery-party-card.is-consignee h4 {
    color: #1c7041;
    background: #f0faf3;
}

.operations-single-delivery-party-card.is-billing h4 {
    color: #65529a;
    background: #f7f4fc;
}

.operations-single-delivery-readonly-item,
.operations-single-delivery-charge-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 8px 0;
    border-bottom: 1px solid rgba(219, 230, 240, 0.86);
}

.operations-single-delivery-readonly-item {
    display: grid;
    justify-content: stretch;
    gap: 2px;
    padding: 6px 9px;
}

.operations-single-delivery-readonly-item span,
.operations-single-delivery-charge-row span {
    font-size: 0.84rem;
    color: #67809a;
}

.operations-single-delivery-readonly-item span {
    font-size: 0.63rem;
}

.operations-single-delivery-readonly-item strong,
.operations-single-delivery-charge-row strong {
    font-size: 0.94rem;
    color: #183856;
    text-align: right;
}

.operations-single-delivery-readonly-item strong {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
    font-size: 0.77rem;
}

.operations-single-delivery-charge-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.operations-single-delivery-charge-list .operations-single-delivery-charge-row {
    padding: 6px 12px;
}

.operations-single-delivery-charge-row.is-subtotal {
    color: #184f79;
    background: #f2f7fc;
    font-weight: 850;
}

.operations-single-delivery-charge-row.is-grand-total {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 0;
    background: #eaf3ff;
}

.operations-single-delivery-charge-row.is-grand-total span,
.operations-single-delivery-charge-row.is-grand-total strong {
    color: #0d4f88;
    font-size: 0.88rem;
    font-weight: 900;
}

.operations-single-delivery-side .operations-single-delivery-charge-grid,
.operations-single-delivery-side .operations-single-delivery-payment-grid,
.operations-single-delivery-side .operations-single-delivery-bank-grid,
.operations-single-delivery-side .operations-single-delivery-confirm-grid {
    grid-template-columns: 1fr;
}

.operations-single-delivery-charge-grid {
    gap: 0;
    padding: 4px 10px 2px;
}

.operations-single-delivery-charge-grid .field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 2px 0;
    border-bottom: 1px solid rgba(222, 231, 239, 0.9);
}

.operations-single-delivery-charge-grid .field > span {
    font-size: 0.69rem;
    line-height: 1.15;
}

.operations-single-delivery-charge-grid input,
.operations-single-delivery-payment-grid input,
.operations-single-delivery-payment-grid select,
.operations-single-delivery-bank-grid input,
.operations-single-delivery-bank-grid select,
.operations-single-delivery-confirm-grid input,
.operations-single-delivery-confirm-grid select,
.operations-single-delivery-confirm-grid textarea {
    min-height: 30px;
    padding: 5px 7px;
    font-size: 0.74rem;
}

.operations-single-delivery-charge-grid input {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.operations-single-delivery-additional-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    color: #184d77;
    background: #edf4ff;
    font-size: 0.73rem;
    font-weight: 850;
}

.operations-single-delivery-additional-total strong {
    color: #16723f;
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
}

.operations-single-delivery-settlement-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 28px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(222, 231, 239, 0.9);
    font-size: 0.7rem;
}

.operations-single-delivery-settlement-row strong {
    color: #173b58;
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
}

.operations-single-delivery-settlement-row.is-payable strong,
.operations-single-delivery-settlement-row.is-balance strong {
    color: #bd2c32;
    font-size: 0.82rem;
}

.operations-single-delivery-payment-grid,
.operations-single-delivery-bank-grid,
.operations-single-delivery-confirm-grid {
    gap: 5px;
    padding: 7px 10px 9px;
}

.operations-single-delivery-bank-grid {
    padding-top: 0;
}

.operations-single-delivery-payment-grid .field,
.operations-single-delivery-bank-grid .field,
.operations-single-delivery-confirm-grid .field {
    display: grid;
    grid-template-columns: minmax(108px, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 7px;
}

.operations-single-delivery-payment-grid .field > span,
.operations-single-delivery-bank-grid .field > span,
.operations-single-delivery-confirm-grid .field > span {
    font-size: 0.67rem;
    line-height: 1.15;
}

.operations-single-delivery-confirm-grid .field-span {
    grid-column: auto;
}

.operations-single-delivery-confirm-grid textarea {
    min-height: 44px;
    resize: vertical;
}

.operations-single-delivery-save-bar {
    position: sticky;
    bottom: 8px;
    z-index: 4;
    padding: 0;
}

.operations-single-delivery-save-bar .primary-button {
    width: 100%;
    min-height: 44px;
    justify-content: center;
    border-radius: 11px;
    background: linear-gradient(135deg, #15934c, #08773b);
    box-shadow: 0 10px 22px rgba(9, 119, 59, 0.22);
    font-size: 0.86rem;
}

.operations-single-delivery-save-bar .primary-button:hover,
.operations-single-delivery-save-bar .primary-button:focus-visible {
    background: linear-gradient(135deg, #0e8543, #056531);
}

.operations-ddm-vehicle-toggle {
    margin-bottom: 12px;
}

#opsDoorDeliveryWorkspace.modal-shell {
    z-index: 1400;
}

#opsDoorRemarkModal.modal-shell,
#opsDoorVehicleModal.modal-shell {
    /* Vehicle Details opens from the Selected LRs modal (z-index 1400). */
    z-index: 1500;
}

.operations-ddm-remark-modal-card {
    width: min(460px, 92vw);
}

.operations-ddm-remark-modal-card textarea {
    min-height: 96px;
    resize: vertical;
}

.operations-ddm-rows-modal-card {
    width: min(1680px, 96vw);
    max-height: calc(100vh - 40px);
    overflow: auto;
}

.operations-ddm-vehicle-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operations-ddm-vehicle-grid .field[hidden] {
    display: none;
}

.operations-ddm-vehicle-search-select,
.operations-ddm-vehicle-search-select > input {
    width: 100%;
    min-width: 0;
}

.operations-ddm-vehicle-grid .field:focus-within {
    position: relative;
    z-index: 3;
}

.operations-ddm-vehicle-options {
    z-index: 60;
    max-height: min(260px, 38vh);
}

.operations-ddm-drafts-panel {
    gap: 8px;
    padding: 10px 12px;
    border-color: rgba(60, 128, 184, 0.3);
    background: linear-gradient(180deg, rgba(246, 251, 255, 0.98), rgba(236, 246, 253, 0.96));
}

.operations-ddm-drafts-panel[hidden] {
    display: none;
}

.operations-ddm-drafts-panel .panel-head {
    margin-bottom: 0;
    align-items: center;
}

.operations-ddm-drafts-panel > summary::after {
    content: "⌄";
    margin-left: 4px;
    color: #326d98;
    font-size: 1rem;
    transition: transform 0.16s ease;
}

.operations-ddm-drafts-panel[open] > summary::after {
    transform: rotate(180deg);
}

.operations-ddm-drafts-panel .panel-head h3 {
    margin-top: 2px;
    color: #174f78;
    font-size: 0.96rem;
}

.operations-ddm-drafts-table-shell {
    min-height: 0;
    overflow-x: hidden;
    background: rgba(255, 255, 255, 0.96);
}

.operations-ddm-drafts-table {
    table-layout: fixed;
}

.operations-ddm-drafts-table th,
.operations-ddm-drafts-table td {
    min-width: 0;
    padding: 7px 8px;
    overflow-wrap: anywhere;
    vertical-align: middle;
    font-size: 0.72rem;
}

.operations-ddm-drafts-table th:nth-child(1) { width: 16%; }
.operations-ddm-drafts-table th:nth-child(2) { width: 20%; }
.operations-ddm-drafts-table th:nth-child(3) { width: 18%; }
.operations-ddm-drafts-table th:nth-child(4) { width: 20%; }
.operations-ddm-drafts-table th:nth-child(5) { width: 12%; }
.operations-ddm-drafts-table th:nth-child(6) { width: 14%; }

.operations-ddm-drafts-table td strong,
.operations-ddm-drafts-table td small {
    display: block;
}

.operations-ddm-drafts-table td small {
    margin-top: 2px;
    color: var(--text-soft);
}

.operations-ddm-drafts-table tbody tr.is-active-draft > td {
    background: rgba(220, 241, 255, 0.76);
}

.operations-ddm-drafts-table td:last-child .inline-action-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.operations-ddm-drafts-table td:last-child .ghost-button,
.operations-ddm-drafts-table td:last-child .secondary-button {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 0.68rem;
}

.operations-ddm-footer-actions {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.operations-ddm-card-select-all {
    display: none;
}

.operations-delivery-print-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 14px 16px;
    border-color: rgba(21, 147, 76, 0.28);
    background: rgba(236, 253, 245, 0.78);
}

.operations-ddm-document-actions {
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.operations-ddm-document-actions .dashboard-inline-action {
    white-space: nowrap;
}

.operations-ddm-vehicle-modal-card {
    width: min(980px, 96vw);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.operations-ddm-modal-lookup-grid {
    margin-bottom: 10px;
}

.operations-ddm-table-shell {
    overflow-x: hidden;
    overflow-y: visible;
    min-width: 0;
    padding-bottom: 2px;
}

.operations-ddm-lookup-panel,
.operations-ddm-summary-panel,
.operations-ddm-table-panel,
.operations-ddm-vehicle-panel {
    padding: 8px 10px;
}

.operations-ddm-lookup-panel .panel-head,
.operations-ddm-summary-panel .panel-head,
.operations-ddm-table-panel .panel-head,
.operations-ddm-vehicle-panel .panel-head {
    margin-bottom: 8px;
    align-items: flex-start;
    gap: 10px;
}

.operations-ddm-lookup-panel .panel-head h3,
.operations-ddm-summary-panel .panel-head h3,
.operations-ddm-table-panel .panel-head h3,
.operations-ddm-vehicle-panel .panel-head h3 {
    font-size: 0.98rem;
}

.operations-ddm-lookup-panel .eyebrow,
.operations-ddm-summary-panel .eyebrow,
.operations-ddm-table-panel .eyebrow,
.operations-ddm-vehicle-panel .eyebrow {
    font-size: 0.66rem;
}

.operations-ddm-lookup-panel .lookup-status,
.operations-ddm-summary-panel .lookup-status,
.operations-ddm-table-panel .lookup-status,
.operations-ddm-vehicle-panel .lookup-status {
    max-width: 520px;
    font-size: 0.71rem;
    line-height: 1.28;
}

.operations-ddm-lookup-grid {
    gap: 10px;
}

.operations-ddm-lookup-grid .field,
.operations-ddm-vehicle-grid .field {
    gap: 3px;
}

.operations-ddm-lookup-grid .field span,
.operations-ddm-vehicle-grid .field span {
    font-size: 0.7rem;
}

.operations-ddm-lookup-grid input,
.operations-ddm-lookup-grid select,
.operations-ddm-vehicle-grid input,
.operations-ddm-vehicle-grid select,
.operations-ddm-vehicle-grid textarea {
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 0.76rem;
}

.operations-ddm-vehicle-grid textarea {
    min-height: 48px;
}

.operations-ddm-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.operations-ddm-summary-tile {
    min-height: 0;
    padding: 10px 12px;
    border-radius: 12px;
    gap: 3px;
}

.operations-ddm-settle-summary-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.operations-ddm-bulk-row {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) auto minmax(180px, 0.7fr) auto;
    gap: 10px;
    align-items: end;
}

.operations-ddm-bulk-checkbox {
    align-self: end;
    margin-bottom: 1px;
}

.operations-ddm-cr-search-grid {
    display: grid;
    grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr) auto;
    gap: 10px;
    align-items: end;
}

.operations-ddm-cr-table {
    width: 100%;
    min-width: 1080px;
}

.operations-ddm-cr-table th,
.operations-ddm-cr-table td {
    padding: 7px 8px;
    font-size: 0.76rem;
    white-space: nowrap;
}

.operations-ddm-cr-table td:nth-child(1) {
    width: 44px;
    text-align: center;
}

.operations-ddm-cr-table td:last-child {
    min-width: 150px;
}

.operations-ddm-settle-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.operations-ddm-settle-grid .field-span {
    grid-column: 1 / -1;
}

.operations-ddm-settle-table th,
.operations-ddm-settle-table td {
    padding: 6px 8px;
    font-size: 0.76rem;
    white-space: nowrap;
}

.operations-ddm-settle-table td input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.operations-ddm-settle-table td select {
    min-width: 140px;
}

.operations-ddm-settle-table {
    min-width: 1520px;
}

.operations-ddm-settle-table .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.operations-ddm-settle-table th:first-child,
.operations-ddm-settle-table td:first-child {
    width: 42px;
    text-align: center;
}

.operations-ddm-settle-table th:nth-child(11),
.operations-ddm-settle-table td:nth-child(11) {
    min-width: 470px;
    white-space: normal;
}

.operations-ddm-settle-table tr.is-selected > td {
    background: #f0f7ff;
}

.operations-ddm-settle-table tr.is-locked > td {
    background: #f6f7f9;
    color: #68758a;
}

.operations-ddm-recovery-list {
    display: grid;
    gap: 6px;
}

.operations-ddm-recovery-line {
    display: grid;
    grid-template-columns: minmax(145px, 1fr) 96px minmax(150px, 0.9fr) 30px;
    gap: 5px;
    align-items: center;
}

.operations-ddm-recovery-line select,
.operations-ddm-recovery-line input,
.operations-ddm-short-credit-input {
    width: 100%;
    min-width: 0;
    padding: 6px 7px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 0.74rem;
    background: var(--look-card, #fff);
}

.operations-ddm-mode-summary {
    display: block;
    margin-top: 0.25rem;
    max-width: 18rem;
    color: var(--muted-text, #64748b);
    font-size: 0.72rem;
    line-height: 1.3;
    white-space: normal;
}

.operations-ddm-recovery-line .operations-ddm-recovery-remove {
    width: 28px;
    height: 28px;
    min-width: 28px;
}

.operations-ddm-add-recovery {
    justify-self: start;
    min-height: 28px;
    padding: 4px 8px;
    font-size: 0.7rem;
}

.operations-ddm-settlement-history-panel,
.operations-ddm-short-credit-panel {
    margin-top: 10px;
}

.operations-ddm-settlement-history-table,
.operations-ddm-short-credit-table {
    min-width: 1040px;
}

.operations-ddm-settlement-history-table td,
.operations-ddm-short-credit-table td {
    vertical-align: middle;
}

.operations-ddm-settlement-history-table td:nth-child(3) {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#opsDdmSettleWorkspace {
    position: relative;
}

#opsDdmSettleWorkspace[aria-busy="true"] > section {
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
}

.operations-ddm-settle-saving-overlay {
    position: fixed;
    z-index: 1800;
    left: 50%;
    top: 50%;
    width: min(390px, calc(100vw - 32px));
    transform: translate(-50%, -50%);
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 24px;
    border: 1px solid rgba(23, 104, 207, 0.18);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 24px 70px rgba(20, 43, 82, 0.24);
    color: var(--ink);
    text-align: center;
}

.operations-ddm-settle-saving-overlay[hidden] {
    display: none;
}

.operations-ddm-settle-saving-overlay .loading-spinner {
    width: 42px;
    height: 42px;
    border: 4px solid #dbe9fb;
    border-top-color: var(--scc-blue, #1768cf);
    border-radius: 50%;
    animation: master-spinner 0.9s linear infinite;
}

.operations-ddm-settle-saving-overlay small {
    color: var(--muted);
    line-height: 1.4;
}

.operations-ddm-settlement-action-card {
    width: min(560px, calc(100vw - 32px));
}

.operations-ddm-settlement-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operations-ddm-settlement-action-grid .field-span {
    grid-column: 1 / -1;
}

.operations-ddm-summary-tile span {
    font-size: 0.67rem;
}

.operations-ddm-summary-tile strong {
    font-size: 0.9rem;
}

.operations-ddm-save-actions {
    margin-top: 8px;
}

.operations-ddm-save-actions .primary-button {
    min-height: 36px;
    padding: 8px 14px;
}

.operations-ddm-table {
    table-layout: fixed;
    width: 100%;
    min-width: 0;
}

.operations-ddm-table th,
.operations-ddm-table td {
    padding: 5px 6px;
    vertical-align: middle;
    font-size: 0.69rem;
    line-height: 1.18;
}

.operations-ddm-table th {
    white-space: normal;
    overflow-wrap: normal;
    font-size: 0.64rem;
    letter-spacing: 0.02em;
}

.operations-ddm-table td {
    white-space: normal;
    overflow-wrap: anywhere;
}

.operations-ddm-table td strong {
    color: #163857;
    font-size: 0.73rem;
}

.operations-ddm-table td input {
    min-width: 0;
    width: 100%;
    display: block;
    padding: 5px 6px;
    border-radius: 7px;
    font-size: 0.72rem;
}

.operations-ddm-truncated-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: clip;
    vertical-align: middle;
    white-space: nowrap;
}

.operations-ddm-measurement,
.operations-ddm-measurement strong,
.operations-ddm-measurement small {
    display: block;
}

.operations-ddm-measurement small {
    margin-top: 2px;
    color: var(--text-soft);
    font-size: 0.62rem;
    font-weight: 750;
    text-transform: uppercase;
}

.operations-ddm-table .operations-ddm-amount-input {
    appearance: textfield;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.operations-ddm-charge-editor {
    display: grid;
    gap: 3px;
}

.operations-ddm-charge-editor.is-permission-blocked .operations-ddm-amount-input {
    cursor: not-allowed;
    background: #f4f6f9;
    color: var(--text-soft);
}

.operations-ddm-permission-note {
    color: #9b5d09;
    font-size: 0.58rem;
    font-weight: 700;
    line-height: 1.2;
}

.operations-ddm-table .operations-ddm-delete-action,
.operations-ddm-table .operations-ddm-remark-action {
    width: 30px;
    height: 30px;
    margin-inline: auto;
    border-radius: 8px;
    box-shadow: none;
}

.operations-ddm-table .operations-ddm-remark-action.has-remark {
    color: #0f7a49;
    border-color: rgba(15, 122, 73, 0.3);
    background: rgba(232, 248, 241, 0.96);
}

.operations-ddm-table .operations-ddm-remark-action:disabled {
    cursor: default;
    opacity: 0.7;
}

.operations-ddm-action-empty {
    color: var(--text-soft);
}

.operations-ddm-col-select { width: 2.5%; }
.operations-ddm-col-lr { width: 5%; }
.operations-ddm-col-consignor,
.operations-ddm-col-consignee { width: 8%; }
.operations-ddm-col-booked { width: 4%; }
.operations-ddm-col-dispatch { width: 4.5%; }
.operations-ddm-col-weight { width: 4%; }
.operations-ddm-col-to-pay { width: 5.5%; }
.operations-ddm-col-tariff,
.operations-ddm-col-confirmation { width: 7%; }
.operations-ddm-col-unloading { width: 5.5%; }
.operations-ddm-col-service,
.operations-ddm-col-dd-charge { width: 5%; }
.operations-ddm-col-loading { width: 5.5%; }
.operations-ddm-col-payable { width: 6%; }
.operations-ddm-col-documents { width: 8.5%; }
.operations-ddm-col-action { width: 5.2%; }

.operations-ddm-table :is(th, td):nth-child(1),
.operations-ddm-table :is(th, td):nth-child(5),
.operations-ddm-table :is(th, td):nth-child(6),
.operations-ddm-table :is(th, td):nth-child(7),
.operations-ddm-table :is(th, td):nth-child(8),
.operations-ddm-table :is(th, td):nth-child(9),
.operations-ddm-table :is(th, td):nth-child(10),
.operations-ddm-table :is(th, td):nth-child(11),
.operations-ddm-table :is(th, td):nth-child(12),
.operations-ddm-table :is(th, td):nth-child(13),
.operations-ddm-table :is(th, td):nth-child(14),
.operations-ddm-table :is(th, td):nth-child(15),
.operations-ddm-table :is(th, td):nth-child(16) {
    text-align: center;
}

.operations-ddm-table td:nth-child(1) input[type="checkbox"] {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.operations-ddm-table:not([data-ddm-tariff-enabled="true"]) [data-ddm-tariff-column] {
    display: none !important;
}

.operations-ddm-table tbody tr.operations-ddm-row-door > td {
    background: #e9f8ef;
    border-color: #b8e2c8;
}

.operations-ddm-table tbody tr.operations-ddm-row-godown > td {
    background: #fff0f0;
    border-color: #efc2c2;
}

.operations-ddm-table tbody tr.operations-ddm-row-door:hover > td {
    background: #d7f2e1;
}

.operations-ddm-table tbody tr.operations-ddm-row-godown:hover > td {
    background: #ffe1e1;
}

/*
 * The DDM row has sixteen operational fields. Below wide desktop sizes it is
 * more usable as a labelled grid card than as a compressed, horizontally
 * scrolling table. The normal table remains available on large workstations.
 */
@media (max-width: 1879px) {
    .operations-ddm-card-select-all {
        display: inline-flex;
    }

    .operations-ddm-table-shell {
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .operations-ddm-table,
    .operations-ddm-table tbody {
        display: block;
        width: 100%;
    }

    .operations-ddm-table colgroup,
    .operations-ddm-table thead {
        display: none;
    }

    .operations-ddm-table tbody {
        display: grid;
        gap: 10px;
    }

    .operations-ddm-table tbody tr {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        overflow: hidden;
        border: 1px solid rgba(176, 198, 215, 0.92);
        border-radius: 13px;
        background: var(--look-card, #fff);
        box-shadow: 0 5px 14px rgba(23, 53, 77, 0.08);
    }

    .operations-ddm-table tbody tr.operations-ddm-row-door {
        background: #e9f8ef;
        border-color: #b8e2c8;
    }

    .operations-ddm-table tbody tr.operations-ddm-row-godown {
        background: #fff0f0;
        border-color: #efc2c2;
    }

    .operations-ddm-table tbody tr.operations-ddm-row-door:hover {
        background: #dff4e7;
    }

    .operations-ddm-table tbody tr.operations-ddm-row-godown:hover {
        background: #ffe7e7;
    }

    .operations-ddm-table tbody tr > td {
        display: grid;
        min-width: 0;
        min-height: 58px;
        align-content: start;
        gap: 4px;
        padding: 7px 8px;
        border-right: 1px solid rgba(190, 210, 224, 0.76);
        border-bottom: 1px solid rgba(190, 210, 224, 0.76);
        background: transparent !important;
        text-align: left;
    }

    .operations-ddm-table tbody tr > td::before {
        display: block;
        color: #5e778c;
        font-size: 0.59rem;
        font-weight: 850;
        line-height: 1.1;
        letter-spacing: 0.045em;
        text-transform: uppercase;
    }

    .operations-ddm-table tbody td:nth-child(1)::before { content: "Select"; }
    .operations-ddm-table tbody td:nth-child(2)::before { content: "LR No."; }
    .operations-ddm-table tbody td:nth-child(3)::before { content: "From"; }
    .operations-ddm-table tbody td:nth-child(4)::before { content: "To"; }
    .operations-ddm-table tbody td:nth-child(5)::before { content: "Consignee"; }
    .operations-ddm-table tbody td:nth-child(6)::before { content: "Art"; }
    .operations-ddm-table tbody td:nth-child(7)::before { content: "WT"; }
    .operations-ddm-table tbody td:nth-child(8)::before { content: "Grand Total"; }
    .operations-ddm-table tbody td:nth-child(9)::before { content: "Hamali"; }
    .operations-ddm-table tbody td:nth-child(10)::before { content: "Service charge"; }
    .operations-ddm-table tbody td:nth-child(11)::before { content: "DD Charge"; }
    .operations-ddm-table tbody td:nth-child(12)::before { content: "Loading Hamali"; }
    .operations-ddm-table tbody td:nth-child(13)::before { content: "Remark"; }
    .operations-ddm-table tbody td:nth-child(14)::before { content: "Payable"; }
    .operations-ddm-table tbody td:nth-child(15)::before { content: "Action"; }
    .operations-ddm-table tbody td:nth-child(16)::before { content: "DD Tariff"; }

    .operations-ddm-table tbody tr > td:nth-child(1) {
        justify-items: start;
    }

    .operations-ddm-table tbody tr > td:nth-child(5),
    .operations-ddm-table tbody tr > td:nth-child(13),
    .operations-ddm-table tbody tr > td:nth-child(15),
    .operations-ddm-table tbody tr > td:nth-child(16) {
        grid-column: span 2;
    }

    .operations-ddm-table tbody tr > td:nth-child(15) .inline-action-row {
        justify-content: flex-start;
    }

    .operations-ddm-table tbody tr > td.empty-row {
        grid-column: 1 / -1;
        display: block;
        min-height: 84px;
        padding: 30px 16px;
        text-align: center;
    }

    .operations-ddm-table tbody tr > td.empty-row::before {
        display: none;
    }
}

@media (max-width: 1500px) {
    .operations-ddm-table tbody tr {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .operations-ddm-table tbody tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-ddm-drafts-table th,
    .operations-ddm-drafts-table td {
        padding: 6px;
        font-size: 0.67rem;
    }
}

@media (max-width: 600px) {
    .operations-ddm-table tbody tr {
        grid-template-columns: 1fr;
    }

    .operations-ddm-table tbody tr > td:nth-child(5),
    .operations-ddm-table tbody tr > td:nth-child(13),
    .operations-ddm-table tbody tr > td:nth-child(15),
    .operations-ddm-table tbody tr > td:nth-child(16) {
        grid-column: auto;
    }

    .operations-ddm-drafts-panel .panel-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .operations-ddm-drafts-table,
    .operations-ddm-drafts-table tbody,
    .operations-ddm-drafts-table tr,
    .operations-ddm-drafts-table td {
        display: block;
        width: 100%;
    }

    .operations-ddm-drafts-table thead {
        display: none;
    }

    .operations-ddm-drafts-table tr {
        padding: 7px;
        border-bottom: 1px solid rgba(190, 210, 224, 0.8);
    }

    .operations-ddm-drafts-table td {
        border: 0;
    }

    .operations-ddm-drafts-table td::before {
        display: block;
        margin-bottom: 2px;
        color: #5e778c;
        font-size: 0.58rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .operations-ddm-drafts-table td:nth-child(1)::before { content: "Draft"; }
    .operations-ddm-drafts-table td:nth-child(2)::before { content: "Selected LRs"; }
    .operations-ddm-drafts-table td:nth-child(3)::before { content: "Destination"; }
    .operations-ddm-drafts-table td:nth-child(4)::before { content: "Stage / Vehicle"; }
    .operations-ddm-drafts-table td:nth-child(5)::before { content: "Last saved"; }
    .operations-ddm-drafts-table td:nth-child(6)::before { content: "Action"; }

    .operations-ddm-drafts-table td:last-child .inline-action-row {
        justify-content: flex-start;
    }

    .operations-ddm-drafts-table td.empty-row::before {
        display: none;
    }
}

.operations-inline-chip-stack,
.operations-inline-button-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.operations-confirmation-audit,
.operations-confirmation-item {
    display: flex;
    gap: 4px;
    align-items: flex-start;
}

.operations-confirmation-audit {
    flex-direction: column;
    max-width: 360px;
    white-space: normal;
}

.operations-confirmation-item {
    flex-wrap: wrap;
    padding-top: 3px;
    border-top: 1px solid #dce7ef;
    font-size: 0.7rem;
}

.operations-confirmation-item .inline-action-row {
    margin-left: auto;
}

.operations-inline-button-stack {
    justify-content: flex-start;
}

.operations-hero-side {
    min-width: 360px;
}

@media (min-width: 1500px) {
    .operations-single-delivery-side .operations-single-delivery-bank-grid,
    .operations-single-delivery-side .operations-single-delivery-confirm-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-single-delivery-bank-grid .field,
    .operations-single-delivery-confirm-grid .field {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .operations-single-delivery-confirm-grid .field-span {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1580px) {
    .operations-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .operations-blhpv-layout {
        grid-template-columns: 1fr;
    }

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

    .operations-ddm-cr-search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-ddm-top-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .operations-status-strip {
        flex-direction: column;
        align-items: stretch;
    }

    .operations-form-grid,
    .operations-preview-grid,
    .operations-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-blhpv-payment-grid,
    .operations-blhpv-balance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-ddm-vehicle-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .operations-form-grid .field-span {
        grid-column: 1 / -1;
    }

    .operations-lhpv-picker-head,
    .operations-consolidated-control-grid,
    .operations-consolidated-totals,
    .operations-consolidated-payment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-consolidated-control-grid .field-span {
        grid-column: 1 / -1;
    }

    .operations-single-delivery-workspace {
        grid-template-columns: 1fr;
    }

    .operations-single-delivery-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .operations-single-delivery-summary-tile:nth-child(5n) {
        border-right: 1px solid rgba(218, 229, 238, 0.88);
    }

    .operations-single-delivery-summary-tile:nth-child(4n) {
        border-right: 0;
    }

    .operations-ddm-lookup-grid,
    .operations-ddm-summary-grid,
    .operations-single-delivery-lookup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .operations-blhpv-payment-grid,
    .operations-blhpv-balance-strip {
        grid-template-columns: 1fr;
    }

    .operations-lhpv-picker-head,
    .operations-consolidated-control-grid,
    .operations-consolidated-totals,
    .operations-consolidated-payment-grid {
        grid-template-columns: 1fr;
    }

    .operations-selection-summary,
    .operations-consolidated-selection-summary,
    .operations-save-actions,
    .operations-consolidated-filter-actions {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-height: 900px) {
    .operations-ddm-compact-panel {
        gap: 10px;
    }

    .operations-ddm-lookup-panel,
    .operations-ddm-summary-panel,
    .operations-ddm-table-panel,
    .operations-ddm-vehicle-panel {
        padding: 7px 8px;
    }

    .operations-ddm-lookup-panel .panel-head,
    .operations-ddm-summary-panel .panel-head,
    .operations-ddm-table-panel .panel-head,
    .operations-ddm-vehicle-panel .panel-head {
        margin-bottom: 6px;
    }

    .operations-ddm-vehicle-toggle {
        margin-bottom: 8px;
    }

    .operations-ddm-summary-tile {
        padding: 8px 10px;
    }

    .operations-ddm-summary-tile strong {
        font-size: 0.84rem;
    }

    .operations-ddm-table th,
    .operations-ddm-table td {
        padding: 4px 5px;
        font-size: 0.66rem;
    }

    .operations-ddm-table input {
        padding: 4px 5px;
        font-size: 0.69rem;
    }

    .operations-ddm-lookup-grid input,
    .operations-ddm-lookup-grid select,
    .operations-ddm-vehicle-grid input,
    .operations-ddm-vehicle-grid select,
    .operations-ddm-vehicle-grid textarea {
        padding: 5px 7px;
        font-size: 0.74rem;
    }
}

@media (max-width: 760px) {
    .topbar-dropdown-menu-operations {
        overflow: auto;
    }

    .topbar-submenu-side .topbar-submenu-panel {
        position: static;
        min-width: 0;
        margin-left: 10px;
        padding: 0 0 0 10px;
        border: none;
        border-left: 1px solid rgba(176, 198, 214, 0.88);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .topbar-submenu-side .topbar-submenu-panel.topbar-submenu-panel-scrollable {
        width: auto;
        max-height: min(52vh, 420px);
        overflow-y: auto;
    }

    .operations-form-grid,
    .operations-preview-grid,
    .operations-summary-grid {
        grid-template-columns: 1fr;
    }

    .operations-ddm-top-row,
    .operations-ddm-lookup-grid,
    .operations-ddm-summary-grid,
    .operations-ddm-vehicle-grid,
    .operations-single-delivery-lookup-grid,
    .operations-single-delivery-readonly-grid {
        grid-template-columns: 1fr;
    }

    .operations-single-delivery-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-single-delivery-summary-tile:nth-child(4n) {
        border-right: 1px solid rgba(218, 229, 238, 0.88);
    }

    .operations-single-delivery-summary-tile:nth-child(2n) {
        border-right: 0;
    }

    .operations-single-delivery-payment-grid .field,
    .operations-single-delivery-bank-grid .field,
    .operations-single-delivery-confirm-grid .field {
        grid-template-columns: 1fr;
    }
}

.app-shell-tcc {
    gap: 10px;
    height: auto;
    min-height: 100vh;
    overflow: visible;
}

.app-shell-tcc .console-header {
    align-items: flex-start;
}

.app-shell-tcc .console-header,
.app-shell-tcc .console-header-side,
.app-shell-tcc .header-context-stack,
.app-shell-tcc .header-meta,
.app-shell-tcc .topbar,
.app-shell-tcc .topbar-left,
.app-shell-tcc .topbar-right,
.app-shell-tcc .panel,
.app-shell-tcc .panel-head,
.app-shell-tcc .modal-head,
.app-shell-tcc .table-shell,
.app-shell-tcc .tcc-summary-card,
.app-shell-tcc .tcc-panel,
.app-shell-tcc .tcc-panel > *,
.app-shell-tcc .tcc-filter-panel > *,
.app-shell-tcc .tcc-hero-panel > *,
.app-shell-tcc .tcc-main-grid > *,
.app-shell-tcc .tcc-summary-grid > *,
.app-shell-tcc .tcc-filter-grid > *,
.app-shell-tcc .tcc-master-layout > * {
    min-width: 0;
}

.app-shell-tcc .console-header-side {
    flex-wrap: wrap;
    align-items: flex-start;
}

.app-shell-tcc .header-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-shell-tcc .topbar {
    flex-wrap: wrap;
    align-items: flex-start;
}

.app-shell-tcc .topbar-right {
    flex: 1 1 100%;
    margin-left: 0;
    justify-content: flex-start;
}

.app-shell-tcc .topbar-note {
    max-width: none;
}

.tcc-shell {
    min-height: auto;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    overflow: visible;
    padding-right: 2px;
    padding-bottom: 10px;
}

.tcc-shell > .tcc-hero-panel,
.tcc-shell > .tcc-filter-panel,
.tcc-shell > .tcc-summary-grid,
.tcc-shell > .tcc-main-grid {
    flex-shrink: 0;
    min-height: max-content;
}

.tcc-hero-panel,
.tcc-filter-panel,
.tcc-panel {
    padding: 14px 16px;
}

.tcc-hero-panel {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.tcc-hero-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.tcc-hero-copy h1 {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.02;
    color: var(--variant-strong);
}

.tcc-hero-copy .field-help {
    margin-top: 2px;
    max-width: 1080px;
}

.tcc-hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tcc-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
}

.tcc-message {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(176, 198, 214, 0.82);
    background: rgba(238, 245, 251, 0.86);
}

.tcc-message.is-success {
    color: var(--success);
    border-color: rgba(31, 123, 93, 0.3);
    background: rgba(225, 245, 236, 0.88);
}

.tcc-message.is-error {
    color: var(--danger);
    border-color: rgba(203, 74, 79, 0.3);
    background: rgba(255, 233, 234, 0.92);
}

.tcc-message.is-info {
    color: var(--variant-strong);
    border-color: rgba(24, 90, 142, 0.22);
    background: rgba(232, 245, 255, 0.92);
}

.tcc-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
}

.tcc-summary-card {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(170, 194, 210, 0.86);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-soft);
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    overflow: hidden;
}

.tcc-summary-card span {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(23, 51, 72, 0.6);
}

.tcc-summary-card strong {
    font-family: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
    font-size: 1.55rem;
    color: var(--variant-strong);
}

.tcc-summary-card p {
    margin: 0;
    font-size: 0.82rem;
    color: var(--text-soft);
}

.tcc-summary-card.tone-danger {
    border-color: rgba(203, 74, 79, 0.3);
    background: rgba(255, 239, 239, 0.92);
}

.tcc-summary-card.tone-warning {
    border-color: rgba(190, 122, 21, 0.3);
    background: rgba(255, 244, 224, 0.92);
}

.tcc-summary-card.tone-success {
    border-color: rgba(31, 123, 93, 0.24);
    background: rgba(236, 250, 244, 0.92);
}

.tcc-summary-card.tone-accent {
    border-color: rgba(24, 90, 142, 0.22);
    background: rgba(235, 245, 255, 0.92);
}

.tcc-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    min-height: 0;
    align-items: start;
    grid-auto-rows: max-content;
}

.tcc-operational-area {
    position: relative;
    overflow: hidden;
    border-color: rgba(24, 90, 142, 0.2);
    background:
        radial-gradient(circle at 100% 0, rgba(67, 171, 211, 0.1), transparent 28rem),
        rgba(255, 255, 255, 0.97);
}

.tcc-operational-area::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #185a8e, #36a7c7 55%, #1f7b5d);
}

.tcc-vehicle-area-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.tcc-panel {
    min-height: max-content;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
}

.tcc-panel-span-2 {
    grid-column: 1 / -1;
}

.tcc-alert-stack {
    display: grid;
    gap: 10px;
}

.tcc-filter-panel .panel-head > div,
.tcc-panel .panel-head > div,
.tcc-master-list-panel .panel-head > div,
.tcc-master-form-panel .panel-head > div,
.tcc-drilldown-modal-card .modal-head > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.tcc-filter-panel .panel-head h2,
.tcc-panel .panel-head h2,
.tcc-master-list-panel .panel-head h3,
.tcc-master-form-panel .panel-head h3,
.tcc-drilldown-modal-card .modal-head h2,
.tcc-vehicle-plan-modal-card .modal-head h2 {
    margin: 0;
    line-height: 1.05;
}

.tcc-filter-panel .panel-head,
.tcc-panel .panel-head,
.tcc-master-list-panel .panel-head,
.tcc-master-form-panel .panel-head,
.tcc-drilldown-modal-card .modal-head {
    flex-wrap: wrap;
}

.app-shell-tcc .table-shell .data-table {
    table-layout: fixed;
}

.app-shell-tcc .table-shell .data-table th,
.app-shell-tcc .table-shell .data-table td {
    vertical-align: top;
    word-break: break-word;
}

.app-shell-tcc .table-shell {
    min-height: max-content;
    flex: 0 0 auto;
}

.tcc-alert-card {
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(170, 194, 210, 0.86);
    background: rgba(250, 252, 255, 0.95);
    box-shadow: var(--shadow-soft);
}

.tcc-alert-card strong {
    display: block;
    margin-bottom: 5px;
    font-size: 0.98rem;
}

.tcc-alert-card p {
    margin: 0;
    color: var(--text-soft);
    font-size: 0.84rem;
    line-height: 1.45;
}

.tcc-alert-card.tone-danger {
    border-color: rgba(203, 74, 79, 0.34);
    background: rgba(255, 239, 239, 0.95);
}

.tcc-alert-card.tone-warning {
    border-color: rgba(190, 122, 21, 0.34);
    background: rgba(255, 244, 224, 0.95);
}

.tcc-alert-card.tone-success {
    border-color: rgba(31, 123, 93, 0.28);
    background: rgba(236, 250, 244, 0.95);
}

.tcc-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.tcc-status-pill.tone-danger {
    color: #9f2127;
    background: rgba(203, 74, 79, 0.16);
}

.tcc-status-pill.tone-warning {
    color: #8a590e;
    background: rgba(190, 122, 21, 0.18);
}

.tcc-status-pill.tone-success {
    color: #12674f;
    background: rgba(31, 123, 93, 0.16);
}

.tcc-status-pill.tone-accent {
    color: var(--variant-strong);
    background: rgba(24, 90, 142, 0.14);
}

.tcc-master-modal-card {
    width: min(1180px, calc(100vw - 30px));
    max-height: min(92vh, 900px);
}

.tcc-master-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 14px;
    min-height: 0;
}

.tcc-master-list-panel,
.tcc-master-form-panel {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tcc-master-form-panel .branch-modal-grid {
    align-items: start;
}

.tcc-branch-checklist {
    min-height: 168px;
    max-height: 268px;
    overflow: auto;
    padding: 10px;
    border: 1px solid rgba(176, 198, 214, 0.82);
    border-radius: 12px;
    background: rgba(247, 250, 252, 0.96);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tcc-checkbox-field {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tcc-checkbox-field input {
    width: 18px;
    height: 18px;
}

.tcc-drilldown-modal-card {
    width: min(1420px, calc(100vw - 28px));
    max-height: min(92vh, 900px);
}

#tccAllocationModal.modal-shell,
#tccVehiclePlanModal.modal-shell {
    z-index: 1400;
}

.tcc-drilldown-action-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(24, 90, 142, 0.24);
    border-radius: 14px;
    background: rgba(234, 242, 255, 0.72);
    flex: 0 0 auto;
}

.tcc-drilldown-action-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.tcc-drilldown-action-copy p {
    margin: 0;
}

.tcc-drilldown-action-panel .button-row {
    flex: 0 0 auto;
}

.tcc-drilldown-modal-card .table-shell-modal {
    overflow: auto;
}

.tcc-vehicle-plan-modal-card {
    width: min(960px, calc(100vw - 28px));
    max-height: min(90vh, 760px);
    overflow: auto;
}

.tcc-vehicle-plan-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.tcc-vehicle-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
}

.tcc-vehicle-plan-grid .field,
.tcc-filter-grid .field {
    min-width: 0;
}

.tcc-placeholder-field {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.tcc-placeholder-field .field-help {
    grid-column: 2;
}

.tcc-stop-editor {
    overflow: hidden;
    border: 1px solid rgba(176, 198, 214, 0.72);
    border-radius: 14px;
    background: rgba(250, 252, 254, 0.96);
}

.tcc-stop-editor .tcc-section-title > div:first-child {
    display: grid;
    gap: 2px;
}

.tcc-stop-editor .tcc-section-title small {
    color: var(--text-soft);
    font-size: 0.7rem;
}

.tcc-stop-add-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: min(100%, 430px);
}

.tcc-stop-add-row input {
    flex: 1 1 260px;
    min-width: 0;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid rgba(145, 174, 195, 0.78);
    border-radius: 9px;
    background: var(--look-card, #fff);
    color: var(--text-main);
    font: inherit;
}

.tcc-stop-list {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 10px;
    list-style: none;
}

.tcc-stop-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 7px 9px;
    border: 1px solid rgba(176, 198, 214, 0.55);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.tcc-stop-list li > div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.tcc-stop-list .icon-button {
    min-width: 32px;
    min-height: 30px;
    padding: 4px 7px;
}

.tcc-stop-list-empty {
    grid-template-columns: 1fr !important;
    color: var(--text-soft);
    text-align: center;
}

.tcc-dispatch-row td {
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

.tcc-dispatch-row.tone-danger td {
    background: rgba(255, 239, 239, 0.86);
}

.tcc-dispatch-row.tone-warning td {
    background: rgba(255, 244, 224, 0.88);
}

.tcc-dispatch-row.tone-success td {
    background: rgba(236, 250, 244, 0.86);
}

.tcc-dispatch-row.tone-accent td {
    background: rgba(235, 245, 255, 0.82);
}

.tcc-dispatch-row:hover {
    filter: brightness(0.985);
}

.tcc-destination-trip-table th:nth-child(1),
.tcc-destination-trip-table td:nth-child(1) { width: 9%; }
.tcc-destination-trip-table { min-width: 1120px; }
.tcc-destination-trip-table th:nth-child(2),
.tcc-destination-trip-table td:nth-child(2) { width: 10%; }
.tcc-destination-trip-table th:nth-child(3),
.tcc-destination-trip-table td:nth-child(3) { width: 11%; }
.tcc-destination-trip-table th:nth-child(4),
.tcc-destination-trip-table td:nth-child(4) { width: 24%; }
.tcc-destination-trip-table th:nth-child(5),
.tcc-destination-trip-table td:nth-child(5) { width: 7%; }
.tcc-destination-trip-table th:nth-child(6),
.tcc-destination-trip-table td:nth-child(6) { width: 10%; }
.tcc-destination-trip-table th:nth-child(7),
.tcc-destination-trip-table td:nth-child(7) { width: 10%; }
.tcc-destination-trip-table th:nth-child(8),
.tcc-destination-trip-table td:nth-child(8) { width: 10%; }
.tcc-destination-trip-table th:nth-child(9),
.tcc-destination-trip-table td:nth-child(9) { width: 9%; }

.tcc-dispatch-row td > small,
.tcc-dispatch-row td > strong + small {
    display: block;
    margin-top: 3px;
    color: var(--text-soft);
    font-size: 0.68rem;
}

.tcc-destination-group-row td {
    padding: 8px 11px;
    border-block: 1px solid rgba(24, 90, 142, 0.15);
    background: rgba(220, 239, 251, 0.86);
}

.tcc-destination-group-row td > span {
    margin-left: 10px;
    color: var(--text-soft);
    font-size: 0.7rem;
    font-weight: 700;
}

.tcc-stop-sequence {
    display: inline-flex;
    min-width: 30px;
    min-height: 26px;
    align-items: center;
    justify-content: center;
    padding: 4px 7px;
    border-radius: 8px;
    background: rgba(24, 90, 142, 0.11);
    color: var(--variant-strong);
    font-size: 0.69rem;
    font-weight: 800;
    white-space: nowrap;
}

.tcc-destination-allocation-lines,
.tcc-allocation-line-summary {
    display: grid;
    gap: 3px;
    margin-top: 4px;
    color: var(--text-soft);
    font-size: 0.68rem;
    line-height: 1.3;
}

.tcc-destination-allocation-lines > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcc-execution-panel {
    position: relative;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(24, 90, 142, 0.2);
    background:
        radial-gradient(circle at 100% 0, rgba(67, 171, 211, 0.14), transparent 25rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 253, 0.96));
}

.tcc-execution-panel::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #185a8e, #36a7c7 55%, #1f7b5d);
}

.tcc-execution-head {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.tcc-execution-head > div:first-child {
    display: grid;
    gap: 4px;
}

.tcc-execution-head h2 {
    margin: 0;
    color: var(--variant-strong);
}

.tcc-shortcut-legend {
    display: grid;
    grid-template-columns: repeat(5, auto auto);
    align-items: center;
    gap: 5px 8px;
    color: var(--text-soft);
    font-size: 0.7rem;
    white-space: nowrap;
}

.tcc-shortcut-legend kbd {
    padding: 4px 6px;
    border: 1px solid rgba(24, 90, 142, 0.22);
    border-bottom-width: 2px;
    border-radius: 6px;
    background: var(--look-card, #fff);
    color: var(--variant-strong);
    box-shadow: 0 3px 8px rgba(27, 64, 91, 0.08);
    font: 700 0.66rem/1 "Trebuchet MS", sans-serif;
}

.tcc-vehicle-workflow-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(720px, 100%), 1fr));
    gap: 12px;
}

.tcc-vehicle-workflow-card {
    min-width: 0;
    border: 1px solid rgba(152, 181, 201, 0.72);
    border-radius: 18px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 12px 30px rgba(27, 64, 91, 0.09);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.tcc-vehicle-workflow-card:hover {
    border-color: rgba(24, 90, 142, 0.42);
    box-shadow: 0 16px 36px rgba(27, 64, 91, 0.13);
    transform: translateY(-1px);
}

.tcc-vehicle-workflow-card.is-dispatched {
    border-color: rgba(31, 123, 93, 0.34);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(237, 249, 244, 0.94));
}

.tcc-workflow-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px 10px;
}

.tcc-workflow-vehicle-identity {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.tcc-workflow-vehicle-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, #185a8e, #2f91bd);
    box-shadow: 0 9px 20px rgba(24, 90, 142, 0.24);
}

.tcc-workflow-vehicle-icon svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
}

.tcc-workflow-vehicle-identity div {
    min-width: 0;
}

.tcc-workflow-vehicle-identity small,
.tcc-capacity-values small,
.tcc-workflow-summary-strip span,
.tcc-review-metrics span {
    display: block;
    color: rgba(23, 51, 72, 0.6);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.tcc-workflow-vehicle-identity h3 {
    margin: 2px 0;
    color: var(--variant-strong);
    font-size: 1.2rem;
    line-height: 1;
}

.tcc-workflow-vehicle-identity p {
    margin: 0;
    overflow: hidden;
    color: var(--text-soft);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcc-workflow-state-stack {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.tcc-document-chip {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 10px;
    border: 1px solid rgba(24, 90, 142, 0.2);
    border-radius: 999px;
    background: rgba(232, 245, 255, 0.9);
    color: var(--variant-strong);
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.tcc-document-chip:hover {
    border-color: rgba(24, 90, 142, 0.5);
}

.tcc-document-chip.is-muted {
    border-color: rgba(176, 198, 214, 0.58);
    background: rgba(240, 244, 247, 0.86);
    color: var(--text-soft);
}

.tcc-capacity-panel {
    margin: 0 16px 12px;
    padding: 10px 12px;
    border: 1px solid rgba(24, 90, 142, 0.14);
    border-radius: 13px;
    background: rgba(241, 248, 253, 0.8);
}

.tcc-capacity-panel.is-over {
    border-color: rgba(203, 74, 79, 0.32);
    background: rgba(255, 239, 239, 0.9);
}

.tcc-capacity-values {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 8px;
}

.tcc-capacity-values span {
    min-width: 0;
}

.tcc-capacity-values strong {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: var(--variant-strong);
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcc-capacity-track {
    height: 7px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(24, 90, 142, 0.11);
}

.tcc-capacity-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2f91bd, #1f7b5d);
    transition: width 0.35s ease;
}

.tcc-capacity-panel.is-over .tcc-capacity-track span {
    background: linear-gradient(90deg, #d56431, #cb4a4f);
}

.tcc-trip-finance-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
    margin: 0 16px 12px;
}

.tcc-trip-finance-grid > span {
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid rgba(176, 198, 214, 0.55);
    border-radius: 10px;
    background: rgba(250, 252, 254, 0.96);
}

.tcc-trip-finance-grid small,
.tcc-trip-finance-grid strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcc-trip-finance-grid small {
    color: var(--text-soft);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tcc-trip-finance-grid strong {
    margin-top: 3px;
    color: var(--variant-strong);
    font-size: 0.78rem;
}

.tcc-workflow-actions {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 10px 16px;
    border-block: 1px solid rgba(176, 198, 214, 0.48);
    background: rgba(249, 252, 254, 0.96);
    backdrop-filter: blur(8px);
}

.tcc-workflow-button {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 0.76rem;
}

.tcc-workflow-button:disabled {
    cursor: not-allowed;
    opacity: 0.48;
    filter: grayscale(0.35);
}

.tcc-destination-ls-table-wrap {
    width: 100%;
    overflow: hidden;
}

.tcc-destination-ls-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.76rem;
}

.tcc-destination-ls-table th,
.tcc-destination-ls-table td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(176, 198, 214, 0.42);
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.tcc-destination-ls-table th {
    color: rgba(23, 51, 72, 0.72);
    background: rgba(232, 245, 255, 0.78);
    font-size: 0.64rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.tcc-destination-ls-table tbody tr:hover {
    background: rgba(232, 245, 255, 0.54);
}

.tcc-destination-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.tcc-document-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.tcc-workflow-card-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    padding: 9px 16px 11px;
    color: var(--text-soft);
    font-size: 0.7rem;
}

.tcc-workflow-card-foot span {
    padding: 3px 8px;
    border-radius: 99px;
    background: rgba(24, 90, 142, 0.08);
}

.tcc-workflow-card-foot strong {
    margin-left: auto;
    color: var(--variant-strong);
}

.tcc-workflow-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 92px;
    padding: 18px;
    border: 1px dashed rgba(24, 90, 142, 0.27);
    border-radius: 14px;
    background: rgba(241, 248, 253, 0.64);
    color: var(--text-soft);
    text-align: center;
}

.tcc-workflow-empty strong {
    color: var(--variant-strong);
}

.tcc-workflow-modal-card {
    width: min(1480px, calc(100vw - 30px));
    max-height: min(94vh, 940px);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    overscroll-behavior: contain;
}

.tcc-workflow-modal-card .modal-head {
    flex: 0 0 auto;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(176, 198, 214, 0.54);
}

.tcc-workflow-summary-strip,
.tcc-review-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.tcc-workflow-summary-strip article,
.tcc-review-metrics article {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(176, 198, 214, 0.64);
    border-radius: 11px;
    background: rgba(247, 251, 253, 0.94);
}

.tcc-workflow-summary-strip strong,
.tcc-review-metrics strong {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--variant-strong);
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcc-allocation-groups {
    display: grid;
    gap: 10px;
}

.tcc-allocation-group {
    overflow: hidden;
    border: 1px solid rgba(176, 198, 214, 0.68);
    border-radius: 13px;
    background: var(--look-card, #fff);
}

.tcc-allocation-group-head,
.tcc-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    background: rgba(232, 245, 255, 0.74);
}

.tcc-allocation-group-head > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tcc-allocation-group-head span {
    color: var(--text-soft);
    font-size: 0.72rem;
}

.tcc-select-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--variant-strong);
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

.tcc-select-all input,
.tcc-allocation-table input[type="checkbox"] {
    width: 17px;
    height: 17px;
    accent-color: #185a8e;
}

.tcc-allocation-table {
    table-layout: fixed;
    font-size: 0.72rem;
}

.tcc-allocation-table th,
.tcc-allocation-table td {
    padding: 6px 7px;
    vertical-align: middle;
}

.tcc-allocation-qty {
    width: 72px;
    min-height: 30px;
    padding: 4px 6px;
    border: 1px solid rgba(145, 174, 195, 0.78);
    border-radius: 7px;
    font: inherit;
}

.tcc-allocation-weight {
    width: 104px;
    min-height: 30px;
    padding: 4px 6px;
    border: 1px solid rgba(145, 174, 195, 0.78);
    border-radius: 7px;
    font: inherit;
}

.tcc-row-selected td {
    background: rgba(225, 245, 236, 0.54);
}

.tcc-row-conflict td {
    background: rgba(255, 233, 234, 0.64);
}

.tcc-allocation-reason-field {
    flex: 0 0 auto;
}

.tcc-review-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.75fr);
    gap: 10px;
    min-height: 0;
}

.tcc-review-exception-panel,
.tcc-review-lr-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(176, 198, 214, 0.68);
    border-radius: 13px;
    background: var(--look-card, #fff);
}

.tcc-review-exceptions {
    display: grid;
    gap: 7px;
    max-height: 350px;
    overflow: auto;
    padding: 8px;
}

.tcc-exception-card {
    padding: 9px 10px;
    border-left: 4px solid #2f91bd;
    border-radius: 9px;
    background: rgba(241, 248, 253, 0.8);
}

.tcc-exception-card.severity-blocking {
    border-left-color: #cb4a4f;
    background: rgba(255, 239, 239, 0.9);
}

.tcc-exception-card.severity-warning {
    border-left-color: #be7a15;
    background: rgba(255, 244, 224, 0.9);
}

.tcc-exception-card.severity-valid {
    border-left-color: #1f7b5d;
    background: rgba(236, 250, 244, 0.9);
}

.tcc-exception-card > div {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: var(--variant-strong);
    font-size: 0.72rem;
}

.tcc-exception-card p {
    margin: 5px 0;
    color: var(--text-main);
    font-size: 0.75rem;
    line-height: 1.35;
}

.tcc-exception-card small {
    color: var(--text-soft);
    font-size: 0.67rem;
}

.tcc-review-lr-panel .table-shell-modal {
    max-height: 410px;
    overflow: auto;
}

.tcc-review-lr-panel .data-table {
    table-layout: fixed;
    font-size: 0.7rem;
}

.tcc-review-lr-panel .data-table th,
.tcc-review-lr-panel .data-table td {
    padding: 6px;
}

.tcc-modal-sticky-actions {
    position: sticky;
    z-index: 5;
    bottom: -16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 -16px -16px;
    padding: 10px 16px;
    border-top: 1px solid rgba(176, 198, 214, 0.62);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -8px 22px rgba(27, 64, 91, 0.08);
    backdrop-filter: blur(10px);
}

.tcc-action-spacer {
    flex: 1 1 auto;
}

.tcc-lhpv-modal-card {
    width: min(940px, calc(100vw - 30px));
}

.tcc-lhpv-ls-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.tcc-lhpv-ls-list article {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid rgba(176, 198, 214, 0.64);
    border-radius: 11px;
    background: rgba(247, 251, 253, 0.94);
    color: var(--text-soft);
    font-size: 0.72rem;
}

.tcc-lhpv-ls-list article div:first-child {
    display: flex;
    flex-direction: column;
}

.tcc-lhpv-ls-list strong,
.tcc-lhpv-ls-list b {
    color: var(--variant-strong);
}

.tcc-lhpv-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tcc-lhpv-form-grid .field-span {
    grid-column: 1 / -1;
}

.tcc-lhpv-payment-editor {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(176, 198, 214, 0.64);
    border-radius: 12px;
    background: rgba(247, 251, 253, 0.82);
}

.tcc-lhpv-payment-head,
.tcc-lhpv-payment-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tcc-lhpv-payment-head h3,
.tcc-lhpv-payment-head p {
    margin: 0;
}

.tcc-lhpv-payment-lines {
    display: grid;
    gap: 7px;
}

.tcc-lhpv-payment-line {
    display: grid;
    grid-template-columns: minmax(105px, 0.8fr) minmax(100px, 0.7fr) minmax(130px, 1fr) minmax(140px, 1fr) minmax(125px, 0.9fr) minmax(130px, 1fr) 34px;
    align-items: end;
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(176, 198, 214, 0.5);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.tcc-lhpv-payment-line .field {
    gap: 3px;
    min-width: 0;
}

.tcc-lhpv-payment-line .field span {
    font-size: 0.66rem;
}

.tcc-lhpv-payment-line input,
.tcc-lhpv-payment-line select {
    min-width: 0;
    height: 34px;
    padding: 6px 8px;
    font-size: 0.72rem;
}

.tcc-lhpv-payment-line:not(.is-bank-mode) [data-tcc-payment-field="bankName"],
.tcc-lhpv-payment-line:not(.is-bank-mode) [data-tcc-payment-field="transactionNumber"],
.tcc-lhpv-payment-line:not(.is-bank-mode) [data-tcc-payment-field="transactionDate"],
.tcc-lhpv-payment-line:not(.is-bank-mode) [data-tcc-payment-field="paymentReference"] {
    background: #f4f7f9;
}

.tcc-lhpv-payment-remove {
    width: 34px;
    height: 34px;
    color: #b42318;
}

.tcc-lhpv-payment-total {
    justify-content: flex-end;
    color: var(--text-soft);
    font-size: 0.75rem;
}

.tcc-lhpv-payment-total strong {
    min-width: 90px;
    color: var(--variant-strong);
    text-align: right;
}

.tcc-trip-action-modal-card {
    width: min(720px, calc(100vw - 30px));
    max-height: min(90vh, 760px);
    overflow: auto;
}

.tcc-trip-audit-list {
    display: grid;
    gap: 8px;
    max-height: min(58vh, 520px);
    overflow: auto;
    padding: 2px;
}

.tcc-trip-audit-list article {
    padding: 10px 12px;
    border: 1px solid rgba(176, 198, 214, 0.64);
    border-left: 4px solid #2f91bd;
    border-radius: 10px;
    background: rgba(247, 251, 253, 0.94);
}

.tcc-trip-audit-list article > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.tcc-trip-audit-list time,
.tcc-trip-audit-list small {
    color: var(--text-soft);
    font-size: 0.68rem;
}

.tcc-trip-audit-list p {
    margin: 6px 0;
    color: var(--text-main);
    font-size: 0.78rem;
}

@media (max-width: 1500px) {
    .app-shell-tcc .header-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tcc-filter-grid,
    .tcc-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tcc-main-grid {
        grid-template-columns: 1fr;
    }

    .tcc-shortcut-legend {
        grid-template-columns: repeat(3, auto auto);
    }
}

@media (max-width: 1120px) {
    .app-shell-tcc .header-meta {
        grid-template-columns: 1fr;
    }

    .tcc-hero-panel {
        flex-direction: column;
        align-items: stretch;
    }

    .tcc-filter-grid,
    .tcc-summary-grid,
    .tcc-master-layout,
    .tcc-vehicle-plan-summary,
    .tcc-vehicle-plan-grid,
    .tcc-review-metrics,
    .tcc-lhpv-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tcc-review-layout {
        grid-template-columns: 1fr;
    }

    .tcc-trip-finance-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tcc-shortcut-legend {
        display: none;
    }

    .tcc-lhpv-ls-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tcc-filter-grid,
    .tcc-summary-grid,
    .tcc-master-layout,
    .tcc-vehicle-plan-summary,
    .tcc-vehicle-plan-grid,
    .tcc-workflow-summary-strip,
    .tcc-review-metrics,
    .tcc-lhpv-ls-list,
    .tcc-lhpv-form-grid {
        grid-template-columns: 1fr;
    }

    .tcc-master-modal-card,
    .tcc-drilldown-modal-card,
    .tcc-vehicle-plan-modal-card,
    .tcc-workflow-modal-card {
        width: min(100vw - 16px, 100%);
    }

    .tcc-drilldown-action-panel {
        align-items: stretch;
        flex-direction: column;
    }

    .tcc-drilldown-action-panel .button-row {
        justify-content: stretch;
    }

    .tcc-drilldown-action-panel .button-row button {
        width: 100%;
    }

    .tcc-lhpv-payment-head {
        align-items: stretch;
        flex-direction: column;
    }

    .tcc-lhpv-payment-line {
        grid-template-columns: 1fr 1fr;
    }

    .tcc-lhpv-payment-remove {
        grid-column: 2;
        justify-self: end;
    }

    .tcc-vehicle-plan-grid .field:last-of-type {
        grid-column: span 1;
    }

    .tcc-workflow-card-head,
    .tcc-workflow-card-foot {
        align-items: flex-start;
        flex-direction: column;
    }

    .tcc-workflow-state-stack {
        justify-content: flex-start;
    }

    .tcc-capacity-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tcc-trip-finance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tcc-stop-editor .tcc-section-title,
    .tcc-stop-add-row {
        align-items: stretch;
        flex-direction: column;
    }

    .tcc-stop-add-row {
        width: 100%;
        min-width: 0;
    }

    .tcc-stop-add-row input {
        flex-basis: auto;
    }

    .tcc-stop-list li {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .tcc-stop-list li > div {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .tcc-workflow-card-foot strong {
        margin-left: 0;
    }

    .tcc-destination-ls-table th:nth-child(4),
    .tcc-destination-ls-table td:nth-child(4),
    .tcc-destination-ls-table th:nth-child(5),
    .tcc-destination-ls-table td:nth-child(5) {
        display: none;
    }

    .tcc-modal-sticky-actions {
        position: static;
    }
}
/* POD Management */
.pod-app-shell,
.pod-master-shell {
    min-height: 100vh;
    background:
        radial-gradient(circle at 7% 2%, rgba(70, 178, 211, .16), transparent 27rem),
        linear-gradient(145deg, #edf7fb 0%, #f8fbfd 52%, #eaf3f7 100%);
}

.pod-workspace,
.pod-master-workspace {
    display: grid;
    gap: 12px;
    padding: 12px;
}

.pod-hero-panel {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 90px;
    padding: 14px 18px;
    overflow: hidden;
    background: linear-gradient(115deg, rgba(255,255,255,.97), rgba(226,244,250,.95));
}

.pod-hero-panel h1,
.pod-section-heading h2,
.pod-master-group h2 {
    margin: 2px 0;
    color: #0c466b;
}

.pod-hero-panel p { margin: 2px 0; }
.pod-hero-panel > .ghost-button { margin-left: auto; }

.pod-hero-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(92px, 1fr));
    gap: 8px;
    flex: 1;
    max-width: 760px;
}

.pod-hero-metrics > div {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #c5dce8;
    border-radius: 12px;
    background: rgba(255,255,255,.82);
}

.pod-hero-metrics span,
.pod-selected-lr span {
    display: block;
    color: #637d8e;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pod-hero-metrics strong { display: block; margin-top: 2px; color: #0d6496; font-size: 20px; }

.pod-view-tabs {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    padding: 7px 9px 0;
    border: 1px solid #bcd4e1;
    border-radius: 15px 15px 6px 6px;
    background: #dcecf3;
    overflow-x: auto;
}

.pod-view-tabs button {
    min-width: max-content;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    color: #315d75;
    background: transparent;
    font-weight: 800;
    cursor: pointer;
}

.pod-view-tabs button.is-active {
    border-color: #b7cfdd;
    color: #0c6191;
    background: var(--look-card, #fff);
    box-shadow: 0 -4px 15px rgba(34, 91, 121, .08);
}

.pod-view { display: grid; gap: 12px; min-width: 0; }
.pod-upload-layout,
.pod-split-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: 12px; align-items: start; }
.pod-receipt-layout { grid-template-columns: minmax(390px, .72fr) minmax(0, 1.28fr); }

.pod-section-card,
.pod-table-card,
.pod-master-form { padding: 14px; min-width: 0; }

.pod-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.pod-section-heading .eyebrow,
.pod-master-group .eyebrow { margin: 0; }
.pod-config-hint { color: #58778a; font-size: 11px; font-weight: 700; }

.pod-search-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: end; }
.pod-search-results { display: grid; gap: 5px; max-height: 210px; overflow: auto; margin: 8px 0; }
.pod-lr-result { display: grid; grid-template-columns: 110px 1fr auto; gap: 9px; align-items: center; padding: 9px 10px; border: 1px solid #c8dce7; border-radius: 9px; background: var(--look-card, #fff); color: #173f57; text-align: left; cursor: pointer; }
.pod-lr-result:hover { border-color: #26a56a; background: #edf9f3; }
.pod-lr-result small { color: #667e8d; }
.pod-lr-result-link { color: #12669b; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
.pod-lr-result-select { grid-column: 2 / -1; display: grid; grid-template-columns: 1fr auto; gap: 9px; align-items: center; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }

.pod-selected-lr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 10px 0; padding: 10px; border: 1px solid #a9d3c0; border-radius: 10px; background: #effaf5; }
.pod-selected-lr.is-empty { display: block; color: #6c8392; border-style: dashed; background: #f7fafb; text-align: center; }
.pod-selected-lr strong { display: block; margin-top: 3px; color: #173f57; overflow-wrap: anywhere; }
.pod-upload-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .65fr) auto; gap: 8px; align-items: end; }

.pod-bulk-pickers { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0; }
.pod-file-picker { position: relative; display: grid; gap: 3px; min-height: 88px; padding: 14px; border: 1px dashed #62a6c7; border-radius: 12px; color: #17597d; background: #eff8fc; cursor: pointer; }
.pod-file-picker span { color: #6b8291; font-size: 11px; }
.pod-file-picker input { max-width: 100%; margin-top: 5px; }
.pod-inline-summary { display: flex; flex-wrap: wrap; gap: 6px; min-height: 25px; margin-top: 9px; color: #607b8d; }
.pod-inline-summary > span { display: flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 999px; background: #eaf4f9; }
.pod-inline-summary small { font-weight: 700; }

.pod-table-wrap { width: 100%; overflow: auto; border: 1px solid #c8dce7; border-radius: 10px; scrollbar-width: thin; }
.pod-table-wrap table { width: 100%; min-width: 760px; border-collapse: collapse; }
.pod-table-wrap th { position: sticky; top: 0; z-index: 1; padding: 8px; color: #255773; background: #deeff8; font-size: 10px; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.pod-table-wrap td { padding: 7px 8px; border-top: 1px solid #deebf1; color: #294c60; vertical-align: middle; }
.pod-table-wrap tbody tr:nth-child(even) { background: #f8fbfd; }
.pod-table-wrap tbody tr:hover { background: #eef9f3; }
.pod-table-wrap td small { display: block; margin-top: 2px; color: #718997; }
.pod-table-wrap select,
.pod-table-wrap input { min-height: 31px; padding: 5px 7px; }
.pod-row-danger { background: #fff1f1 !important; }
.pod-row-warning { background: #fff8e7 !important; }
.pod-row-success { background: #effaf4 !important; }

.pod-status { display: inline-flex; padding: 4px 7px; border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.pod-status-success { color: #087848; background: #dff6e9; }
.pod-status-warning { color: #966100; background: #fff0c7; }
.pod-status-danger { color: #a12b2b; background: #ffe0e0; }
.pod-status-neutral { color: #425f70; background: #e8eff3; }
.pod-empty-state { padding: 22px; color: #68808e; text-align: center; }

.pod-filter-row { display: grid; grid-template-columns: minmax(240px, 520px); margin-bottom: 8px; }
.pod-filter-grid { display: grid; grid-template-columns: 1.4fr repeat(3, minmax(150px, .7fr)); gap: 7px; margin-bottom: 9px; }
.pod-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pod-form-grid-wide { grid-template-columns: repeat(4, minmax(150px, 1fr)); align-items: end; }
.pod-sticky-form { position: sticky; top: 8px; }

.pod-dispatch-workflow { padding: 14px; }
.pod-letter-strip { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.pod-letter-strip span { padding: 6px 9px; border-radius: 8px; color: #185779; background: #e7f3f9; font-weight: 800; }
.pod-checklist { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)) auto; gap: 7px; align-items: center; padding: 10px; border: 1px solid #c7dde8; border-radius: 10px; }
.pod-checklist label { display: flex; gap: 5px; align-items: center; }
.pod-second-check { display: grid; grid-template-columns: 1fr auto auto; gap: 7px; margin-top: 9px; }
.pod-final-dispatch { display: flex; justify-content: flex-end; margin-top: 9px; }
.table-link { border: 0; padding: 0; color: #0875ad; background: none; font-weight: 800; text-decoration: underline; cursor: pointer; }
.pod-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.pod-toast { position: fixed; right: 18px; bottom: 18px; z-index: 10000; max-width: min(480px, calc(100vw - 36px)); padding: 11px 15px; border-radius: 10px; color: #fff; background: #28596f; box-shadow: 0 12px 35px rgba(17, 53, 70, .28); font-weight: 700; }
.pod-toast-success { background: #08784a; }
.pod-toast-warning { background: #9a6900; }
.pod-toast-error { background: #a52e35; }

.pod-master-form { display: grid; gap: 12px; }
.pod-master-group { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 18px; padding-bottom: 12px; border-bottom: 1px solid #d3e3eb; }
.pod-master-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pod-format-field { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 9px 12px; border: 1px solid #bfd6e2; border-radius: 9px; }
.pod-format-field legend { padding: 0 5px; color: #4f6c7d; font-weight: 800; }
.pod-format-field label { display: flex; align-items: center; gap: 5px; }

@media (max-width: 1200px) {
    .pod-hero-panel { align-items: flex-start; flex-wrap: wrap; }
    .pod-hero-metrics { order: 3; max-width: none; width: 100%; }
    .pod-upload-layout,
    .pod-split-layout,
    .pod-receipt-layout { grid-template-columns: 1fr; }
    .pod-sticky-form { position: static; }
    .pod-checklist { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
    .pod-workspace,
    .pod-master-workspace { padding: 7px; }
    .pod-hero-metrics { grid-template-columns: repeat(2, 1fr); }
    .pod-selected-lr,
    .pod-upload-form,
    .pod-bulk-pickers,
    .pod-form-grid,
    .pod-form-grid-wide,
    .pod-filter-grid,
    .pod-master-group { grid-template-columns: 1fr; }
    .pod-checklist { grid-template-columns: 1fr 1fr; }
    .pod-second-check { grid-template-columns: 1fr; }
}

/* Screenshot-faithful Single LR Delivery workspace. */
#opsSingleDeliveryWorkspace.operations-single-delivery-workspace {
    grid-template-columns: minmax(0, 7fr) minmax(360px, 3fr);
    gap: 14px;
    align-items: start;
    color: #0b1f3b;
    background: var(--look-card, #fff);
    font-family: Arial, Helvetica, sans-serif;
}

#opsSingleDeliveryWorkspace,
#opsSingleDeliveryWorkspace input,
#opsSingleDeliveryWorkspace select,
#opsSingleDeliveryWorkspace textarea,
#opsSingleDeliveryWorkspace button {
    font-family: Arial, Helvetica, sans-serif;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-main,
#opsSingleDeliveryWorkspace .operations-single-delivery-side {
    display: grid;
    gap: 12px;
    min-width: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-section {
    padding: 0;
    overflow: hidden;
    border: 1px solid #dfe3e8;
    border-radius: 5px;
    background: var(--look-card, #fff);
    box-shadow: none;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-shipment-panel,
#opsSingleDeliveryWorkspace .operations-single-delivery-booking-panel {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-section-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 15px;
    border: 0;
    border-bottom: 1px solid #e1e5ea;
    background: #f8f9fc;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-shipment-panel > .operations-single-delivery-section-head,
#opsSingleDeliveryWorkspace .operations-single-delivery-booking-panel > .operations-single-delivery-section-head {
    border: 1px solid #dfe3e8;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-section-head h3 {
    margin: 0;
    color: #0c2342;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-section-head h3 small {
    margin-left: 7px;
    color: #243853;
    font-size: 10px;
    font-weight: 500;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 0;
    color: #1766c2;
    background: transparent;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-section-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-card > .operations-single-delivery-section-head {
    background: #f8f8ff;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-settlement-card > .operations-single-delivery-section-head {
    background: #fff9f1;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-settlement-card .operations-single-delivery-section-icon {
    color: #f1a019;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-confirmation-card > .operations-single-delivery-section-head {
    background: #f8faf9;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-confirmation-card .operations-single-delivery-section-icon {
    color: #159447;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-amount-heading {
    align-self: end;
    padding-bottom: 6px;
    color: #0c1f3b;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-inline-hint {
    display: block;
    padding: 6px 15px;
    border-bottom: 1px solid #e6e9ed;
    color: #8a4d09;
    background: #fffaf1;
    font-size: 10px;
    line-height: 1.3;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-inline-hint[hidden] {
    display: none;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid #dfe3e8;
    border-radius: 0 0 5px 5px;
    background: var(--look-card, #fff);
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile {
    display: grid;
    align-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 74px;
    padding: 11px 16px;
    border: 0;
    border-right: 1px solid #e3e6ea;
    border-bottom: 1px solid #e3e6ea;
    border-radius: 0;
    background: var(--look-card, #fff);
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile:nth-child(5n) {
    border-right: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile span {
    color: #243853;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #0a1d37;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile.is-primary strong {
    color: #135fc3;
    font-size: 14px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile.is-alert strong {
    color: #cf252d;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile.is-status strong {
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    color: #167d35;
    background: #e5f6e8;
    font-size: 10px;
    font-weight: 600;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-readonly-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 12px 0 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-party-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfe3e8;
    border-radius: 5px;
    background: var(--look-card, #fff);
}

#opsSingleDeliveryWorkspace .operations-single-delivery-party-card h4 {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    margin: 0;
    padding: 0 14px;
    border-bottom: 1px solid #e1e5ea;
    color: #102847;
    background: #f8f9fc;
    font-size: 13px;
    font-weight: 700;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-party-card h4 svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #1766c2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-party-card.is-consignee h4 svg {
    stroke: #159447;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-party-card.is-billing h4 svg {
    stroke: #4168ce;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-readonly-item {
    display: grid;
    justify-content: stretch;
    gap: 5px;
    min-height: 43px;
    padding: 8px 14px 4px;
    border: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-readonly-item span {
    color: #32445d;
    font-size: 9.5px;
    font-weight: 400;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-readonly-item strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #102847;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    overflow: hidden;
    border: 1px solid #dfe3e8;
    border-radius: 0 0 5px 5px;
    background: var(--look-card, #fff);
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row,
#opsSingleDeliveryWorkspace .operations-single-delivery-charge-list .operations-single-delivery-charge-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 29px;
    padding: 5px 16px;
    border: 0;
    border-bottom: 1px solid #e5e8ec;
    background: var(--look-card, #fff);
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row span,
#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row strong {
    color: #10223e;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row strong {
    margin-left: auto;
    font-weight: 700;
    text-align: right;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-table-head {
    min-height: 31px;
    background: var(--look-card, #fff);
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-table-head span,
#opsSingleDeliveryWorkspace .operations-single-delivery-charge-table-head strong {
    font-weight: 700;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row.is-subtotal,
#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row.is-grand-total {
    min-height: 34px;
    background: #eef4ff;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row.is-subtotal span,
#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row.is-subtotal strong,
#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row.is-grand-total span,
#opsSingleDeliveryWorkspace .operations-single-delivery-charge-row.is-grand-total strong {
    color: #143b88;
    font-size: 11px;
    font-weight: 700;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-operational-facts {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-operational-facts article {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 58px;
    padding: 7px 10px;
    border: 1px solid #dfe3e8;
    border-radius: 5px;
    background: var(--look-card, #fff);
}

#opsSingleDeliveryWorkspace .operations-single-delivery-operational-facts article > span:last-child {
    display: grid;
    gap: 4px;
    min-width: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-operational-facts small {
    color: #394b62;
    font-size: 9px;
    font-weight: 400;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-operational-facts strong {
    overflow-wrap: anywhere;
    color: #0d213e;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-fact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1766c2;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-fact-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 4px 15px 3px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-grid .field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    align-items: center;
    gap: 10px;
    min-height: 31px;
    padding: 2px 0;
    border: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-grid .field > span,
#opsSingleDeliveryWorkspace .operations-single-delivery-payment-grid .field > span,
#opsSingleDeliveryWorkspace .operations-single-delivery-bank-grid .field > span,
#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid .field > span {
    color: #10213b;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-grid input,
#opsSingleDeliveryWorkspace .operations-single-delivery-payment-grid input,
#opsSingleDeliveryWorkspace .operations-single-delivery-payment-grid select,
#opsSingleDeliveryWorkspace .operations-single-delivery-bank-grid input,
#opsSingleDeliveryWorkspace .operations-single-delivery-bank-grid select,
#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid input,
#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid select,
#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid textarea {
    width: 100%;
    min-height: 28px;
    padding: 4px 8px;
    border: 1px solid #d6dbe2;
    border-radius: 3px;
    color: #10213b;
    background: var(--look-card, #fff);
    box-shadow: inset 0 1px 2px rgba(15, 31, 55, 0.04);
    font-size: 10px;
    font-weight: 400;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-charge-grid input {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

#opsSingleDeliveryWorkspace input:focus,
#opsSingleDeliveryWorkspace select:focus,
#opsSingleDeliveryWorkspace textarea:focus {
    border-color: #2b78d0;
    outline: 2px solid rgba(43, 120, 208, 0.16);
    outline-offset: 0;
}

#opsSingleDeliveryWorkspace input:disabled,
#opsSingleDeliveryWorkspace select:disabled,
#opsSingleDeliveryWorkspace textarea:disabled {
    color: #657487;
    background: #f2f4f6;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-additional-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 34px;
    padding: 6px 15px;
    color: #142e64;
    background: #f0effb;
    font-size: 10px;
    font-weight: 700;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-additional-total strong {
    color: #17813a;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-total-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 2px 15px 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-balance-grid {
    padding-top: 0;
    padding-bottom: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-settlement-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 31px;
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid #e5e8ec;
    color: #10213b;
    font-size: 10px;
    font-weight: 400;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-settlement-row strong {
    color: #10213b;
    font-size: 10px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-settlement-row.is-payable strong,
#opsSingleDeliveryWorkspace .operations-single-delivery-settlement-row.is-balance strong {
    color: #ca252c;
    font-size: 11px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-payment-grid,
#opsSingleDeliveryWorkspace .operations-single-delivery-bank-grid,
#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 4px 15px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-payment-grid {
    padding-top: 4px;
    padding-bottom: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-payment-mode-grid {
    padding-top: 2px;
    padding-bottom: 8px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-bank-grid {
    padding-top: 0;
    padding-bottom: 8px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-payment-grid .field,
#opsSingleDeliveryWorkspace .operations-single-delivery-bank-grid .field,
#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid .field {
    display: grid;
    grid-template-columns: minmax(105px, 0.78fr) minmax(0, 1.22fr);
    align-items: center;
    gap: 8px;
    min-height: 31px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid {
    padding-top: 7px;
    padding-bottom: 8px;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid .field-span {
    grid-column: auto;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-confirm-grid textarea {
    min-height: 42px;
    resize: vertical;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-save-bar {
    position: static;
    z-index: auto;
    padding: 0;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-save-bar .primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 8px 14px;
    border: 1px solid #15923e;
    border-radius: 4px;
    color: #fff;
    background: #159b43;
    box-shadow: none;
    font-size: 15px;
    font-weight: 700;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-save-bar .primary-button svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

#opsSingleDeliveryWorkspace .operations-single-delivery-save-bar .primary-button:hover,
#opsSingleDeliveryWorkspace .operations-single-delivery-save-bar .primary-button:focus-visible {
    border-color: #0c7e33;
    background: #118b3b;
    outline: 2px solid rgba(17, 139, 59, 0.18);
}

@media (max-width: 1180px) {
    #opsSingleDeliveryWorkspace.operations-single-delivery-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    #opsSingleDeliveryWorkspace .operations-single-delivery-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    #opsSingleDeliveryWorkspace .operations-single-delivery-charge-card,
    #opsSingleDeliveryWorkspace .operations-single-delivery-save-bar {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    #opsSingleDeliveryWorkspace .operations-single-delivery-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile:nth-child(5n) {
        border-right: 1px solid #e3e6ea;
    }

    #opsSingleDeliveryWorkspace .operations-single-delivery-summary-tile:nth-child(2n) {
        border-right: 0;
    }

    #opsSingleDeliveryWorkspace .operations-single-delivery-readonly-grid,
    #opsSingleDeliveryWorkspace .operations-single-delivery-side {
        grid-template-columns: 1fr;
    }

    #opsSingleDeliveryWorkspace .operations-single-delivery-operational-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #opsSingleDeliveryWorkspace .operations-single-delivery-charge-card,
    #opsSingleDeliveryWorkspace .operations-single-delivery-save-bar {
        grid-column: auto;
    }
}

/* Truck Arrival > Receive: one-screen, keyboard-first warehouse workflow. */
.operations-receive-pane {
    min-width: 0;
}

.operations-receive-console {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    overflow: visible;
    background:
        radial-gradient(circle at 100% 0, rgba(38, 129, 191, 0.12), transparent 28rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(243, 249, 252, 0.96));
}

.operations-receive-head,
.operations-receive-search-band,
.operations-receive-step-head,
.operations-receive-footer-grid {
    display: flex;
    align-items: center;
}

.operations-receive-head {
    justify-content: space-between;
    gap: 18px;
}

.operations-receive-head h2,
.operations-receive-step-head h3 {
    margin: 2px 0 0;
    color: #123f5b;
}

.operations-receive-head p:not(.eyebrow) {
    max-width: 760px;
    margin: 4px 0 0;
    color: #5c7485;
    font-size: 0.86rem;
}

.operations-receive-key-hint {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    color: #5f7483;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.operations-receive-key-hint kbd {
    min-width: 46px;
    padding: 7px 9px;
    border: 1px solid #b7ccda;
    border-bottom-width: 3px;
    border-radius: 8px;
    color: #164d70;
    background: var(--look-card, #fff);
    box-shadow: 0 4px 8px rgba(25, 73, 102, 0.08);
    text-align: center;
}

.operations-receive-search-band {
    display: grid;
    grid-template-columns: auto minmax(260px, 1.15fr) auto auto minmax(250px, 1fr);
    gap: 9px;
    padding: 11px;
    border: 1px solid #bfd6e3;
    border-radius: 14px;
    background: rgba(234, 246, 252, 0.9);
}

.operations-receive-search-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-self: end;
    padding: 3px;
    border: 1px solid #b9d2e1;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.78);
}

.operations-receive-search-options button {
    min-height: 34px;
    padding: 7px 10px;
    border: 0;
    border-radius: 8px;
    color: #547083;
    background: transparent;
    font-size: 0.74rem;
    font-weight: 850;
    white-space: nowrap;
    cursor: pointer;
}

.operations-receive-search-options button.is-active {
    color: #fff;
    background: linear-gradient(145deg, #236f9e, #174f79);
    box-shadow: 0 5px 12px rgba(25, 88, 128, 0.2);
}

.operations-receive-search-band .field {
    margin: 0;
}

.operations-receive-search-band input,
.operations-receive-search-band button {
    min-height: 42px;
}

.operations-receive-search-band .lookup-status {
    align-self: center;
    min-width: 0;
    padding: 0 4px;
}

.operations-receive-ls-field input {
    border-color: #6fa8c8;
    background: var(--look-card, #fff);
    color: #103f5c;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.operations-receive-vehicle-matches {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 8px;
    padding: 9px;
    border: 1px solid #c5d9e5;
    border-radius: 13px;
    background: var(--look-card, #fff);
    box-shadow: 0 10px 24px rgba(21, 68, 99, 0.1);
}

.operations-receive-vehicle-matches[hidden] {
    display: none;
}

.operations-receive-vehicle-match {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 12px;
    min-width: 0;
    padding: 9px 11px;
    border: 1px solid #d3e1ea;
    border-radius: 10px;
    color: #173f58;
    background: #f7fbfd;
    text-align: left;
    cursor: pointer;
}

.operations-receive-vehicle-match:hover,
.operations-receive-vehicle-match:focus-visible,
.operations-receive-vehicle-match.is-selected {
    border-color: #4d9bc6;
    outline: 0;
    background: #eaf6fc;
    box-shadow: 0 0 0 3px rgba(55, 142, 191, 0.14);
}

.operations-receive-vehicle-match strong,
.operations-receive-vehicle-match span,
.operations-receive-vehicle-match small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-vehicle-match strong {
    color: #0e527c;
    font-size: 0.88rem;
}

.operations-receive-vehicle-match span {
    grid-row: span 2;
    align-self: center;
    color: #174f79;
    font-size: 0.74rem;
    font-weight: 850;
}

.operations-receive-vehicle-match small {
    color: #607989;
    font-size: 0.68rem;
}

.operations-receive-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 180px;
    border: 1px dashed #b7cfdd;
    border-radius: 16px;
    color: #607887;
    background: rgba(248, 252, 254, 0.76);
}

.operations-receive-empty-state > span {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #2681bf, #185a8e);
    box-shadow: 0 9px 18px rgba(31, 102, 150, 0.2);
    font-weight: 900;
}

.operations-receive-empty-state strong {
    display: block;
    color: #173f58;
    font-size: 1rem;
}

.operations-receive-empty-state p {
    margin: 3px 0 0;
    font-size: 0.84rem;
}

.operations-receive-workspace {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.operations-receive-stage-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.operations-receive-stage {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid #d2dee6;
    border-radius: 12px;
    background: #f6f9fb;
}

.operations-receive-stage > span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    color: #6e7f8b;
    background: #e4ebef;
    font-size: 0.78rem;
    font-weight: 900;
}

.operations-receive-stage div {
    min-width: 0;
}

.operations-receive-stage strong,
.operations-receive-stage small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-stage strong {
    color: #27485d;
    font-size: 0.78rem;
}

.operations-receive-stage small {
    margin-top: 2px;
    color: #718592;
    font-size: 0.67rem;
}

.operations-receive-stage.is-complete {
    border-color: #9ed5bd;
    background: #edf9f4;
}

.operations-receive-stage.is-complete > span {
    color: #fff;
    background: #1f7b5d;
}

.operations-receive-stage.is-pending:nth-child(2),
.operations-receive-stage.is-pending:nth-child(3) {
    border-color: #ebca8d;
    background: #fff8e9;
}

.operations-receive-summary-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #c9dce7;
    border-radius: 13px;
    background: var(--look-card, #fff);
}

.operations-receive-summary-grid article {
    min-width: 0;
    padding: 9px 10px;
    border-right: 1px solid #dbe6ec;
}

.operations-receive-summary-grid article:last-child {
    border-right: 0;
}

.operations-receive-summary-grid span,
.operations-receive-summary-grid strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-summary-grid span {
    color: #6b8190;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.operations-receive-summary-grid strong {
    margin-top: 3px;
    color: #133f5b;
    font-size: 0.82rem;
}

.operations-receive-step-panel,
.operations-receive-history-panel {
    min-width: 0;
    padding: 12px;
    border: 1px solid #cadde7;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 7px 16px rgba(26, 73, 101, 0.06);
}

.operations-receive-step-head {
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.operations-receive-step-head > div > span {
    color: #2681bf;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.operations-receive-step-head h3 {
    font-size: 0.98rem;
}

.operations-receive-arrival-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.operations-receive-arrival-grid .operations-receive-wide-field {
    grid-column: span 2;
}

.operations-receive-step-panel .field {
    gap: 4px;
    margin: 0;
}

.operations-receive-step-panel .field > span {
    font-size: 0.7rem;
}

.operations-receive-step-panel input,
.operations-receive-step-panel select {
    min-height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.operations-receive-table-shell {
    max-width: 100%;
    max-height: 340px;
    overflow: auto;
    border: 1px solid #d2e1e9;
    border-radius: 10px;
}

.operations-receive-table {
    min-width: 1180px;
}

.operations-receive-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 7px 6px;
    background: #e4f1f8;
    color: #264f68;
    font-size: 0.67rem;
    white-space: nowrap;
}

.operations-receive-table th small {
    display: block;
    color: #748b99;
    font-size: 0.58rem;
    font-weight: 700;
}

.operations-receive-table td {
    padding: 5px 6px;
    vertical-align: middle;
}

.operations-receive-table td input:not([type="checkbox"]),
.operations-receive-table td select {
    width: 100%;
    min-width: 88px;
    min-height: 31px;
    padding: 4px 6px;
    font-size: 0.72rem;
}

.operations-receive-table td:nth-child(8) input,
.operations-receive-table td:nth-child(10) input {
    min-width: 150px;
}

.operations-receive-table td small {
    display: block;
    margin-top: 2px;
    color: #718794;
    font-size: 0.63rem;
}

.operations-receive-table tr.is-discrepancy td {
    background: #fff5e6;
}

.operations-receive-table tr.is-received td {
    background: #edf8f2;
}

.operations-receive-table tr:hover td {
    background: #eaf7ee;
}

.operations-receive-footer-grid {
    display: grid;
    grid-template-columns: minmax(200px, 0.75fr) minmax(280px, 1.5fr) auto;
    gap: 8px;
    margin-top: 9px;
}

.operations-receive-footer-grid .primary-button {
    min-height: 36px;
    align-self: end;
}

.operations-receive-history-panel {
    padding-bottom: 8px;
}

.operations-receive-history {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 7px;
}

.operations-receive-history article {
    display: grid;
    grid-template-columns: 8px 1fr;
    gap: 8px;
    min-width: 0;
    padding: 8px;
    border: 1px solid #d8e4ea;
    border-radius: 10px;
    background: #f7fafc;
}

.operations-receive-history article > span {
    width: 8px;
    min-height: 100%;
    border-radius: 999px;
    background: #2681bf;
}

.operations-receive-history strong,
.operations-receive-history p,
.operations-receive-history small {
    display: block;
    margin: 0;
}

.operations-receive-history strong {
    color: #20475f;
    font-size: 0.74rem;
}

.operations-receive-history p,
.operations-receive-history small {
    margin-top: 2px;
    color: #6c808d;
    font-size: 0.65rem;
}

.operations-physical-receive-console {
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid #aacddd;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(229, 245, 251, 0.94), rgba(255, 255, 255, 0.98) 58%),
        repeating-linear-gradient(90deg, transparent 0 30px, rgba(23, 109, 151, 0.035) 30px 31px);
}

.operations-physical-receive-head,
.operations-reconciliation-actions,
.operations-receive-exception-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.operations-physical-receive-head h4,
.operations-physical-receive-head p {
    margin: 0;
}

.operations-physical-receive-head h4 {
    color: #143f59;
    font-size: 1rem;
}

.operations-physical-receive-head p:not(.eyebrow) {
    margin-top: 3px;
    color: #607987;
    font-size: 0.72rem;
}

.operations-physical-receive-head .primary-button {
    min-height: 40px;
    white-space: nowrap;
}

.operations-reconciliation-summary {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 7px;
}

.operations-reconciliation-summary article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #d3e2e9;
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.operations-reconciliation-summary span {
    overflow: hidden;
    color: #6b7f8b;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.045em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.operations-reconciliation-summary strong {
    color: #224a61;
    font-size: 1.1rem;
    line-height: 1;
}

.operations-reconciliation-summary article.is-success {
    border-color: #93d3b5;
    background: #edf9f3;
}

.operations-reconciliation-summary article.is-success strong {
    color: #14734f;
}

.operations-reconciliation-summary article.is-danger {
    border-color: #efb5b5;
    background: #fff0f0;
}

.operations-reconciliation-summary article.is-danger strong {
    color: #b32929;
}

.operations-reconciliation-summary article.is-warning {
    border-color: #edc889;
    background: #fff7e8;
}

.operations-reconciliation-summary article.is-warning strong {
    color: #9a5e08;
}

.operations-reconciliation-summary article.is-pending {
    border-color: #e7d17c;
    background: #fffbea;
}

.operations-receive-scan-workspace {
    display: grid;
    grid-template-columns: minmax(340px, 1fr) auto auto;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid #8abbd2;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.9);
}

.operations-receive-scan-workspace[hidden] {
    display: none;
}

.operations-receive-scan-field {
    gap: 4px;
    margin: 0;
}

.operations-receive-scan-field > span {
    color: #1e4f69;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.operations-receive-scan-field input {
    min-height: 46px;
    border-width: 2px;
    border-color: #4a9bc2;
    font-size: 1rem;
    font-weight: 800;
}

.operations-receive-scan-workspace .primary-button {
    min-height: 46px;
}

.operations-receive-shortcut {
    align-self: center;
    color: #647e8c;
    font-size: 0.65rem;
    white-space: nowrap;
}

.operations-receive-shortcut kbd {
    padding: 2px 4px;
    border: 1px solid #c7d7df;
    border-radius: 4px;
    background: #f4f8fa;
    color: #244d65;
    font: inherit;
    font-weight: 900;
}

.operations-receive-scan-status {
    grid-column: 1 / -1;
    margin: 0;
    padding: 6px 8px;
    border-radius: 7px;
    background: #eef5f8;
    color: #395e72;
    font-size: 0.72rem;
    font-weight: 800;
}

.operations-receive-scan-status.is-success {
    background: #e8f7ef;
    color: #16714f;
}

.operations-receive-scan-status.is-warning {
    background: #fff6df;
    color: #85580c;
}

.operations-receive-scan-status.is-error {
    background: #ffeded;
    color: #ac2525;
}

.operations-reconciliation-actions {
    min-height: 34px;
}

.operations-reconciliation-actions .lookup-status {
    flex: 1;
}

.operations-receive-manual-head {
    display: flex;
    justify-content: space-between;
    margin: 2px 0 7px;
}

.operations-receive-manual-head strong,
.operations-receive-manual-head span {
    display: block;
}

.operations-receive-manual-head strong {
    color: #244c63;
    font-size: 0.78rem;
}

.operations-receive-manual-head span {
    margin-top: 2px;
    color: #70838e;
    font-size: 0.65rem;
}

.operations-receive-exception-summary {
    display: grid;
    gap: 7px;
    padding: 9px;
    border: 1px solid #ebcb91;
    border-radius: 11px;
    background: #fffaf0;
}

.operations-receive-exception-summary[hidden] {
    display: none;
}

.operations-receive-exception-head > div strong,
.operations-receive-exception-head > div span {
    display: block;
}

.operations-receive-exception-head strong {
    color: #714d14;
    font-size: 0.76rem;
}

.operations-receive-exception-head span {
    color: #90733e;
    font-size: 0.65rem;
}

.operations-receive-exception-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 6px;
}

.operations-receive-exception-list article {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 7px 8px;
    border-left: 4px solid #d59225;
    border-radius: 8px;
    background: var(--look-card, #fff);
}

.operations-receive-exception-list article.is-short,
.operations-receive-exception-list article.is-mismatch {
    border-left-color: #c43b3b;
}

.operations-receive-exception-list article > div,
.operations-receive-exception-list strong,
.operations-receive-exception-list span,
.operations-receive-exception-list small {
    min-width: 0;
}

.operations-receive-exception-list strong,
.operations-receive-exception-list span,
.operations-receive-exception-list small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-exception-list strong {
    color: #493515;
    font-size: 0.68rem;
}

.operations-receive-exception-list span,
.operations-receive-exception-list small {
    color: #7f6a43;
    font-size: 0.61rem;
}

.operations-receive-exception-modal-card {
    width: min(760px, calc(100vw - 32px));
    max-height: min(720px, calc(100vh - 36px));
    overflow: auto;
}

.operations-receive-mismatch-banner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.operations-receive-mismatch-banner article {
    padding: 10px;
    border: 1px solid #e4c18c;
    border-radius: 10px;
    background: #fff7e8;
}

.operations-receive-mismatch-banner span,
.operations-receive-mismatch-banner strong {
    display: block;
}

.operations-receive-mismatch-banner span {
    color: #80673f;
    font-size: 0.64rem;
    font-weight: 800;
    text-transform: uppercase;
}

.operations-receive-mismatch-banner strong {
    margin-top: 4px;
    color: #713c0a;
    font-size: 1rem;
}

.operations-receive-exception-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1320px) {
    .operations-receive-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .operations-receive-summary-grid article:nth-child(4n) {
        border-right: 0;
    }

    .operations-reconciliation-summary {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .operations-receive-search-band {
        grid-template-columns: minmax(240px, 1fr) auto auto;
    }

    .operations-receive-search-options {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .operations-receive-search-band .lookup-status {
        grid-column: 1 / -1;
    }

    .operations-receive-stage-strip,
    .operations-receive-arrival-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operations-receive-scan-workspace {
        grid-template-columns: minmax(260px, 1fr) auto;
    }

    .operations-receive-shortcut {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .operations-receive-console {
        padding: 10px;
    }

    .operations-receive-head {
        align-items: flex-start;
    }

    .operations-receive-head p:not(.eyebrow),
    .operations-receive-key-hint {
        display: none;
    }

    .operations-receive-search-band,
    .operations-receive-stage-strip,
    .operations-receive-summary-grid,
    .operations-reconciliation-summary,
    .operations-receive-arrival-grid,
    .operations-receive-footer-grid,
    .operations-receive-scan-workspace,
    .operations-receive-exception-grid,
    .operations-receive-mismatch-banner {
        grid-template-columns: 1fr;
    }

    .operations-physical-receive-head,
    .operations-reconciliation-actions,
    .operations-receive-exception-head {
        align-items: stretch;
        flex-direction: column;
    }

    .operations-receive-search-band .lookup-status,
    .operations-receive-search-options,
    .operations-receive-arrival-grid .operations-receive-wide-field {
        grid-column: auto;
        justify-self: stretch;
    }

    .operations-receive-summary-grid article,
    .operations-receive-summary-grid article:nth-child(4n) {
        border-right: 0;
        border-bottom: 1px solid #dbe6ec;
    }

    .operations-receive-summary-grid article:last-child {
        border-bottom: 0;
    }
}

/* Shared LR/document screenshot menu. Capture rendering is isolated in document_screenshot.js. */
.operations-receive-v32 {
    --receive-navy: #16365c;
    --receive-blue: #1d5ea8;
    --receive-line: #cfdae7;
    --receive-soft: #f4f7fb;
    --receive-text: #152d49;
    --receive-muted: #63758a;
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 10px 12px;
    overflow: hidden;
    color: var(--receive-text);
    background: #eef3f8;
    font-family: "Public Sans", Inter, system-ui, sans-serif;
}

.operations-receive-v32 .operations-receive-head {
    min-height: 48px;
    padding: 0 2px;
}

.operations-receive-v32 .operations-receive-title-block h2 {
    margin: 0;
    color: var(--receive-navy);
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 1.1;
}

.operations-receive-v32 .operations-receive-title-block .eyebrow {
    margin: 0 0 2px;
    color: #6d7f92;
    font-size: 0.58rem;
    letter-spacing: 0.13em;
}

.operations-receive-v32 .operations-receive-title-block p:not(.eyebrow) {
    margin-top: 2px;
    color: var(--receive-muted);
    font-size: 0.7rem;
}

.operations-receive-page-context {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0 8px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid var(--receive-line);
    border-radius: 8px;
    background: var(--look-card, #fff);
    text-align: right;
}

.operations-receive-page-context span {
    grid-column: 1 / -1;
    color: var(--receive-muted);
    font-size: 0.55rem;
    font-weight: 800;
    text-transform: uppercase;
}

.operations-receive-page-context strong,
.operations-receive-page-context time {
    color: var(--receive-navy);
    font-size: 0.68rem;
}

.operations-receive-alert {
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid #edb9b9;
    border-left: 4px solid #c93434;
    border-radius: 7px;
    color: #8d2020;
    background: #fff1f1;
    font-size: 0.68rem;
}

.operations-receive-alert[hidden] {
    display: none;
}

.operations-receive-v32 .operations-receive-search-band {
    grid-template-columns: auto auto minmax(250px, 1fr) auto auto minmax(220px, 0.9fr);
    align-items: end;
    gap: 7px;
    padding: 7px 9px;
    border: 1px solid var(--receive-line);
    border-radius: 8px;
    background: var(--look-card, #fff);
}

.operations-receive-step-label {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.operations-receive-step-label > span {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 6px;
    color: #fff;
    background: var(--receive-navy);
    font: 800 0.74rem/1 "IBM Plex Mono", ui-monospace, monospace;
}

.operations-receive-step-label small,
.operations-receive-step-label strong {
    display: block;
}

.operations-receive-step-label small {
    color: var(--receive-muted);
    font-size: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.operations-receive-step-label strong {
    color: var(--receive-navy);
    font-size: 0.72rem;
}

.operations-receive-v32 .operations-receive-search-options,
.operations-receive-entry-modes,
.operations-receive-filter-tabs,
.operations-receive-quantity-modes {
    display: inline-flex;
    padding: 2px;
    border: 1px solid #c9d5e2;
    border-radius: 6px;
    background: var(--receive-soft);
}

.operations-receive-v32 .operations-receive-search-options button,
.operations-receive-entry-modes button,
.operations-receive-filter-tabs button,
.operations-receive-quantity-modes button {
    min-height: 28px;
    padding: 4px 9px;
    border: 0;
    border-radius: 4px;
    color: #536b84;
    background: transparent;
    font-size: 0.63rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.operations-receive-v32 .operations-receive-search-options button.is-active,
.operations-receive-entry-modes button.is-active,
.operations-receive-filter-tabs button.is-active,
.operations-receive-quantity-modes button.is-active {
    color: #fff;
    background: var(--receive-navy);
    box-shadow: none;
}

.operations-receive-v32 .operations-receive-search-band .field > span {
    font-size: 0.55rem;
}

.operations-receive-v32 .operations-receive-search-band input,
.operations-receive-v32 .operations-receive-search-band button {
    min-height: 32px;
}

.operations-receive-v32 .operations-receive-ls-field input {
    padding: 5px 9px;
    border-color: #8da7c3;
    border-radius: 6px;
    font: 700 0.76rem/1.2 "IBM Plex Mono", ui-monospace, monospace;
}

.operations-receive-v32 .operations-receive-search-band .lookup-status {
    align-self: end;
    min-height: 32px;
    padding: 7px 8px;
    overflow: hidden;
    border-radius: 5px;
    background: var(--receive-soft);
    font-size: 0.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-v32 .operations-receive-vehicle-matches {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 5px;
    padding: 6px;
    border-radius: 8px;
}

.operations-receive-v32 .operations-receive-vehicle-match {
    padding: 6px 8px;
    border-radius: 6px;
}

.operations-receive-v32 .operations-receive-empty-state {
    min-height: clamp(180px, calc(100vh - 360px), 380px);
    border-radius: 10px;
    background: var(--look-card, #fff);
}

.operations-receive-v32 .operations-receive-empty-state > span {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: var(--receive-navy);
    box-shadow: none;
}

.operations-receive-v32 .operations-receive-workspace {
    gap: 6px;
}

.operations-receive-sheet-line {
    display: grid;
    grid-template-columns: minmax(78px, 0.72fr) minmax(96px, 0.85fr) minmax(150px, 1.35fr) minmax(124px, 1.05fr) minmax(128px, 1fr) minmax(158px, 1.2fr) minmax(86px, 0.68fr);
    min-width: 0;
    border: 1px solid #b9c9d9;
    border-radius: 7px;
    background: var(--look-card, #fff);
}

.operations-receive-sheet-line.has-ls-type {
    grid-template-columns: minmax(76px, 0.68fr) minmax(94px, 0.8fr) minmax(86px, 0.72fr) minmax(142px, 1.3fr) minmax(120px, 1fr) minmax(124px, 0.95fr) minmax(156px, 1.18fr) minmax(84px, 0.65fr);
}

.operations-receive-sheet-line > div {
    min-width: 0;
    padding: 6px 8px;
    border-right: 1px solid #d9e1ea;
}

.operations-receive-sheet-line > div:last-child {
    border-right: 0;
}

.operations-receive-sheet-line span,
.operations-receive-sheet-line strong,
.operations-receive-sheet-line small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-sheet-line span {
    color: var(--receive-muted);
    font-size: 0.5rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.operations-receive-sheet-line strong {
    margin-top: 2px;
    color: var(--receive-navy);
    font: 750 0.68rem/1.15 "IBM Plex Mono", ui-monospace, monospace;
}

.operations-receive-sheet-line strong.status-pill {
    display: inline-flex;
    font-family: "Public Sans", Inter, sans-serif;
}

.operations-receive-sheet-line small {
    margin-top: 1px;
    color: var(--receive-muted);
    font-size: 0.55rem;
}

.operations-receive-sheet-line .operations-receive-sheet-arrived {
    padding-top: 4px;
    padding-bottom: 4px;
}

.operations-receive-sheet-arrived label {
    display: block;
}

.operations-receive-sheet-arrived input {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 26px;
    margin-top: 2px;
    padding: 2px 4px;
    border: 1px solid #b8cadb;
    border-radius: 4px;
    color: var(--receive-navy);
    background: var(--look-card, #fff);
    font: 700 0.57rem/1 "IBM Plex Mono", ui-monospace, monospace;
}

.operations-receive-sheet-arrived input:disabled {
    color: #526b82;
    background: #eef3f7;
    cursor: not-allowed;
}

.operations-receive-v32 .operations-receive-step-panel {
    padding: 7px 8px;
    border: 1px solid var(--receive-line);
    border-radius: 8px;
    box-shadow: none;
}

.operations-receive-v32 .operations-receive-arrival-panel {
    background: #fff9eb;
}

.operations-receive-v32 .operations-receive-arrival-grid {
    grid-template-columns: minmax(130px, 0.8fr) minmax(165px, 1fr) minmax(150px, 1fr) auto;
    gap: 6px;
    align-items: end;
}

.operations-receive-v32 .operations-receive-arrival-grid .operations-receive-wide-field {
    grid-column: auto;
}

.operations-receive-v32 .operations-receive-arrival-grid input,
.operations-receive-v32 .operations-receive-arrival-grid select,
.operations-receive-v32 .operations-receive-arrival-grid button {
    min-height: 30px;
    padding: 4px 6px;
    font-size: 0.61rem;
}

.operations-receive-v32 .operations-receive-entry-row {
    display: grid;
    grid-template-columns: auto auto minmax(300px, 1fr) auto auto auto auto;
    align-items: center;
    gap: 7px;
}

.operations-receive-v32 .operations-receive-scan-workspace {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto;
    align-items: end;
    gap: 5px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    max-width: 500px;
}

.operations-receive-v32 .operations-receive-scan-workspace[hidden] {
    display: none;
}

.operations-receive-v32 .operations-receive-scan-field > span {
    font-size: 0.5rem;
}

.operations-receive-v32 .operations-receive-scan-field input,
.operations-receive-v32 .operations-receive-scan-workspace .primary-button,
.operations-receive-v32 .operations-receive-start-button {
    min-height: 32px;
    padding: 5px 8px;
    font-size: 0.64rem;
}

.operations-receive-v32 .operations-receive-scan-field input {
    width: min(100%, 420px);
    max-width: 420px;
    border-width: 2px;
    border-color: #7895b4;
    border-radius: 5px;
    font: 750 1.25rem/1 "IBM Plex Mono", ui-monospace, monospace;
}

.operations-receive-sync-badge {
    min-width: 78px;
    justify-content: center;
    white-space: nowrap;
}

.operations-receive-v32 .operations-receive-scan-status {
    min-height: 24px;
    margin: 4px 0 0;
    padding: 5px 7px;
    border-radius: 4px;
    font-size: 0.58rem;
}

.operations-receive-legacy-summary {
    display: none !important;
}

.operations-receive-v32 .operations-receive-summary-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    border: 1px solid #aabed2;
    border-radius: 7px;
}

.operations-receive-v32 .operations-receive-summary-grid article {
    position: relative;
    min-height: 49px;
    padding: 7px 8px 6px 11px;
}

.operations-receive-v32 .operations-receive-summary-grid article::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: #7895b4;
    content: "";
}

.operations-receive-v32 .operations-receive-summary-grid article.is-success::before { background: #158355; }
.operations-receive-v32 .operations-receive-summary-grid article.is-warning::before { background: #d58b12; }
.operations-receive-v32 .operations-receive-summary-grid article.is-danger::before { background: #c93434; }

.operations-receive-v32 .operations-receive-summary-grid span {
    color: #64768a;
    font-size: 0.5rem;
    letter-spacing: 0.07em;
}

.operations-receive-v32 .operations-receive-summary-grid strong {
    margin-top: 4px;
    color: var(--receive-navy);
    font: 800 1rem/1 "IBM Plex Mono", ui-monospace, monospace;
}

.operations-receive-table-tools {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) auto auto;
    gap: 6px;
    align-items: center;
    margin-top: 5px;
}

.operations-receive-row-search input {
    width: 100%;
    min-height: 30px;
    padding: 5px 8px;
    border: 1px solid #c2cfdd;
    border-radius: 5px;
    font-size: 0.62rem;
}

.operations-receive-v32 .operations-receive-table-shell {
    height: clamp(220px, calc(100vh - 500px), 380px);
    max-height: none;
    margin-top: 5px;
    border-color: #aabed2;
    border-radius: 6px;
    background: var(--look-card, #fff);
}

.operations-receive-v32 .operations-receive-table {
    width: 100%;
    min-width: 1268px;
    table-layout: fixed;
}

.operations-receive-v32 .operations-receive-table th {
    z-index: 3;
    height: 34px;
    padding: 5px 4px;
    border-right: 1px solid rgba(255,255,255,0.16);
    color: #fff;
    background: var(--receive-navy);
    font-size: 0.54rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.operations-receive-v32 .operations-receive-table th small {
    color: #c9d8e8;
    font-size: 0.45rem;
}

.operations-receive-v32 .operations-receive-table col:nth-child(1) { width: 34px; }
.operations-receive-v32 .operations-receive-table col:nth-child(2) { width: 112px; }
.operations-receive-v32 .operations-receive-table col:nth-child(3) { width: 52px; }
.operations-receive-v32 .operations-receive-table col:nth-child(4) { width: 168px; }
.operations-receive-v32 .operations-receive-table col:nth-child(5) { width: auto; }
.operations-receive-v32 .operations-receive-table col:nth-child(6) { width: 124px; }
.operations-receive-v32 .operations-receive-table col:nth-child(7) { width: 150px; }
.operations-receive-v32 .operations-receive-table col:nth-child(8) { width: 70px; }
.operations-receive-v32 .operations-receive-table col:nth-child(9) { width: 120px; }
.operations-receive-v32 .operations-receive-table col:nth-child(10) { width: 62px; }
.operations-receive-v32 .operations-receive-table col:nth-child(11) { width: 110px; }
.operations-receive-v32 .operations-receive-table col:nth-child(12) { width: 146px; }

.operations-receive-v32 .operations-receive-table td {
    height: 42px;
    padding: 4px;
    overflow: hidden;
    border-right: 1px solid #e0e6ed;
    border-bottom: 1px solid #e0e6ed;
    color: #243c58;
    font-size: 0.58rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-v32 .operations-receive-table tbody tr {
    height: 42px;
}

.operations-receive-v32 .operations-receive-table td strong,
.operations-receive-v32 .operations-receive-table td small,
.operations-receive-v32 .operations-receive-table td a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-v32 .operations-receive-table td small {
    color: #718196;
    font-size: 0.49rem;
}

.operations-receive-v32 .operations-receive-table td input:not([type="checkbox"]),
.operations-receive-v32 .operations-receive-table td select {
    min-width: 0;
    min-height: 26px;
    padding: 3px 4px;
    border-radius: 4px;
    font-size: 0.56rem;
}

.operations-receive-v32 .operations-receive-table td:nth-child(6) input,
.operations-receive-v32 .operations-receive-table td:nth-child(12) input {
    min-width: 0;
}

.operations-receive-v32 .operations-receive-table tbody tr.is-received td {
    background: #f7fbf8;
}

.operations-receive-v32 .operations-receive-table tbody tr.is-received td:first-child {
    box-shadow: inset 4px 0 0 #22845d;
}

.operations-receive-v32 .operations-receive-table tfoot td {
    position: sticky;
    bottom: 0;
    z-index: 4;
    height: 38px;
    padding: 5px 6px;
    border-top: 2px solid #8fa8c0;
    border-right: 1px solid #d4dee8;
    color: #29445f;
    background: #edf3f8;
    font-size: 0.54rem;
    white-space: nowrap;
}

.operations-receive-v32 .operations-receive-table tfoot strong,
.operations-receive-v32 .operations-receive-table tfoot small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.operations-receive-v32 .operations-receive-table tfoot strong {
    color: var(--receive-navy);
    font-size: 0.58rem;
}

.operations-receive-v32 .operations-receive-table tfoot small {
    margin-top: 1px;
    color: #6b7f93;
    font-size: 0.43rem;
}

.operations-receive-scenario {
    display: inline-flex;
    max-width: 100%;
    padding: 3px 5px;
    overflow: hidden;
    border-radius: 4px;
    color: #3e5772;
    background: #edf1f6;
    font-size: 0.51rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-scenario.is-sv {
    color: #71480b;
    background: #fff0cc;
}

.operations-receive-pay-pill {
    display: inline-flex;
    max-width: 100%;
    padding: 2px 5px;
    overflow: hidden;
    border-radius: 999px;
    color: #214c73;
    background: #eaf1f8;
    font-size: 0.5rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-pay-pill.is-to-pay,
.operations-receive-pay-pill.is-topay { color: #8b2525; background: #ffeded; }
.operations-receive-pay-pill.is-paid { color: #17623f; background: #e9f7ef; }
.operations-receive-pay-pill.is-to-be-billed,
.operations-receive-pay-pill.is-tbb { color: #77550c; background: #fff4d4; }

.operations-receive-checked-by {
    display: block;
    max-width: 100%;
    margin-top: 2px;
    color: #64768a !important;
    font-size: 0.42rem !important;
}

.operations-receive-v32 .operations-receive-table tr.is-offline-queued td {
    background-image: linear-gradient(90deg, rgba(214, 139, 18, 0.07), rgba(214, 139, 18, 0.02));
}

.operations-receive-v32 .operations-receive-table tr.is-offline-queued td:first-child {
    box-shadow: inset 4px 0 0 #d58b12;
}

.operations-receive-sv-legend {
    display: flex;
    min-height: 27px;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    padding: 4px 7px;
    border: 1px solid #c7d5e2;
    border-radius: 5px;
    color: #526a82;
    background: #f8fafc;
    font-size: 0.52rem;
    white-space: nowrap;
}

.operations-receive-sv-legend > strong {
    color: var(--receive-navy);
    font-size: 0.58rem;
    letter-spacing: 0.08em;
}

.operations-receive-sv-legend .is-direct-before {
    padding-left: 7px;
    border-left: 3px solid #2774bd;
}

.operations-receive-sv-legend .is-after {
    padding-left: 7px;
    border-left: 3px solid #11898b;
}

.operations-receive-route-tag {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    padding: 1px 4px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font: 850 0.42rem/1.3 "IBM Plex Mono", ui-monospace, monospace;
    letter-spacing: 0.05em;
}

.operations-receive-route-tag.is-here {
    color: #27704f;
    background: #edf8f2;
}

.operations-receive-route-tag.is-onward {
    color: #156f78;
    background: #ebf8f8;
}

.operations-receive-v32 .operations-receive-exception-summary {
    margin-top: 5px;
    padding: 6px 8px;
    border-radius: 6px;
}

.operations-receive-v32 .operations-receive-exception-head > div:last-child {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.operations-receive-v32 .operations-receive-exception-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operations-receive-reconciliation-bar {
    min-height: 27px;
    margin-top: 4px;
    padding: 3px 6px;
    border: 1px solid #d6e0e9;
    border-radius: 5px;
    background: var(--receive-soft);
}

.operations-receive-reconciliation-bar .lookup-status {
    overflow: hidden;
    font-size: 0.56rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-v32 .operations-receive-footer-grid {
    grid-template-columns: minmax(170px, 0.65fr) minmax(240px, 1.35fr) auto auto;
    gap: 6px;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dbe3eb;
}

.operations-receive-v32 .operations-receive-footer-grid input,
.operations-receive-v32 .operations-receive-footer-grid button {
    min-height: 32px;
    padding: 5px 8px;
    font-size: 0.61rem;
}

.operations-receive-v32 .operations-receive-footer-grid .field > span {
    font-size: 0.5rem;
}

.operations-receive-time-audit {
    display: block;
    margin-top: 2px;
    color: #64768a;
    font-size: 0.48rem;
    line-height: 1.2;
}

.operations-receive-time-audit.is-review {
    color: #9b5d00;
    font-weight: 800;
}

.operations-receive-v32 .operations-receive-history-panel {
    padding: 0;
    border: 1px solid var(--receive-line);
    border-radius: 7px;
    background: var(--look-card, #fff);
    box-shadow: none;
}

.operations-receive-history-panel > summary {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    color: var(--receive-navy);
    font-size: 0.62rem;
    cursor: pointer;
    list-style: none;
}

.operations-receive-history-panel > summary::-webkit-details-marker { display: none; }
.operations-receive-history-panel > summary span { font-weight: 850; }
.operations-receive-history-panel > summary strong { color: var(--receive-muted); font-weight: 650; }
.operations-receive-v32 .operations-receive-history { padding: 0 8px 8px; }

.operations-receive-confirm-modal .modal-card {
    width: min(440px, calc(100vw - 30px));
}

.operations-receive-confirm-modal .modal-card > p {
    color: #52677f;
    font-size: 0.78rem;
    line-height: 1.5;
}

.operations-receive-v32 .operations-receive-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.operations-receive-alert-actions,
.operations-receive-row-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.operations-receive-alert-actions button,
.operations-receive-row-actions button {
    min-height: 24px;
    padding: 3px 6px;
    border: 1px solid #b8cadb;
    border-radius: 4px;
    color: #174f79;
    background: var(--look-card, #fff);
    font-size: 0.52rem;
    font-weight: 850;
    white-space: nowrap;
    cursor: pointer;
}

.operations-receive-alert-actions button {
    border-color: #d69797;
    color: #8d2020;
}

.operations-receive-row-actions button.is-done {
    border-color: #89c3a8;
    color: #12663f;
    background: #eff9f3;
}

.operations-receive-row-actions button.is-danger {
    border-color: #e4b6b6;
    color: #a32c2c;
}

.operations-receive-row-actions button:disabled {
    border-color: #d5dee7;
    color: #7b8998;
    background: #f2f5f7;
    cursor: not-allowed;
}

.operations-receive-sv-mode {
    display: inline-grid;
    gap: 2px;
    min-width: 82px;
    color: #586f86;
    font-size: 0.46rem;
    font-weight: 800;
    text-transform: uppercase;
}

.operations-receive-sv-mode select {
    min-width: 82px;
    height: 26px;
    padding: 2px 20px 2px 6px;
    border: 1px solid #b8cadb;
    border-radius: 4px;
    color: #174f79;
    background: var(--look-card, #fff);
    font-size: 0.52rem;
    font-weight: 850;
    text-transform: none;
}

.operations-receive-muted {
    color: #6d7f91;
    font-size: 0.5rem;
    font-weight: 700;
}

.operations-receive-coming-panel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-width: 0;
    padding: 6px 8px;
    border: 1px solid var(--receive-line);
    border-radius: 7px;
    background: var(--look-card, #fff);
}

.operations-receive-coming-panel[hidden] { display: none; }

.operations-receive-coming-label span,
.operations-receive-coming-label small {
    display: block;
    white-space: nowrap;
}

.operations-receive-coming-label span {
    color: var(--receive-navy);
    font-size: 0.6rem;
    font-weight: 900;
    text-transform: uppercase;
}

.operations-receive-coming-label small {
    margin-top: 2px;
    color: var(--receive-muted);
    font-size: 0.5rem;
}

.operations-receive-coming-chips {
    display: flex;
    gap: 5px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.operations-receive-coming-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 145px;
    padding: 5px 7px;
    border: 1px solid #cbd8e4;
    border-radius: 6px;
    color: #2b4967;
    background: #f8fafc;
    text-align: left;
    cursor: pointer;
}

.operations-receive-coming-chip:hover,
.operations-receive-coming-chip:focus-visible,
.operations-receive-coming-chip.is-active {
    border-color: var(--receive-blue);
    outline: none;
    background: #edf5ff;
}

.operations-receive-coming-chip > i {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #d58b12;
}

.operations-receive-coming-chip > i.is-arrived { background: #158355; }
.operations-receive-coming-chip strong,
.operations-receive-coming-chip small { display: block; white-space: nowrap; }
.operations-receive-coming-chip strong { font: 800 0.59rem/1.1 "IBM Plex Mono", ui-monospace, monospace; }
.operations-receive-coming-chip small { margin-top: 2px; color: #6a7d91; font-size: 0.48rem; }

.operations-receive-coming-chip small + small {
    color: #3e5d78;
    font-weight: 750;
}

.operations-receive-field-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.operations-receive-field-heading label {
    color: var(--text);
    font-size: 0.76rem;
    font-weight: 800;
}

.operations-receive-inline-action {
    padding: 2px 6px;
    border: 1px solid #9eb5c9;
    border-radius: 999px;
    color: var(--receive-blue);
    background: #f5f9fd;
    font: inherit;
    font-size: 0.52rem;
    font-weight: 850;
    cursor: pointer;
}

.operations-receive-inline-action:hover,
.operations-receive-inline-action:focus-visible {
    border-color: var(--receive-blue);
    outline: none;
    background: #eaf3fc;
}

.operations-receive-inline-action[hidden] { display: none; }

.operations-receive-v32 .operations-receive-entry-row {
    grid-template-columns: auto auto minmax(230px, 1fr) auto auto auto;
}

.operations-receive-v32 .operations-receive-table tr.is-same-vehicle td {
    background: #f7fafc;
}

.operations-receive-v32 .operations-receive-table tr.is-same-vehicle:hover td {
    background: #f0f6fa;
}

.operations-receive-v32 .operations-receive-table td:nth-child(12) {
    overflow: visible;
    white-space: normal;
}

.operations-receive-photo-due {
    display: block;
    margin-top: 3px;
    color: #8a6519 !important;
    font-size: 0.46rem !important;
    line-height: 1.15;
    white-space: normal !important;
}

.operations-receive-photo-due.is-overdue { color: #a32c2c !important; }

.operations-receive-reason-block {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.operations-receive-reason-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    gap: 4px;
    align-items: center;
}

.operations-receive-reason-control select { min-width: 0; }

.operations-receive-reason-photo-button {
    display: inline-grid;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    place-items: center;
    padding: 0 !important;
    border: 1px solid #d7a64b !important;
    border-radius: 5px !important;
    color: #805900 !important;
    background: #fff7df !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    cursor: pointer;
}

.operations-receive-reason-photo-button.is-uploaded {
    border-color: #72b493 !important;
    color: #12663f !important;
    background: #edf9f2 !important;
}

.operations-receive-reason-photo-button:disabled {
    border-color: #c9d3dc !important;
    color: #7b8996 !important;
    background: #f0f3f6 !important;
    cursor: not-allowed;
    opacity: 0.82;
}

.operations-receive-reason-photo-button[hidden],
.operations-receive-reason-photo-status[hidden] { display: none !important; }

.operations-receive-reason-photo-status {
    display: block;
    color: #8a6519;
    font-size: 0.46rem;
    font-weight: 750;
    line-height: 1.18;
    white-space: normal;
}

.operations-receive-reason-photo-status.is-uploaded { color: #12663f; }
.operations-receive-reason-photo-status.is-error,
.operations-receive-reason-photo-status.is-overdue { color: #a32c2c; }

.operations-receive-recorded-extras {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 6px 8px;
    border: 1px solid #e4c785;
    border-radius: 6px;
    background: #fffbef;
}

.operations-receive-recorded-extras[hidden] { display: none; }
.operations-receive-recorded-extras > strong { color: #6d5318; font-size: 0.55rem; text-transform: uppercase; }
.operations-receive-recorded-extras > div { display: flex; gap: 6px; min-width: 0; overflow-x: auto; }
.operations-receive-recorded-extras article { display: flex; align-items: center; gap: 7px; min-width: 190px; padding: 4px 6px; border: 1px solid #ead8a9; border-radius: 5px; background: var(--look-card, #fff); }
.operations-receive-recorded-extras article > span { min-width: 0; flex: 1; }
.operations-receive-recorded-extras article b,
.operations-receive-recorded-extras article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operations-receive-recorded-extras article b { color: var(--receive-navy); font-size: 0.57rem; }
.operations-receive-recorded-extras article small { margin-top: 2px; color: var(--receive-muted); font-size: 0.47rem; }
.operations-receive-recorded-extra-actions { display: flex; align-items: center; gap: 4px; }
.operations-receive-recorded-extra-actions > button:not(.operations-receive-reason-photo-button) { min-height: 28px; padding: 3px 6px; border: 1px solid #b8cadb; border-radius: 5px; color: #174f79; background: var(--look-card, #fff); font-size: 0.5rem; font-weight: 850; cursor: pointer; }
.operations-receive-recorded-extra-actions .operations-receive-reason-photo-status { max-width: 110px; }

.operations-receive-followup-reason,
.operations-receive-source-reason { display: flex; align-items: center; gap: 5px; min-width: 0; }
.operations-receive-followup-reason > span,
.operations-receive-source-reason > span { min-width: 0; flex: 1; }
.operations-receive-followup-reason .operations-receive-reason-photo-status { max-width: 105px; }
.operations-receive-source-photo { display: inline-flex; flex: 0 0 auto; padding: 2px 5px; border-radius: 999px; font-size: 0.48rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.operations-receive-source-photo.is-uploaded { color: #12663f; background: #eaf7f0; }
.operations-receive-source-photo.is-pending { color: #8a5c00; background: #fff3d3; }

.operations-receive-followup-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr)) auto auto;
    gap: 6px;
}

.operations-receive-followup-nav button,
.operations-receive-followup-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid #c5d4e2;
    border-radius: 6px;
    color: var(--receive-navy);
    background: var(--look-card, #fff);
    font-size: 0.58rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.operations-receive-followup-nav strong {
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    color: #fff;
    background: var(--receive-blue);
    font-size: 0.52rem;
}

.operations-receive-followup-panel {
    min-width: 0;
    padding: 8px;
    border: 1px solid #9fb7ce;
    border-radius: 7px;
    background: var(--look-card, #fff);
}

.operations-receive-followup-panel[hidden] { display: none; }

.operations-receive-followup-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.operations-receive-followup-head :is(h3, p) { margin: 0; }
.operations-receive-followup-head h3 { color: var(--receive-navy); font-size: 0.8rem; }
.operations-receive-external-link-hint { margin-top: 2px !important; color: var(--receive-muted); font-size: 0.5rem; }
.operations-receive-followup-table-shell { max-height: 190px; overflow: auto; }
.operations-receive-followup-table-shell table { min-width: 760px; }
.operations-receive-followup-table-shell :is(th, td) { padding: 5px 6px; font-size: 0.58rem; }

.operations-receive-history-facts {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 5px;
    padding: 0 8px 7px;
}

.operations-receive-history-facts article {
    min-width: 0;
    padding: 5px 6px;
    border-radius: 5px;
    background: var(--receive-soft);
}

.operations-receive-history-facts span,
.operations-receive-history-facts strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operations-receive-history-facts span { color: var(--receive-muted); font-size: 0.47rem; text-transform: uppercase; }
.operations-receive-history-facts strong { margin-top: 2px; color: var(--receive-navy); font-size: 0.55rem; }

.operations-receive-confirm-facts {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 8px 8px 8px 28px;
    border-radius: 7px;
    color: #34506c;
    background: #eef4fa;
    font-size: 0.7rem;
}

.operations-receive-confirm-facts[hidden] { display: none; }

.operations-receive-evidence-modal { z-index: 82; }
.operations-receive-evidence-modal .modal-card { width: min(620px, calc(100vw - 30px)); }
.operations-receive-evidence-modal .modal-head h2 { margin: 2px 0 0; color: var(--receive-navy); }
.operations-receive-evidence-modal .field-help { margin: 3px 0 0; color: var(--receive-muted); font-size: 0.72rem; }

.operations-receive-dialog-context {
    display: grid;
    grid-template-columns: 0.7fr 1.5fr 1fr;
    overflow: hidden;
    border: 1px solid #c7d4e1;
    border-radius: 7px;
    background: #f5f8fb;
}

.operations-receive-dialog-context article { min-width: 0; padding: 7px 8px; border-right: 1px solid #d8e1e9; }
.operations-receive-dialog-context article:last-child { border-right: 0; }
.operations-receive-dialog-context span,
.operations-receive-dialog-context strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operations-receive-dialog-context span { color: var(--receive-muted); font-size: 0.55rem; text-transform: uppercase; }
.operations-receive-dialog-context strong { margin-top: 2px; color: var(--receive-navy); font-size: 0.7rem; }

.operations-receive-dialog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.operations-receive-dialog-grid .field-span { grid-column: 1 / -1; }

.operations-receive-photo-preview {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px;
    align-items: center;
    margin: 0;
    padding: 7px;
    border: 1px solid #c7d7e3;
    border-radius: 7px;
    background: #f5f9fc;
}

.operations-receive-photo-preview[hidden] { display: none; }
.operations-receive-photo-preview img { width: 90px; height: 62px; object-fit: cover; border-radius: 5px; }
.operations-receive-photo-preview figcaption { color: var(--receive-muted); font-size: 0.68rem; }

.operations-receive-collection-modes {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 0;
    padding: 8px;
    border: 1px solid #c7d4e1;
    border-radius: 7px;
}

.operations-receive-collection-modes legend { padding: 0 4px; color: var(--receive-muted); font-size: 0.6rem; font-weight: 850; }
.operations-receive-collection-modes label { display: flex; align-items: center; gap: 5px; padding: 6px; border-radius: 5px; background: #f3f6fa; font-size: 0.66rem; font-weight: 800; }
.operations-receive-collection-modes label.is-locked { color: #7a8795; background: #eef0f3; cursor: not-allowed; }
.operations-receive-collection-modes label span small { display: block; margin-top: 1px; font-size: 0.45rem; font-weight: 700; }
.operations-receive-dialog-status { min-height: 18px; margin: 0; color: #a32c2c; font-size: 0.68rem; }

body[data-operations-active-module="receive"] .operations-status-strip,
body[data-operations-active-module="receive"] .operations-summary-grid {
    display: none !important;
}

body[data-operations-active-module="receive"] .operations-module-pane[data-operations-module-pane="receive"],
.operations-receive-pane,
.operations-receive-pane > .operations-receive-console {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.operations-receive-v32 [hidden] {
    display: none !important;
}

.operations-receive-v32 .operations-receive-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
}

.operations-receive-source-queue-button {
    min-height: 34px;
    white-space: nowrap;
}

.operations-receive-source-queue-button strong,
.operations-receive-filter-tabs [data-receive-filter-count],
.operations-receive-quantity-modes + button span {
    display: inline-grid;
    min-width: 18px;
    height: 18px;
    margin-left: 3px;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: var(--receive-blue);
    font-size: 0.48rem;
}

.operations-receive-arrival-details {
    margin-top: 5px;
    border-top: 1px dashed #dcc898;
}

.operations-receive-arrival-details > summary {
    padding: 5px 1px 0;
    color: #6b582f;
    font-size: 0.56rem;
    font-weight: 800;
    cursor: pointer;
}

.operations-receive-arrival-details[open] > .operations-receive-arrival-grid {
    margin-top: 5px;
}

.operations-receive-v32 .operations-receive-table tr.is-sv-direct-before td {
    background: #edf5ff;
}

.operations-receive-v32 .operations-receive-table tr.is-sv-direct-before td:first-child {
    box-shadow: inset 4px 0 0 #2774bd;
}

.operations-receive-v32 .operations-receive-table tr.is-sv-after td {
    background: #f3fbfb;
}

.operations-receive-v32 .operations-receive-table tr.is-sv-after td:first-child {
    box-shadow: inset 4px 0 0 #11898b;
}

.operations-receive-v32 .operations-receive-table tr.is-short td,
.operations-receive-v32 .operations-receive-table tr.is-refused td {
    background: #fff0f0;
}

.operations-receive-v32 .operations-receive-table tr.is-short td:first-child,
.operations-receive-v32 .operations-receive-table tr.is-refused td:first-child {
    box-shadow: inset 4px 0 0 #c43d3d;
}

.operations-receive-v32 .operations-receive-table tr.is-excess td,
.operations-receive-v32 .operations-receive-table tr.is-extra td {
    background: #fff7e7;
}

.operations-receive-v32 .operations-receive-table tr.is-excess td:first-child,
.operations-receive-v32 .operations-receive-table tr.is-extra td:first-child {
    box-shadow: inset 4px 0 0 #d28a17;
}

.operations-receive-v32 .operations-receive-table tr.is-refused td {
    background: #fff0f0;
}

.operations-receive-v32 .operations-receive-table tr.is-held td {
    background: #fffaf0;
}

.operations-receive-v32 .operations-receive-table tr.is-held td:first-child {
    box-shadow: inset 4px 0 0 #d28a17;
}

.operations-receive-v32 .operations-receive-table tr.is-refused.is-held td {
    background: #fff0f0;
}

.operations-receive-v32 .operations-receive-table tr.is-refused.is-held td:first-child {
    box-shadow: inset 4px 0 0 #d28a17;
}

.operations-receive-v32 .operations-receive-table tbody tr:not(.is-received):not(.is-same-vehicle):not(.is-short):not(.is-excess):not(.is-refused):not(.is-held):hover td {
    background: #f4f8fc;
}

.operations-receive-v32 .operations-receive-table tbody tr.is-received:not(.is-sv-direct-before):not(.is-sv-after):not(.is-short):not(.is-excess):not(.is-refused):not(.is-held):hover td {
    background: #eff8f2;
}

.operations-receive-v32 .operations-receive-table tbody tr.is-sv-direct-before:hover td {
    background: #e4f0ff;
}

.operations-receive-v32 .operations-receive-table tbody tr.is-sv-after:hover td {
    background: #e9f8f8;
}

.operations-receive-v32 .operations-receive-table tbody tr:is(.is-short, .is-refused):hover td {
    background: #ffe7e7;
}

.operations-receive-v32 .operations-receive-table tbody tr:is(.is-excess, .is-extra, .is-held):hover td {
    background: #fff1d4;
}

.operations-receive-v32 .operations-receive-table tbody tr.is-refused.is-held:hover td {
    background: #ffe7e7;
}

.operations-receive-v32 .operations-receive-table tr.is-last-scanned td {
    box-shadow: inset 0 2px 0 #1767b2, inset 0 -2px 0 #1767b2;
}

.operations-receive-v32 .operations-receive-table tr.is-last-scanned td:first-child {
    box-shadow: inset 2px 0 0 #1767b2, inset 0 2px 0 #1767b2, inset 0 -2px 0 #1767b2;
}

.operations-receive-v32 .operations-receive-table tr.is-last-scanned td:last-child {
    box-shadow: inset -2px 0 0 #1767b2, inset 0 2px 0 #1767b2, inset 0 -2px 0 #1767b2;
}

.operations-receive-delivery-outcome {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.operations-receive-delivery-outcome select {
    width: 108px;
    min-height: 24px;
    padding: 2px 20px 2px 5px;
    border: 1px solid #b8cadb;
    border-radius: 4px;
    color: var(--receive-navy);
    background: var(--look-card, #fff);
    font-size: 0.51rem;
    font-weight: 750;
}

.operations-receive-source-panel {
    max-width: 100%;
    box-shadow: 0 6px 18px rgba(22, 54, 92, 0.08);
}

.operations-receive-success-modal {
    z-index: 84;
}

.operations-receive-success-modal .modal-card {
    width: min(720px, calc(100vw - 30px));
}

.operations-receive-success-modal .operations-receive-dialog-context {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operations-receive-success-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 7px;
}

.operations-receive-success-links[hidden] {
    display: none;
}

.operations-receive-success-links :is(button, a) {
    display: grid;
    min-height: 42px;
    place-items: center;
    padding: 7px;
    border: 1px solid #b9cbdd;
    border-radius: 6px;
    color: var(--receive-navy);
    background: #f5f8fb;
    font-size: 0.64rem;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.operations-receive-success-empty {
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #c7d4e1;
    border-radius: 6px;
    color: var(--receive-muted);
    background: #f5f8fb;
    font-size: 0.68rem;
}

.operations-receive-success-external {
    display: grid;
    gap: 7px;
    padding: 9px;
    border: 1px solid #b9cbdd;
    border-radius: 6px;
    background: #f8fafc;
}

.operations-receive-success-external[hidden] { display: none; }

.operations-receive-success-external h3,
.operations-receive-success-external p { margin: 0; }
.operations-receive-success-external h3 { color: var(--receive-navy); font-size: 0.72rem; }
.operations-receive-success-external p { margin-top: 2px; color: var(--receive-muted); font-size: 0.58rem; }

.operations-receive-success-external-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 6px;
}

.operations-receive-success-external-actions article {
    display: grid;
    gap: 4px;
    align-content: start;
    min-width: 0;
    padding: 7px;
    border: 1px solid #d4dee8;
    border-radius: 5px;
    background: var(--look-card, #fff);
}

.operations-receive-success-external-actions span { color: var(--receive-navy); font-size: 0.59rem; font-weight: 850; }
.operations-receive-success-external-actions small { color: var(--receive-muted); font-size: 0.52rem; line-height: 1.35; }
.operations-receive-success-external-actions button {
    min-height: 32px;
    padding: 5px 7px;
    border: 1px solid #9db7d1;
    border-radius: 5px;
    color: #174f79;
    background: #eef5fb;
    font-size: 0.58rem;
    font-weight: 850;
    cursor: pointer;
}

.operations-receive-success-external-actions button:disabled {
    color: #7b8998;
    border-color: #d5dee7;
    background: #f2f5f7;
    cursor: not-allowed;
}

.operations-receive-external-link-modal { z-index: 88; }
.operations-receive-external-link-modal .modal-card { width: min(620px, calc(100vw - 30px)); }
.operations-receive-external-link-context {
    margin: 0;
    padding: 7px 9px;
    border-radius: 5px;
    color: var(--receive-navy);
    background: var(--receive-soft);
    font-size: 0.66rem;
    font-weight: 850;
}

.operations-receive-external-link-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
    align-items: stretch;
}

.operations-receive-external-link-copy :is(input, textarea) {
    min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.65rem;
}

.operations-receive-external-link-copy textarea { resize: none; overflow-wrap: anywhere; }
.operations-receive-external-link-copy button { min-width: 105px; }

#opsReceiveCollectionDriverAckField {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    padding: 7px;
    border: 1px solid #c7d4e1;
    border-radius: 6px;
    background: #f5f8fb;
}

#opsReceiveCollectionDriverAckField input {
    margin-top: 2px;
}

@media (max-width: 1400px), (max-height: 800px) {
    .operations-receive-v32 { gap: 5px; padding: 7px 8px; }
    .operations-receive-v32 .operations-receive-head { min-height: 40px; }
    .operations-receive-v32 .operations-receive-title-block h2 { font-size: 1.875rem; }
    .operations-receive-v32 .operations-receive-title-block p:not(.eyebrow) { display: none; }
    .operations-receive-v32 .operations-receive-search-band { grid-template-columns: auto auto minmax(190px, 1fr) auto auto minmax(170px, 0.75fr); padding: 5px 7px; }
    .operations-receive-v32 .operations-receive-table-shell { height: clamp(190px, calc(100vh - 490px), 300px); }
    .operations-receive-v32 .operations-receive-summary-grid article { min-height: 43px; padding-top: 5px; padding-bottom: 5px; }
    .operations-receive-v32 .operations-receive-entry-row { grid-template-columns: auto auto minmax(180px, 1fr) auto auto auto auto; gap: 5px; }
    .operations-receive-v32 .operations-receive-table th { height: 30px; }
    .operations-receive-v32 .operations-receive-table td { height: 42px; }
    .operations-receive-followup-nav :is(button, a) { min-height: 28px; }
    .operations-receive-v32 .operations-receive-table { min-width: 1268px; }
    .operations-receive-v32 .operations-receive-arrival-grid { grid-template-columns: minmax(130px, .8fr) minmax(165px, 1fr) minmax(150px, 1fr) auto; }
    .operations-receive-arrival-details .operations-receive-arrival-grid { grid-template-columns: repeat(4, minmax(120px, 1fr)); }
    .operations-receive-followup-table-shell { max-height: 160px; }
}

@media (max-width: 1320px) {
    .operations-receive-v32 .operations-receive-search-band {
        grid-template-columns: auto auto minmax(220px, 1fr) auto auto;
    }
    .operations-receive-v32 .operations-receive-search-band .lookup-status { grid-column: 1 / -1; }
    .operations-receive-v32 .operations-receive-table-shell { height: clamp(210px, calc(100vh - 520px), 340px); }
}

@media (max-width: 980px) {
    .operations-receive-v32 { overflow: visible; }
    .operations-receive-v32 .operations-receive-search-band,
    .operations-receive-v32 .operations-receive-entry-row,
    .operations-receive-table-tools { grid-template-columns: 1fr auto; }
    .operations-receive-v32 .operations-receive-step-label,
    .operations-receive-v32 .operations-receive-search-band .lookup-status,
    .operations-receive-v32 .operations-receive-scan-workspace,
    .operations-receive-row-search { grid-column: 1 / -1; }
    .operations-receive-sheet-line,
    .operations-receive-sheet-line.has-ls-type { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .operations-receive-v32 .operations-receive-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .operations-receive-sv-legend { flex-wrap: wrap; white-space: normal; }
    .operations-receive-v32 .operations-receive-arrival-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .operations-receive-v32 .operations-receive-head { grid-template-columns: 1fr; align-items: stretch; }
    .operations-receive-page-context { align-self: stretch; text-align: left; }
    .operations-receive-sheet-line,
    .operations-receive-sheet-line.has-ls-type,
    .operations-receive-v32 .operations-receive-summary-grid,
    .operations-receive-v32 .operations-receive-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operations-receive-v32 .operations-receive-footer-grid .operations-receive-wide-field { grid-column: 1 / -1; }
    .operations-receive-success-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operations-receive-external-link-copy { grid-template-columns: 1fr; }
    .operations-receive-external-link-copy button { min-width: 0; }
}

.document-screenshot-control {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.document-screenshot-toggle svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.document-screenshot-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 80;
    width: 252px;
    padding: 7px;
    border: 1px solid #c8d9e7;
    border-radius: 13px;
    background: var(--look-card, #fff);
    box-shadow: 0 18px 48px rgba(12, 37, 59, 0.22);
}

.document-screenshot-menu[hidden] {
    display: none !important;
}

.document-screenshot-menu button {
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #173d5d;
    cursor: pointer;
    text-align: left;
}

.document-screenshot-menu button:hover,
.document-screenshot-menu button:focus-visible {
    outline: none;
    background: #edf6fc;
}

.document-screenshot-menu button + button {
    margin-top: 3px;
}

.document-screenshot-menu svg {
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 8px;
    background: #e7f2fa;
    fill: none;
    stroke: #176697;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.document-screenshot-menu span,
.document-screenshot-menu strong,
.document-screenshot-menu small {
    display: block;
    min-width: 0;
}

.document-screenshot-menu strong {
    font-size: 13px;
    line-height: 1.2;
}

.document-screenshot-menu small {
    margin-top: 2px;
    color: #687e90;
    font-size: 11px;
    line-height: 1.3;
}

@media (max-width: 760px) {
    .document-screenshot-menu {
        position: fixed;
        top: auto;
        right: 14px;
        bottom: 14px;
        left: 14px;
        width: auto;
    }
}


/* Dedicated DDM Settlement workspace — Loading Sheet aligned presentation. */
body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-delivery-dedicated-shell {
    --ddm-settlement-blue: var(--scc-blue, #1768cf);
    --ddm-settlement-ink: #153b5b;
    --ddm-settlement-soft: #f3f8fd;
    --ddm-settlement-border: rgba(47, 113, 166, 0.2);
    gap: 12px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-subtabs {
    position: sticky;
    z-index: 18;
    top: 0;
    padding: 5px 8px 0;
    border: 1px solid var(--ddm-settlement-border);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background: rgba(244, 249, 253, 0.96);
    backdrop-filter: blur(12px);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-subtabs .loading-sheet-view-tab {
    min-width: 190px;
    border-radius: 13px 13px 0 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-view-panel[data-operations-view-panel="delivery:basic"] > .operations-form-panel {
    padding: 12px;
    overflow: visible;
    border-color: var(--ddm-settlement-border);
    border-radius: 0 0 18px 18px;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.99), rgba(239, 247, 253, 0.94));
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-view-panel[data-operations-view-panel="delivery:basic"] > .operations-form-panel > .panel-head {
    min-height: 74px;
    margin-bottom: 10px;
    padding: 12px 16px;
    border: 1px solid rgba(38, 114, 174, 0.18);
    border-radius: 14px;
    background: linear-gradient(105deg, rgba(229, 243, 255, 0.98), rgba(255, 255, 255, 0.98) 58%, rgba(237, 248, 255, 0.98));
    box-shadow: 0 8px 22px rgba(24, 76, 116, 0.07);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-view-panel[data-operations-view-panel="delivery:basic"] > .operations-form-panel > .panel-head h2 {
    margin-top: 3px;
    color: var(--ddm-settlement-ink);
    font-size: 1.2rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-create-panel {
    gap: 10px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-panel {
    padding: 0;
    overflow: hidden;
    border-color: rgba(49, 127, 184, 0.28);
    background: linear-gradient(180deg, #f6fbff, #edf7fe);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-panel > summary {
    min-height: 56px;
    margin: 0;
    padding: 10px 14px;
    cursor: pointer;
    list-style: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-panel > summary::-webkit-details-marker {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-panel > summary::after {
    content: "⌄";
    color: #316f9c;
    font-size: 1.05rem;
    font-weight: 900;
    transition: transform 0.16s ease;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-panel[open] > summary::after {
    transform: rotate(180deg);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-panel h3 {
    margin-top: 2px;
    color: #164f79;
    font-size: 0.98rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-table-shell {
    margin: 0 12px 12px;
    overflow-x: auto;
    border: 1px solid rgba(68, 130, 174, 0.18);
    border-radius: 11px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-table {
    min-width: 900px;
    table-layout: fixed;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-table :is(th, td) {
    padding: 8px 9px;
    font-size: 0.73rem;
    vertical-align: middle;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-table :is(td strong, td small) {
    display: block;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-table td small {
    margin-top: 2px;
    color: var(--text-soft);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-drafts-table tr.is-active-draft > td {
    background: rgba(222, 242, 255, 0.72);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-lookup-panel,
body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-table-panel {
    border-color: var(--ddm-settlement-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 7px 20px rgba(22, 67, 101, 0.055);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-lookup-panel {
    padding: 12px 14px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-lookup-grid {
    grid-template-columns: minmax(300px, 1fr) auto;
    max-width: 900px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-summary-tile {
    border-color: rgba(42, 118, 174, 0.17);
    background: linear-gradient(145deg, #ffffff, #f2f8fd);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-summary-tile strong {
    color: var(--ddm-settlement-ink);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-table-shell {
    overflow-x: auto;
    scrollbar-gutter: stable;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-table thead th {
    position: sticky;
    z-index: 2;
    top: 0;
    color: #244c6b;
    background: #edf6fc;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-grid {
    padding: 10px;
    border: 1px solid rgba(49, 121, 172, 0.14);
    border-radius: 12px;
    background: #f7fbfe;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-footer-actions {
    position: sticky;
    z-index: 5;
    bottom: 8px;
    justify-content: flex-end;
    padding: 9px 10px;
    border: 1px solid rgba(41, 113, 168, 0.18);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 24px rgba(17, 58, 89, 0.1);
    backdrop-filter: blur(10px);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-panel {
    padding: 14px;
    overflow: hidden;
    border-color: var(--ddm-settlement-border);
    border-radius: 0 0 18px 18px;
    background: linear-gradient(180deg, #fbfdff, #f2f8fc);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-head {
    min-height: 64px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(52, 119, 169, 0.14);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-head h2 {
    color: var(--ddm-settlement-ink);
    font-size: 1.1rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-filters {
    display: grid;
    grid-template-columns: minmax(360px, 1.5fr) minmax(210px, 0.55fr) auto;
    gap: 10px;
    align-items: end;
    margin-bottom: 12px;
    padding: 11px;
    border: 1px solid rgba(55, 124, 174, 0.16);
    border-radius: 12px;
    background: rgba(246, 251, 255, 0.92);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-filter-actions {
    align-self: end;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-table-shell {
    overflow-x: auto;
    border: 1px solid rgba(51, 119, 169, 0.16);
    border-radius: 12px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-table {
    min-width: 1240px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-table :is(th, td) {
    padding: 8px 9px;
    vertical-align: middle;
    font-size: 0.75rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-table th {
    color: #244e6e;
    background: #edf6fc;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-table td:nth-child(3),
body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-table td:nth-child(4) {
    min-width: 145px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    color: #5c7488;
    font-size: 0.76rem;
}

@media (max-width: 1100px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-filter-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-subtabs .loading-sheet-view-tab {
        min-width: 0;
        flex: 1;
        padding-inline: 9px;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-lookup-grid,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-filters,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid {
        grid-template-columns: 1fr;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settlement-register-pagination {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 701px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="settle"] .operations-ddm-settle-summary-grid {
        grid-template-columns: repeat(12, minmax(105px, 1fr));
    }
}

/* DDM Create v29 — flat dispatch workspace from the approved final design.
 * Everything below is deliberately route-scoped: shared Operations, Delivery,
 * and DDM Settlement screens retain their established layout and behaviour. */
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] {
    --ddm-v29-blue: var(--look-blue, #1e56c8);
    --ddm-v29-blue-dark: #0b2a63;
    --ddm-v29-page: var(--look-page, #f3f5f9);
    --ddm-v29-border: var(--look-border, #d9dee7);
    --ddm-v29-text: var(--look-text, #1b2233);
    --ddm-v29-muted: var(--look-muted, #5b6577);
    --ddm-v29-soft-blue: #edf3ff;
    --ddm-v29-success: #087d3f;
    --ddm-v29-warning: #a65b00;
    background: var(--ddm-v29-page);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-delivery-dedicated-shell {
    gap: 0;
    min-width: 0;
    color: var(--ddm-v29-text);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-delivery-dedicated-shell > .operations-status-strip,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-delivery-dedicated-shell > [data-operations-summary-grid],
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-view-panel[data-operations-view-panel="delivery:basic"] > .operations-form-panel > .panel-head {
    display: none !important;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-page-head {
    position: relative;
    z-index: 22;
    display: flex;
    min-width: 0;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 0 5px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-page-title {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 14px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-page-title h1 {
    color: var(--ddm-v29-text);
    font-size: clamp(1.18rem, 1.8vw, 1.55rem);
    line-height: 1.1;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-page-title p {
    margin: 0;
    overflow: hidden;
    color: var(--ddm-v29-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-draft-strip {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-draft-strip[hidden] {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-draft-strip > summary {
    display: flex;
    max-width: 470px;
    min-height: 30px;
    align-items: center;
    gap: 8px;
    padding: 5px 11px;
    border: 1px solid #f0c365;
    border-radius: 999px;
    color: #965200;
    background: #fff4cf;
    cursor: pointer;
    font-size: 0.68rem;
    list-style: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-draft-strip > summary::-webkit-details-marker {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-draft-strip > summary > :last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-draft-popover {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: min(760px, calc(100vw - 60px));
    max-height: 260px;
    overflow: auto;
    border: 1px solid var(--ddm-v29-border);
    border-radius: 8px;
    background: var(--look-card, #fff);
    box-shadow: 0 18px 36px rgba(21, 34, 58, 0.18);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-draft-popover :is(th, td) {
    padding: 7px 8px;
    font-size: 0.66rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-subtabs {
    min-height: 42px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--ddm-v29-border);
    border-radius: 0;
    background: transparent;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-subtabs .loading-sheet-view-tab {
    min-width: 84px;
    min-height: 41px;
    padding: 8px 15px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--ddm-v29-muted);
    background: transparent;
    box-shadow: none;
    font-size: 0.75rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-subtabs .loading-sheet-view-tab.is-active {
    border-bottom-color: var(--ddm-v29-blue);
    color: var(--ddm-v29-blue);
    background: transparent;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-tab-count:not(:empty)::before {
    content: "\00b7 ";
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-view-panel[data-operations-view-panel="delivery:basic"] > .operations-form-panel {
    gap: 10px;
    min-width: 0;
    padding: 10px 0 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-compact-panel {
    gap: 10px;
    min-width: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-create-card,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts {
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--ddm-v29-border);
    border-radius: 8px;
    background: var(--look-card, #fff);
    box-shadow: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card > header,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts > header {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 14px;
    border-bottom: 1px solid var(--ddm-v29-border);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card > header {
    justify-content: flex-start;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-mode {
    display: inline-flex;
    flex-shrink: 0;
    gap: 4px;
    margin-left: auto;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-mode .ghost-button {
    min-height: 24px;
    padding: 2px 10px;
    font-size: 0.67rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-mode .ghost-button.is-active {
    border-color: var(--ddm-v29-blue);
    background: var(--ddm-v29-soft-blue);
    color: var(--ddm-v29-blue-dark);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card.has-open-ddm {
    border-color: #dc2626;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card.has-open-ddm > header {
    border-bottom-color: #fecaca;
    background: #fff1f2;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card.has-open-ddm > header :is(strong, span) {
    color: #b42318;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card :is(#opsDoorVehicleMasterLookup, #opsDoorVehicleNumber)[aria-invalid="true"] {
    border-color: #dc2626;
    color: #991b1b;
    background: #fff7f7;
    outline: 2px solid rgba(220, 38, 38, 0.1);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict {
    display: grid;
    grid-template-columns: minmax(190px, 1.2fr) minmax(0, 3fr) auto;
    gap: 12px;
    align-items: center;
    margin: 0;
    padding: 10px 14px;
    border-top: 1px solid #fecaca;
    color: #7f1d1d;
    background: #fff7f7;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict[hidden] {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict > header {
    display: grid;
    gap: 3px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict > header strong {
    color: #b42318;
    font-size: 0.72rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict > header span {
    color: #9f1239;
    font-size: 0.61rem;
    line-height: 1.35;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict dl {
    display: grid;
    grid-template-columns: repeat(7, minmax(68px, 1fr));
    gap: 6px;
    margin: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict dl > div {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding-left: 7px;
    border-left: 1px solid #fecaca;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict :is(dt, dd) {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict dt {
    color: #9f1239;
    font-size: 0.53rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict dd {
    color: #7f1d1d;
    font-size: 0.64rem;
    font-weight: 700;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict-actions {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict-actions :is(button, a) {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 0.61rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card > header strong,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts > header strong {
    font-size: 0.76rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-card > header span,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts > header span {
    color: var(--ddm-v29-muted);
    font-size: 0.67rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts > header > div {
    display: flex;
    gap: 12px;
    align-items: baseline;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr 1.25fr 1.2fr 1fr 1.4fr 0.92fr 1.3fr;
    min-width: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-grid:has(#opsDoorDdmHireField:not([hidden])) {
    grid-template-columns: 1.05fr 0.95fr 1.2fr 1.15fr 0.95fr 1.25fr 1.15fr 0.85fr 1.2fr;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-field,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-readonly-cell {
    display: grid;
    min-width: 0;
    min-height: 66px;
    align-content: center;
    gap: 5px;
    margin: 0;
    padding: 7px 10px;
    border-right: 1px solid var(--ddm-v29-border);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-grid > :last-child {
    border-right: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-field > span:first-child,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-readonly-cell > span:first-child {
    color: var(--ddm-v29-muted);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    line-height: 1.15;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-field > span:first-child small {
    font-size: inherit;
    letter-spacing: 0;
    text-transform: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-field :is(input, select),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-readonly-cell strong {
    width: 100%;
    min-width: 0;
    min-height: 31px;
    margin: 0;
    padding: 5px 8px;
    overflow: hidden;
    border: 1px solid #c7d0df;
    border-radius: 7px;
    color: var(--ddm-v29-text);
    background: var(--look-card, #fff);
    font-size: 0.69rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-readonly-cell strong {
    display: flex;
    align-items: center;
    border-color: transparent;
    background: transparent;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-date-field input {
    padding-inline: 5px;
    font-size: 0.61rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-version-cell .operations-ddm-mode-readonly {
    display: block;
    box-sizing: border-box;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    min-height: 24px;
    padding: 3px 9px;
    line-height: 16px;
    overflow: hidden;
    border: 1px solid #b8cffd;
    border-radius: 999px;
    color: var(--ddm-v29-blue);
    background: var(--ddm-v29-soft-blue);
    font-size: 0.58rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-create-card {
    display: block;
    min-height: 450px;
    padding: 0;
    overflow: visible;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-create-card[hidden] {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-scan-row {
    position: relative;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 9px 14px;
    border-bottom: 1px solid var(--ddm-v29-border);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-scan-row input {
    width: 100%;
    min-height: 38px;
    padding: 8px 11px;
    border: 1px solid #b8c4d5;
    border-radius: 7px;
    color: var(--ddm-v29-text);
    background: var(--look-card, #fff);
    font-size: 0.76rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-scan-row input:focus {
    border-color: var(--ddm-v29-blue);
    outline: 2px solid rgba(30, 86, 200, 0.17);
    outline-offset: 1px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-add-button {
    min-width: 96px;
    min-height: 38px;
    justify-content: center;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] kbd {
    padding: 1px 5px;
    border: 0;
    border-radius: 4px;
    color: #667085;
    background: #eef1f6;
    box-shadow: none;
    font-size: 0.55rem;
    font-weight: 600;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-lr-options {
    top: calc(100% + 4px);
    z-index: 90;
    width: 100%;
    max-height: 290px;
    overflow-y: auto;
    border: 1px solid #c9d2df;
    border-radius: 0 0 7px 7px;
    background: var(--look-card, #fff);
    box-shadow: 0 18px 34px rgba(20, 34, 58, 0.18);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorSearchResult {
    position: relative;
    z-index: 15;
    margin: 0 14px 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorWorkspaceStatus {
    display: block;
    margin: 0;
    padding: 5px 14px;
    border-bottom: 1px solid var(--ddm-v29-border);
    color: var(--ddm-v29-muted);
    background: #fbfcfe;
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table-shell {
    width: 100%;
    max-width: 100%;
    min-height: 284px;
    max-height: none;
    overflow-x: clip;
    overflow-y: visible;
    border: 0;
    border-radius: 0;
    scrollbar-gutter: auto;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table {
    display: table;
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(thead, tbody) {
    display: table-row-group;
    width: auto;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table thead {
    display: table-header-group;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr > td {
    position: static;
    min-width: 0;
    height: 32px;
    padding: 2px 4px;
    overflow: hidden;
    border-right: 0;
    border-bottom: 1px solid #e4e8ef;
    color: var(--ddm-v29-text);
    background: var(--look-card, #fff);
    box-shadow: none;
    font-size: 0.65rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    vertical-align: middle;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table th {
    position: sticky;
    top: 0;
    z-index: 6;
    height: 28px;
    color: var(--ddm-v29-muted);
    background: #f7f8fb;
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    line-height: 1.08;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table th small {
    font-size: 0.52rem;
    text-transform: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(1) { width: 6.2%; text-align: left; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(2) { width: 13.2%; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(3),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(4) { width: 4.7%; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(5) { width: 7.1%; text-align: center; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(6) { width: 7.4%; text-align: center; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(7) { width: 6.2%; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(8) { width: 9.1%; text-align: center; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(n+9):nth-child(-n+14) { width: 5.2%; text-align: center; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(15) { width: 6.5%; text-align: right; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(16) { width: 2%; text-align: center; }
/* M6 DDM-01 (REQ-SCP-001): the row Remove control fits inside its 2 % column
   (it was cut at the card edge) and the column header keeps its label for
   screen readers only, as v6.0 C4 draws a small remove mark with no header.
   No column width changes (frozen layout). */
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td):nth-child(16) { padding-inline: 1px !important; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table .operations-ddm-delete-action {
    width: 22px;
    height: 22px;
    border-radius: 6px;
}
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table .operations-ddm-delete-action svg {
    width: 13px;
    height: 13px;
}
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table th .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr:nth-child(even) > td,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr.operations-ddm-row-door > td,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr.operations-ddm-row-godown > td {
    background: var(--look-card, #fff);
    border-color: #e4e8ef;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr:is(.is-partial, .is-part-delivery, .operations-ddm-row-partial) > td {
    background: #fff9e8;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr.operations-ddm-row-voucher-pending > td {
    background: #fff2d3;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr:hover > td {
    background: #f5f8ff;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table td :is(input, select) {
    width: 100%;
    min-width: 0;
    min-height: 24px;
    padding: 2px 4px;
    border: 1px solid #c5cfde;
    border-radius: 6px;
    color: var(--ddm-v29-text);
    background: var(--look-card, #fff);
    font-size: 0.65rem;
    text-align: right;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table .operations-ddm-cell-note,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table small {
    display: block;
    margin-top: 0;
    color: var(--ddm-v29-muted);
    font-size: 0.52rem;
    line-height: 1.05;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table .empty-row {
    height: 250px;
    color: #929daf;
    text-align: center;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals {
    display: grid;
    grid-template-columns: 0.4fr 0.8fr 0.85fr 1.3fr 2.5fr 1.45fr;
    gap: 8px;
    align-items: start;
    padding: 8px 14px;
    border-top: 1px solid var(--ddm-v29-border);
    background: #fafbfc;
}

/* A.1 #8 (M6 step 5): the Part despatch tile, shown only when a row is a part. */
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals:has([data-ddm-part-summary]:not([hidden])) {
    grid-template-columns: 0.4fr 0.8fr 0.85fr 1.3fr 2.1fr 1.1fr 1.45fr;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals .operations-ddm-v29-part-total :is(small, strong) {
    color: #a15c00;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals span {
    display: grid;
    min-width: 0;
    gap: 1px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals small {
    color: var(--ddm-v29-muted);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals strong {
    color: var(--ddm-v29-text);
    font-size: 0.78rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals em {
    overflow: hidden;
    color: var(--ddm-v29-muted);
    font-size: 0.55rem;
    font-style: normal;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals .operations-ddm-v29-cash-total strong {
    color: var(--ddm-v29-blue);
    font-size: 1.08rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-bottom-row {
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(300px, 1.6fr) auto;
    gap: 10px;
    min-height: 56px;
    align-items: center;
    padding: 7px 14px;
    border-top: 1px solid var(--ddm-v29-border);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-remark-field {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: var(--ddm-v29-muted);
    font-size: 0.63rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-remark-field input {
    width: 100%;
    min-width: 0;
    min-height: 33px;
    padding: 5px 9px;
    border: 1px solid #c8d1df;
    border-radius: 7px;
    font-size: 0.68rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-bottom-row .operations-ddm-readiness {
    display: flex;
    min-width: 0;
    margin: 0;
    padding: 6px 9px;
    border: 0;
    border-radius: 6px;
    color: #8b5500;
    background: #fff4cf;
    font-size: 0.61rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-bottom-row .operations-ddm-readiness > span {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-bottom-row .operations-ddm-readiness small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-actions :is(button, a) {
    min-height: 35px;
    padding: 6px 11px;
    font-size: 0.66rem;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-actions .primary-button,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-card .primary-button,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts .primary-button,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-head .primary-button {
    background: var(--ddm-v29-blue);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-success {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 14px;
    border: 1px solid #a6e3bd;
    border-radius: 7px;
    color: var(--ddm-v29-success);
    background: #dcfae6;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-success[hidden] {
    display: none;
}

/* DDM v6 create keeps the route shell, but removes the legacy dashboard/readiness
   furniture. Feedback remains visible so save and validation errors are not lost. */
body.ddm-create-v6[data-dedicated-delivery-page="true"][data-delivery-mode="door"] [data-operations-status-strip] .operations-status-stack,
body.ddm-create-v6[data-dedicated-delivery-page="true"][data-delivery-mode="door"] [data-operations-summary-grid],
body.ddm-create-v6[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorReadiness {
    display: none !important;
}

body.ddm-create-v6[data-dedicated-delivery-page="true"][data-delivery-mode="door"] [data-operations-status-strip] {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.ddm-create-v6[data-dedicated-delivery-page="true"][data-delivery-mode="door"] [data-operations-status-strip] .operations-feedback-pill:empty {
    display: none;
}

body.ddm-create-v6[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-bottom-row {
    grid-template-columns: minmax(240px, 1fr) auto;
}

.operations-ddm-amount-input.is-rate-controlled[readonly] {
    padding-right: 17px;
    color: #30415f;
    background: #f2f5f9;
    cursor: not-allowed;
}

.operations-ddm-rate-working {
    position: relative;
}

.operations-ddm-rate-working > summary {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
    list-style: none;
}

.operations-ddm-rate-working > summary::-webkit-details-marker { display: none; }

.operations-ddm-rate-working > div {
    position: absolute;
    z-index: 80;
    top: calc(100% + 5px);
    left: 0;
    width: min(340px, calc(100vw - 32px));
    padding: 10px;
    border: 1px solid #b8c5d8;
    border-radius: 8px;
    color: #182947;
    background: var(--look-card, #fff);
    box-shadow: 0 12px 28px rgba(16, 34, 64, 0.2);
    text-align: left;
}

.operations-ddm-rate-working ul,
.operations-ddm-rate-save-next ul {
    display: grid;
    gap: 4px;
    margin: 7px 0;
    padding: 0;
    list-style: none;
}

.operations-ddm-rate-working li {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) auto;
    gap: 6px;
    font-size: 0.68rem;
}

.operations-ddm-rate-warning { color: #9b5400; }

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-success:has(.operations-ddm-rate-save-next:not([hidden])) {
    flex-wrap: wrap;
}

.operations-ddm-rate-save-next {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) auto;
    gap: 7px 12px;
    align-items: center;
    width: 100%;
    padding-top: 7px;
    border-top: 1px solid #a6e3bd;
}

.operations-ddm-rate-save-next[hidden] { display: none !important; }
.operations-ddm-rate-save-next ul { grid-column: 1 / -1; }

.operations-ddm-rate-save-next__heading {
    display: grid;
    grid-column: 1 / -1;
    gap: 2px;
}

.operations-ddm-rate-save-next__item {
    display: grid;
    grid-template-columns: minmax(150px, 1.15fr) repeat(2, minmax(120px, 0.75fr)) minmax(190px, 1.4fr) auto;
    gap: 8px;
    align-items: end;
    padding: 9px;
    border: 1px solid #cae7d5;
    border-radius: 8px;
    background: #f8fffa;
}

.operations-ddm-rate-save-next__item label,
.operations-ddm-rate-save-next__charge {
    display: grid;
    gap: 3px;
    min-width: 0;
    font-size: 0.68rem;
}

.operations-ddm-rate-save-next__item :is(input, select) {
    width: 100%;
    min-height: 34px;
}

.operations-ddm-rate-save-next__charge span { color: #526078; }
.operations-ddm-rate-save-next__result { grid-column: 1 / -1; min-height: 1em; font-size: 0.68rem; }
.operations-ddm-rate-save-next__result.is-success { color: #13743a; }
.operations-ddm-rate-save-next__result.is-error { color: #a82424; }
.operations-ddm-rate-save-next__item.is-saved { border-color: #9ad5ae; background: #f1fbf4; }

@media (max-width: 900px) {
    .operations-ddm-rate-save-next__item { grid-template-columns: 1fr 1fr; }
    .operations-ddm-rate-save-next__charge,
    .operations-ddm-rate-save-next__reason,
    .operations-ddm-rate-save-next__result { grid-column: 1 / -1; }
}

.operations-ddm-rtg-attempt-card { width: min(620px, calc(100vw - 32px)); }
.operations-ddm-rtg-attempt-charges { display: grid; gap: 6px; margin: 10px 0; }
.operations-ddm-rtg-attempt-charges span { display: flex; justify-content: space-between; gap: 12px; padding: 7px 9px; border-radius: 6px; background: #f5f7fb; }
.operations-ddm-rtg-attempt-charges .is-total { color: #0a3975; background: #e9f2ff; }

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts {
    min-height: 430px;
    padding: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts[hidden] {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipt-table-shell {
    min-height: 330px;
    overflow: auto;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipt-table {
    width: 100%;
    table-layout: fixed;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipt-table :is(th, td) {
    height: 45px;
    padding: 6px 8px;
    border-bottom: 1px solid #e4e8ef;
    font-size: 0.64rem;
    vertical-align: middle;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipt-table th {
    color: var(--ddm-v29-muted);
    background: #f7f8fb;
    font-size: 0.55rem;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts > footer {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    border-top: 1px solid var(--ddm-v29-border);
    color: var(--ddm-v29-muted);
    font-size: 0.64rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-receipts > footer > div {
    display: flex;
    gap: 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-shell {
    z-index: 1550;
    background: rgba(31, 42, 62, 0.5);
    backdrop-filter: blur(1px);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-card {
    width: min(610px, calc(100vw - 32px));
    max-height: calc(100vh - 30px);
    overflow-y: auto;
    padding: 16px;
    border: 0;
    border-radius: 11px;
    color: var(--ddm-v29-text);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-card > .modal-head {
    margin-bottom: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--ddm-v29-border);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-card h2 {
    font-size: 1rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-summary {
    display: grid;
    gap: 7px;
    margin: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-summary > div {
    display: grid;
    grid-template-columns: 42% minmax(0, 1fr);
    gap: 12px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-summary :is(dt, dd) {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1.3;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-summary dt {
    color: var(--ddm-v29-muted);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-summary dd {
    font-weight: 650;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-summary dd > strong {
    display: block;
    color: inherit;
    font: inherit;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-detail {
    display: block;
    margin-top: 2px;
    color: var(--ddm-v29-muted);
    font-size: 0.62rem;
    font-weight: 500;
    line-height: 1.3;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-detail[hidden] {
    display: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] #opsDoorConfirmPartial {
    color: #8c5000;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-charge-breakdown {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 8px;
    margin-top: 3px;
    color: var(--ddm-v29-muted);
    font-size: 0.58rem;
    font-weight: 500;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-charge-breakdown span {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 4px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-charge-breakdown b {
    color: var(--ddm-v29-text);
    font-weight: 650;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-cash dd {
    color: var(--ddm-v29-blue);
    font-size: 1rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-info,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-warning {
    margin: 10px 0 0;
    padding: 8px 10px;
    border-radius: 7px;
    color: #1755c3;
    background: #e7efff;
    font-size: 0.67rem;
    line-height: 1.3;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-warning {
    color: #8c5000;
    background: #fff1c6;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split {
    margin-top: 10px;
    padding: 8px;
    border: 1px solid var(--ddm-v29-border);
    border-radius: 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split > header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    font-size: 0.67rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split > header span {
    color: var(--ddm-v29-muted);
    font-size: 0.6rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split :is(th, td) {
    padding: 5px;
    font-size: 0.61rem;
}

/* C6 · source-branch cards (v6.0 p.45, M6 step 5, REQ-CRE-012). */
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-card {
    display: grid;
    gap: 5px;
    padding: 8px 10px;
    border: 1px solid var(--look-border, #d9dee7);
    border-radius: 8px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-card > header {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-card > header small {
    color: var(--ddm-v29-muted);
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-card > header :is(b, input) {
    margin-left: auto;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-card > header b {
    color: var(--look-blue, #1e56c8);
    font-size: 1rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-card > header input {
    width: 92px;
    min-height: 26px;
    padding: 2px 6px;
    border: 1px solid var(--look-blue, #1e56c8);
    border-radius: 6px;
    text-align: right;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share {
    display: grid;
    grid-template-columns: 52px minmax(40px, 1fr) 48px 46px;
    align-items: center;
    gap: 0 6px;
    color: var(--ddm-v29-muted);
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share i {
    height: 6px;
    border-radius: 4px;
    background: #e6eaf1;
    overflow: hidden;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share i b {
    display: block;
    height: 100%;
    background: #b7c3d8;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share.is-used {
    color: var(--look-text, #1b2233);
    font-weight: 700;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share.is-used i b {
    background: var(--look-blue, #1e56c8);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share em {
    padding: 0 5px;
    border-radius: 999px;
    color: #147242;
    font-style: normal;
    font-size: 0.58rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share.is-used em {
    background: #e3f4ea;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-share small {
    grid-column: 2 / -1;
    font-weight: 400;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split-sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    padding: 6px 10px;
    border-radius: 6px;
    background: #eef8f1;
    font-size: 0.66rem;
    font-weight: 700;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split-sum .link-button {
    border: 0;
    background: none;
    color: var(--look-blue, #1e56c8);
    font-weight: 700;
    cursor: pointer;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
    margin-top: 7px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split-actions label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    color: var(--ddm-v29-muted);
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-hire-split-actions input {
    min-height: 31px;
    padding: 5px 7px;
    border: 1px solid #c8d1df;
    border-radius: 6px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-print-choice {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 0;
    padding: 8px 0 0;
    border: 0;
    border-top: 1px solid var(--ddm-v29-border);
    font-size: 0.67rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-print-choice legend {
    float: left;
    margin-right: 8px;
    color: var(--ddm-v29-text);
    font-weight: 700;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-print-choice legend small,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-print-choice > span {
    color: var(--ddm-v29-muted);
    font-weight: 400;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-print-choice label {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border: 1px solid #c9d2df;
    border-radius: 999px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-confirm-card .modal-actions {
    margin-top: 10px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-panel {
    min-height: 620px;
    padding: 10px 0 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-head {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-head > div {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-head h2 {
    font-size: 1rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-head .lookup-status {
    flex: 1;
    color: var(--ddm-v29-muted);
    font-size: 0.64rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 190px));
    gap: 10px;
    margin-bottom: 10px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-tiles article {
    display: grid;
    min-height: 70px;
    gap: 2px;
    padding: 9px 12px;
    border: 1px solid var(--ddm-v29-border);
    border-radius: 8px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-tiles span {
    color: var(--ddm-v29-muted);
    font-size: 0.56rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-tiles strong {
    font-size: 1rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-tiles small {
    color: var(--ddm-v29-muted);
    font-size: 0.6rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-tiles article:nth-child(2) strong {
    color: #c01f2d;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filters {
    display: grid;
    grid-template-columns: auto minmax(420px, 1fr) minmax(260px, 340px);
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-filter-chips {
    display: flex;
    gap: 7px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-status-chips {
    display: flex;
    min-width: 0;
    gap: 6px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-filter-chips button,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-status-chips button,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-status-filter select {
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #c8d1df;
    border-radius: 999px;
    color: var(--ddm-v29-text);
    background: var(--look-card, #fff);
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-filter-chips button.is-active {
    border-color: #b7ccfb;
    color: var(--ddm-v29-blue);
    background: var(--ddm-v29-soft-blue);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-status-chips button {
    padding-inline: 9px;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-status-chips button.is-active {
    border-color: #b7ccfb;
    color: var(--ddm-v29-blue);
    background: var(--ddm-v29-soft-blue);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-status-chips span {
    font-weight: 800;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-search input {
    width: 100%;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #c8d1df;
    border-radius: 7px;
    font-size: 0.67rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filter-actions {
    display: flex;
    gap: 6px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filter-actions button {
    min-height: 34px;
    padding: 5px 9px;
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table-shell {
    min-height: 430px;
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--ddm-v29-border);
    border-radius: 8px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td) {
    padding: 8px 6px;
    overflow: hidden;
    border-bottom: 1px solid #e4e8ef;
    font-size: 0.63rem;
    text-overflow: ellipsis;
    vertical-align: middle;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table th {
    color: var(--ddm-v29-muted);
    background: #f7f8fb;
    font-size: 0.55rem;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table tbody tr[data-door-history-record-type="DDM"] {
    cursor: pointer;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table tbody tr[data-door-history-record-type="DDM"]:focus-visible {
    outline: 2px solid var(--ddm-v29-blue);
    outline-offset: -2px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(1) { width: 8%; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(2) { width: 7%; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(3) { width: 22%; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(4),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(5) { width: 7%; text-align: center; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(6),
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(7) { width: 10%; text-align: right; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(8) { width: 20%; }
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-table :is(th, td):nth-child(9) { width: 9%; text-align: right; }

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-open-action {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    color: var(--ddm-v29-blue);
    background: transparent;
    font-size: 1rem;
    font-weight: 800;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-voucher-badge {
    display: inline-block;
    margin-top: 3px;
    padding: 2px 6px;
    border: 1px solid #f0ca72;
    border-radius: 999px;
    color: #925b00;
    background: #fff3ce;
    font-size: 0.55rem;
    white-space: nowrap;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-note {
    margin: 0;
    padding: 7px 14px;
    border: 1px solid var(--ddm-v29-border);
    border-top: 0;
    color: var(--ddm-v29-muted);
    background: var(--look-card, #fff);
    font-size: 0.61rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipts {
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid var(--ddm-v29-border);
    border-radius: 8px;
    background: var(--look-card, #fff);
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipts > header {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--ddm-v29-border);
    background: #f7f9fc;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipts h3,
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipts p {
    margin: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipts h3 {
    font-size: 0.78rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipts header p {
    margin-top: 2px;
    color: var(--ddm-v29-muted);
    font-size: 0.61rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipts > header .primary-button {
    min-height: 30px;
    padding: 5px 10px;
    font-size: 0.62rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table-shell {
    max-width: 100%;
    overflow-x: auto;
    border: 0;
    border-radius: 0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table {
    width: 100%;
    min-width: 760px;
    table-layout: fixed;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table :is(th, td) {
    padding: 6px 7px;
    border-bottom: 1px solid #e7ebf1;
    font-size: 0.62rem;
    vertical-align: middle;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table th {
    color: var(--ddm-v29-muted);
    background: var(--look-card, #fff);
    font-size: 0.55rem;
    text-transform: uppercase;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table :is(th, td):first-child {
    width: 38px;
    text-align: center;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table :is(th, td):nth-child(4) {
    width: 14%;
    text-align: right;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table :is(th, td):nth-child(5) {
    width: 14%;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table :is(th, td):nth-child(6) {
    width: 24%;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table :is(th, td):last-child {
    width: 128px;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-table .dashboard-inline-action {
    min-height: 25px;
    padding: 3px 7px;
    font-size: 0.58rem;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-history-receipt-summary {
    padding: 6px 10px;
    color: var(--ddm-v29-muted);
    background: #f7f9fc;
    font-size: 0.6rem;
}

@media (max-width: 1180px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-page-head,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-page-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-grid,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-grid:has(#opsDoorDdmHireField:not([hidden])) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict {
        grid-template-columns: 1fr;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict-actions {
        justify-content: flex-start;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-bottom-row {
        grid-template-columns: minmax(220px, 1fr) minmax(240px, 1fr);
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 800px) {
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-grid,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-vehicle-grid:has(#opsDoorDdmHireField:not([hidden])) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-vehicle-conflict-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-totals,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-bottom-row,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-register-tiles,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-history-filters {
        grid-template-columns: 1fr 1fr;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table-shell {
        overflow-x: auto;
        overflow-y: auto;
        min-height: 292px;
        max-height: 390px;
        scrollbar-gutter: stable;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table {
        min-width: 1040px;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table :is(th, td),
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table tbody tr > td {
        height: 58px;
        padding: 6px 4px;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table th {
        height: 40px;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table td :is(input, select) {
        min-height: 30px;
        padding: 4px 5px;
    }

    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table .operations-ddm-cell-note,
    body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-v29-table small {
        margin-top: 2px;
        font-size: 0.56rem;
        line-height: 1.15;
    }
}

/* Final LHPV cascade guard: the shared table rules are intentionally declared
   later in this file, so keep the approved compact workbench treatment scoped
   and authoritative without changing any other Operations module. */
body[data-operations-active-module="lhpv"] .operations-lhpv-payment-card .table-shell,
body[data-operations-active-module="lhpv"] .operations-lhpv-register-table-shell {
    min-height: 0;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: var(--look-card, #fff);
}

body[data-operations-active-module="lhpv"] .operations-lhpv-payment-card .table-shell {
    max-height: 142px;
}

body[data-operations-active-module="lhpv"] .operations-lhpv-final-payment-table :is(th, td) {
    height: 32px;
    padding: 4px 7px;
    font-size: 0.69rem;
}

body[data-operations-active-module="lhpv"] .operations-lhpv-register-table :is(th, td) {
    height: 34px;
    padding: 5px 8px;
    font-size: 0.66rem;
}

body[data-operations-active-module="lhpv"] .operations-lhpv-register-table th {
    color: #52657d;
    background: #f7f9fc;
    font-size: 0.62rem;
}

/* C3a · RTG second attempt dialog — v6.0 p.40 (M6 step 5, REQ-CRE-010). */
.operations-ddm-rtg-attempt-card { width: min(560px, calc(100vw - 32px)); }
.operations-ddm-rtg-attempt-head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: start; gap: 8px; }
.operations-ddm-rtg-attempt-head h2 { margin: 0; font-size: 1.02rem; color: var(--look-text, #1b2233); }
.operations-ddm-rtg-attempt-head .field-help { margin: 2px 0 0; }
.operations-ddm-rtg-attempt-chip { padding: 2px 9px; border: 1px solid #f2b8b5; border-radius: 999px; background: #fdecec; color: #c1261d; font-size: .72rem; font-weight: 700; white-space: nowrap; }
.operations-ddm-rtg-attempt-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.operations-ddm-rtg-attempt-table th { padding: 6px 8px; border-bottom: 1px solid var(--look-border, #d9dee7); background: var(--look-page, #f3f5f9); color: var(--look-text, #1b2233); font-size: .7rem; text-align: right; text-transform: uppercase; }
.operations-ddm-rtg-attempt-table td { padding: 5px 8px; border-bottom: 1px solid #edf0f5; text-align: right; }
.operations-ddm-rtg-attempt-table :is(th, td):first-child { text-align: left; }
.operations-ddm-rtg-attempt-table td small { display: block; color: var(--look-muted, #5b6577); font-size: .68rem; }
.operations-ddm-rtg-attempt-table tfoot td { border-bottom: 0; font-weight: 700; }
.operations-ddm-rtg-attempt-table td.is-removed { color: #9aa3b2; text-decoration: line-through; }
.operations-ddm-rtg-attempt-charges .operations-ddm-rtg-attempt-now { display: inline-block; gap: 0; justify-content: initial; min-width: 46px; padding: 2px 6px; border: 1px solid var(--look-border, #d9dee7); border-radius: 5px; background: var(--look-card, #fff); }
.operations-ddm-rtg-attempt-charges .operations-ddm-rtg-attempt-now.is-locked { background: var(--look-page, #f3f5f9); }
.operations-ddm-rtg-attempt-charges .operations-ddm-rtg-attempt-offer { display: inline-block; background: var(--look-card, #fff); padding: 2px 6px; border: 1px dashed var(--look-blue, #1e56c8); border-radius: 5px; color: var(--look-blue, #1e56c8); }
.operations-ddm-rtg-attempt-keep { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 8px 0 0; padding: 6px 10px; border: 1px solid #cfe9d8; border-radius: 6px; background: #eef8f1; }
.operations-ddm-rtg-attempt-keep small { margin-left: auto; color: var(--look-muted, #5b6577); }
.operations-ddm-rtg-attempt-note { margin: 6px 0 0; font-size: .74rem; }
.operations-ddm-rtg-attempt-collect { display: flex; justify-content: space-between; align-items: baseline; margin: 6px 0 2px; font-size: .86rem; }
.operations-ddm-rtg-attempt-collect strong { font-size: 1.08rem; color: var(--look-text, #1b2233); }
.operations-ddm-rtg-attempt-card .modal-actions { justify-content: space-between; }
.operations-ddm-rtg-attempt-card { max-height: calc(100vh - 24px); overflow-y: auto; padding: 14px 18px; }
.operations-ddm-rtg-attempt-card .operations-ddm-rtg-attempt-charges { margin: 6px 0; }
.operations-ddm-rtg-attempt-table td { padding: 3px 8px; }
.operations-ddm-rtg-attempt-table th { padding: 5px 8px; }
.operations-ddm-rtg-attempt-keep.field-inline-checkbox { display: flex; flex-direction: row; min-height: 0; }
.operations-ddm-rtg-attempt-keep.field-inline-checkbox input { flex: 0 0 auto; width: 16px; height: 16px; min-height: 0; margin: 0; }
.operations-ddm-rtg-attempt-keep.field-inline-checkbox span { font-size: .8rem; font-weight: 700; color: var(--look-text, #1b2233); }
.operations-ddm-rtg-attempt-card .modal-actions { margin-top: 6px; }
/* C3a fits under the shell's top banners at 1366×657. */
#opsDoorRTGSecondAttemptModal:not([hidden]) { place-items: start center; padding-top: 118px; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-card { max-height: calc(100vh - 126px); padding: 10px 16px; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-table td { padding: 1px 8px; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-charges .operations-ddm-rtg-attempt-now { padding: 0 6px; min-height: 0; line-height: 1.5; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-note { margin: 4px 0 0; font-size: .7rem; line-height: 1.3; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-keep { margin-top: 4px; padding: 4px 10px; }
#opsDoorRTGSecondAttemptModal .modal-actions { margin-top: 4px; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-head h2 { overflow: hidden; font-size: .95rem; text-overflow: ellipsis; white-space: nowrap; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-head .field-help { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-keep { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; font-size: .78rem; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-keep input { width: 15px; height: 15px; margin: 0; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-keep small { margin-left: auto; color: var(--look-muted, #5b6577); font-size: .7rem; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-collect { margin: 2px 0 0; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-keep { height: auto !important; min-height: 28px; box-sizing: border-box; padding: 4px 10px; line-height: 1.3; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-keep strong { color: var(--look-text, #1b2233); font-size: .78rem; }
/* C3a (M6 step 5 review, v6.0 p.40): the dialog and its backdrop sit above
   the page head and the shell banners; the card fits 1366×657 and keeps
   Cancel / Add to DDM in view (sticky footer, the body scrolls if needed);
   title and sub-line wrap instead of being cut. */
#opsDoorRTGSecondAttemptModal:not([hidden]) { z-index: 1100; padding: 72px 16px 8px; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-card { width: min(720px, calc(100vw - 32px)); max-height: calc(100vh - 80px); padding: 0 18px; overflow-y: auto; }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-head { position: sticky; top: 0; z-index: 1; padding: 10px 0 4px; background: var(--look-card, #fff); }
#opsDoorRTGSecondAttemptModal .operations-ddm-rtg-attempt-head :is(h2, .field-help) { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
#opsDoorRTGSecondAttemptModal .modal-actions { position: sticky; bottom: 0; z-index: 1; margin: 4px -18px 0; padding: 8px 18px 10px; border-top: 1px solid #edf0f5; background: var(--look-card, #fff); }

/* v6.0 §12 / A.1 #13: credit chip after the consignee name on DDM Create.
   "CR · credit", "CR · in margin" (amber) and "Credit blocked — collect
   cash" (red) take the cell's second line, so the row height and the frozen
   column widths do not change. */
body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-create-credit-chip {
    display: inline-block;
    margin-left: 3px;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.6rem;
    font-weight: 800;
    line-height: 1.15;
    vertical-align: middle;
    white-space: nowrap;
    color: #5b2bb5;
    background: #ede7fb;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-create-credit-chip:is(.is-normal, .is-margin, .is-blocked) {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 2px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-create-credit-chip.is-margin {
    color: #694300;
    background: #ffecb0;
}

body[data-dedicated-delivery-page="true"][data-delivery-mode="door"] .operations-ddm-create-credit-chip.is-blocked {
    color: #a5221a;
    background: #ffe1df;
}

/* Party Master: messages this party gets (owner 16 Oct 2026) - 4 buttons,
   WhatsApp / SMS / Email / Voice call. */
.party-ways { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.party-ways-title { flex: 0 0 100%; color: #5b6577; font-size: 13px; font-weight: 700; }
.party-way { position: relative; cursor: pointer; }
.party-way input { position: absolute; opacity: 0; pointer-events: none; }
.party-way span { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border: 2px solid #d9dee7; border-radius: 18px; background: #fff; color: #5b6577; font-weight: 700; }
.party-way span i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
.party-way input:checked + span { border-color: var(--c); background: var(--s); color: #1b2233; }
.party-way input:focus-visible + span { outline: 2px solid #1e56c8; outline-offset: 2px; }
.party-way-language { width: 170px; }
.party-stages { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.party-stage { position: relative; cursor: pointer; }
.party-stage input { position: absolute; opacity: 0; pointer-events: none; }
.party-stage span { display: inline-flex; align-items: center; height: 34px; padding: 0 16px; border: 2px solid #d9dee7; border-radius: 8px; background: #fff; color: #5b6577; font-weight: 700; }
.party-stage input:checked + span { border-color: #1e56c8; background: #e8effc; color: #1b2233; }
.party-stage input:focus-visible + span { outline: 2px solid #1e56c8; outline-offset: 2px; }
.party-stage-link { color: #1e56c8; font-weight: 700; text-decoration: none; margin-left: 4px; }
.party-communication-settings.is-using-defaults .party-way span { opacity: .6; }