/* Custom scaling CSS to make the UI more compact */

html, body {
    font-size: 14px; /* Reduce base font size */
    zoom: 0.9; /* Apply slight zoom out to everything */
}

.mud-typography-h1 {
    font-size: 2rem !important;
}

.mud-typography-h2 {
    font-size: 1.75rem !important;
}

.mud-typography-h3 {
    font-size: 1.5rem !important;
}

.mud-typography-h4 {
    font-size: 1.25rem !important;
}

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

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

.mud-typography-body1 {
    font-size: 0.9rem !important;
}

.mud-typography-body2 {
    font-size: 0.8rem !important;
}

.mud-button {
    font-size: 0.85rem !important;
    padding: 6px 12px !important;
}

/* Make MudPaper components more compact */
.mud-paper {
    padding: 0.75rem !important;
}

/* Reduce margins between elements */
.mt-6 {
    margin-top: 1.25rem !important;
}

.mb-4 {
    margin-bottom: 0.75rem !important;
}

/* Make form fields more compact */
.mud-input {
    margin-bottom: 0.5rem !important;
}

.mud-input-control {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Make icons smaller */
.mud-icon-root {
    font-size: 1.25rem !important;
}

/* Make containers more compact */
.mud-container {
    padding: 0.75rem !important;
}

/* Adjust NavMenu items to be more compact */
.mud-nav-link {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* Make tables more compact */
.mud-table-cell {
    padding: 0.5rem !important;
}

/* Make cards more compact */
.mud-card-header {
    padding: 0.75rem !important;
}

.mud-card-content {
    padding: 0.75rem !important;
}

.mud-card-actions {
    padding: 0.5rem !important;
}

/* Make dialogs more compact */
.mud-dialog {
    max-height: 90vh !important;
}

/* Adjust application max-width for better readability */
.max-width-content {
    max-width: 1200px;
    margin: 0 auto;
}