.packing-slip-table-wrap {
    max-height: 420px;
    overflow: auto;
}

.packing-slip-table th,
.packing-slip-table td {
    white-space: nowrap;
    vertical-align: middle;
}

.packing-slip-table input.form-control-sm {
    min-width: 6rem;
}

.packing-slip-table .custom-col input {
    min-width: 5rem;
}

.packing-slip-table .custom-col-header {
    min-width: 7rem;
    vertical-align: top;
}

.packing-slip-table .custom-col-header .form-control-sm {
    min-width: 5.5rem;
}

/* Tab styling — use theme tokens so active tab is readable in dark mode */
.packing-slip-tabs {
    border-bottom-color: var(--theme-border) !important;
}

.packing-slip-tabs .nav-link {
    color: var(--theme-text-muted) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.packing-slip-tabs .nav-link:hover,
.packing-slip-tabs .nav-link:focus {
    color: var(--theme-text) !important;
    border-color: var(--theme-border) var(--theme-border) transparent !important;
    background-color: var(--theme-surface) !important;
}

.packing-slip-tabs .nav-link.active {
    color: var(--theme-text) !important;
    background-color: var(--theme-card-bg) !important;
    border-color: var(--theme-border) var(--theme-border) var(--theme-card-bg) !important;
}

.packing-slip-column-ref code {
    color: var(--theme-text);
}

.packing-slip-preview-wrap {
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 4px;
    min-height: 320px;
    max-height: 75vh;
    overflow: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1rem;
}

.packing-slip-preview-wrap canvas {
    max-width: 100%;
    height: auto;
    box-shadow: 0 2px 8px var(--theme-shadow);
    background: #fff;
}