/* /admin/inventory — flush full-shell host + the product workbench grid.
 *
 * The dfl workbench fills every pixel of AppShellMain, pinned beneath the
 * ~70px header (mirror of .sg-flush-shell / .ts-flush-shell). The page title
 * lives inside the Products tab so nothing pushes the dfl down.
 */
.adinv-flush-shell {
    position:    fixed;
    top:         var(--app-shell-header-offset, 56px);
    left:        var(--app-shell-navbar-offset, 0px);
    right:       0;
    bottom:      0;
    z-index:     10;
    background:  var(--mantine-color-body);
    border-top:  1px solid var(--mantine-color-default-border);
    overflow:    hidden;
}

.adinv-flush-shell > #adinv-flex-host > .flexlayout__layout {
    height: 100%;
    width:  100%;
}

/*
 * Status group-header rows (rowClassRules sets ``adinv-grp-row``) read as
 * bold, tinted section dividers; the per-row thumbnail (markdown image cell)
 * is constrained so the 44px row height holds. Both theme classes are targeted
 * because Mantine tokens are color-scheme aware and the grid toggles between
 * ``ag-theme-quartz`` and ``ag-theme-quartz-dark`` with the app scheme. */

#adinv-grid .adinv-grp-row {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.74em;
    letter-spacing: 0.04em;
    background: var(--mantine-color-default-hover);
}

#adinv-grid .ag-cell img {
    max-height: 30px;
    max-width: 44px;
    border-radius: 3px;
    object-fit: cover;
    vertical-align: middle;
}

/* The pinned bottom totals row reads as a quiet footer. */
#adinv-grid .ag-floating-bottom .ag-cell {
    font-weight: 600;
}