/* ============================================================
   Compact Mode – Dense layout for all MudBlazor controls
   Applied when .compact-mode class is set on MudRTLProvider
   ============================================================ */

/* ?? Root typography ??????????????????????????????????????? */
.compact-mode {
    font-size: 0.75rem !important;
}

.compact-mode .mud-typography {
    font-size: 0.75rem !important;
}

.compact-mode .mud-typography-body1 {
    font-size: 0.75rem !important;
}

.compact-mode .mud-typography-body2 {
    font-size: 0.7rem !important;
}

.compact-mode .mud-typography-caption {
    font-size: 0.65rem !important;
}

.compact-mode .mud-typography-subtitle1,
.compact-mode .mud-typography-subtitle2 {
    font-size: 0.75rem !important;
}

.compact-mode .mud-typography-h6 {
    font-size: 1rem !important;
}

.compact-mode .mud-typography-h5 {
    font-size: 1.1rem !important;
}

.compact-mode .mud-typography-h4 {
    font-size: 1.2rem !important;
}

/* ?? Card ?????????????????????????????????????????????????? */
.compact-mode .mud-card {
    padding: 4px !important;
}

.compact-mode .mud-card-content {
    padding: 8px !important;
}

.compact-mode .mud-card-header {
    padding: 8px !important;
}

.compact-mode .mud-card-actions {
    padding: 4px 8px !important;
}

/* ?? Paper ????????????????????????????????????????????????? */
.compact-mode .mud-paper {
    padding: 4px !important;
}

/* ?? Dialog ???????????????????????????????????????????????? */
.compact-mode .mud-dialog .mud-dialog-content {
    padding: 8px 10px !important;
}

.compact-mode .mud-dialog .mud-dialog-actions {
    padding: 4px 10px 8px !important;
}

.compact-mode .mud-dialog-title {
    padding: 8px 10px !important;
    font-size: 0.9rem !important;
}

/* ?? Inputs & form fields ?????????????????????????????????? */
.compact-mode .mud-input {
    margin-top: 0 !important;
    font-size: 0.75rem !important;
}

.compact-mode .mud-input-control {
    margin-top: 0 !important;
}

.compact-mode .mud-input-text,
.compact-mode .mud-input > input,
.compact-mode .mud-input-slot {
    font-size: 0.75rem !important;
}

.compact-mode .mud-input-label {
    font-size: 0.75rem !important;
}

.compact-mode .mud-input-outlined .mud-input-outlined-border {
    padding: 0 !important;
}

.compact-mode .mud-input-control-input-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.compact-mode .mud-select-input {
    font-size: 0.75rem !important;
}

.compact-mode .mud-input-adornment {
    padding: 0 4px !important;
}

/* ?? Buttons ??????????????????????????????????????????????? */
.compact-mode .mud-button {
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
    min-height: 28px !important;
    line-height: 1.4 !important;
}

.compact-mode .mud-icon-button {
    padding: 4px !important;
}

.compact-mode .mud-icon-button .mud-icon-root {
    font-size: 1.1rem !important;
}

.compact-mode .mud-fab {
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
}

/* ?? Table ????????????????????????????????????????????????? */
.compact-mode .mud-table {
    font-size: 0.75rem !important;
}

.compact-mode .mud-table .mud-table-cell {
    font-size: 0.75rem !important;
    padding: 3px 6px !important;
}

.compact-mode .mud-table-head .mud-table-cell {
    font-size: 0.75rem !important;
    padding: 4px 6px !important;
}

.compact-mode .mud-table tr.mud-table-row {
    height: 28px !important;
    max-height: 28px !important;
    line-height: 1 !important;
}

.compact-mode .mud-table tr.mud-table-row td.mud-table-cell,
.compact-mode .mud-table tr.mud-table-row th.mud-table-cell {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1 !important;
}

.compact-mode .mud-table .mud-table-cell .mud-typography {
    font-size: 0.75rem !important;
}

.compact-mode .mud-table-pagination {
    font-size: 0.7rem !important;
    min-height: 40px !important;
}

.compact-mode .mud-table-pagination .mud-typography {
    font-size: 0.7rem !important;
}

.compact-mode .mud-table-pagination .mud-select {
    font-size: 0.7rem !important;
}

/* ?? Chip ?????????????????????????????????????????????????? */
.compact-mode .mud-chip {
    font-size: 0.7rem !important;
    height: 22px !important;
    padding: 0 8px !important;
}

/* ?? List ?????????????????????????????????????????????????? */
.compact-mode .mud-list-item {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: 32px !important;
}

.compact-mode .mud-list-item-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ?? Nav ??????????????????????????????????????????????????? */
.compact-mode .mud-nav-link {
    font-size: 0.75rem !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: 30px !important;
}

.compact-mode .mud-nav-group-title {
    font-size: 0.7rem !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* ?? Tabs ?????????????????????????????????????????????????? */
.compact-mode .mud-tabs .mud-tab {
    padding: 4px 12px !important;
    min-height: 32px !important;
    font-size: 0.75rem !important;
}

.compact-mode .mud-tab-panel {
    padding: 8px !important;
}

/* ?? Expansion panel ??????????????????????????????????????? */
.compact-mode .mud-expansion-panel .mud-expand-panel-content {
    padding: 8px !important;
}

.compact-mode .mud-expand-panel-header {
    min-height: 36px !important;
    padding: 4px 10px !important;
}

/* ?? Breadcrumbs ??????????????????????????????????????????? */
.compact-mode .mud-breadcrumb-item {
    font-size: 0.75rem !important;
}

.compact-mode .mud-breadcrumbs {
    padding: 4px 0 !important;
}

/* ?? Toolbar / AppBar ?????????????????????????????????????? */
.compact-mode .mud-appbar {
    min-height: 48px !important;
}

/* ?? Grid / row spacing ???????????????????????????????????? */
.compact-mode .mud-grid {
    margin: 0 !important;
}

.compact-mode .mud-grid-item {
    padding: 4px !important;
}

/* ?? Avatar ???????????????????????????????????????????????? */
.compact-mode .mud-avatar {
    width: 28px !important;
    height: 28px !important;
    font-size: 0.7rem !important;
}

/* ?? Alert / snackbar ?????????????????????????????????????? */
.compact-mode .mud-alert {
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
}

/* ?? Select popover items ?????????????????????????????????? */
.compact-mode .mud-popover .mud-list-item {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: 30px !important;
    font-size: 0.75rem !important;
}

/* ?? Autocomplete ?????????????????????????????????????????? */
.compact-mode .mud-autocomplete .mud-input {
    font-size: 0.75rem !important;
}