/* ===============================
   LAYOUT OVERRIDES
   (Sidebar/Navbar/Content positions
    are defined in global.css — this file
    handles layout-specific extras)
   =============================== */

/* Inventory Sheet - Scrollable Container */
.inventory-sheet {
    max-height: calc(100vh - 200px);
    overflow: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    background: var(--color-surface);
}

.inventory-sheet .table-wrapper {
    overflow-x: auto;
    overflow-y: visible;
}

.inventory-sheet .data-table {
    min-width: 1200px;
    width: 100%;
}

.inventory-sheet .data-table th,
.inventory-sheet .data-table td {
    white-space: nowrap;
    padding: 8px 12px;
}

.inventory-sheet .data-table td:first-child,
.inventory-sheet .data-table th:first-child {
    min-width: 150px;
}

.inventory-sheet .data-table td:nth-child(2),
.inventory-sheet .data-table th:nth-child(2) {
    min-width: 200px;
    white-space: normal;
    word-break: break-word;
}