/* RELEASE FIT HOTFIX */
/* Finalized as responsive layout support, not zoom scaling. */
html {
    font-size: clamp(14px, 0.88vw, 16px);
}
body {
    overflow-x: hidden;
}
main,
.container,
.page,
.page-content,
.content,
.layout,
.shell,
.app-shell,
.dashboard,
.dashboard-grid,
.grid,
.panel-grid,
.inventory-grid,
.admin-grid,
.session-grid,
.sidebar,
.main-content,
section,
article,
.card,
.panel {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.dashboard-grid,
.grid,
.panel-grid,
.inventory-grid,
.admin-grid,
.session-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 0.75rem !important;
}
header,
.toolbar,
.filters,
.actions,
.form-row,
.button-row,
.page-header,
.action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}
input,
select,
textarea,
button {
    max-width: 100%;
}
table {
    width: 100%;
    table-layout: auto;
}
.table-wrap,
.table-container,
.inventory-table-wrap,
.data-table-wrap {
    width: 100%;
    overflow-x: auto;
}
img,
svg,
canvas {
    max-width: 100%;
    height: auto;
}
.card {
    overflow: hidden;
}
@media (max-width: 1100px) {
    html {
        font-size: 14px;
    }
    .sidebar {
        flex-basis: 100%;
    }
    .main-content {
        width: 100%;
    }
}