/* Form Input Improvements - Compact and Comfortable Styling */

/* MudBlazor Input Field Height Reduction */
.mud-input-root .mud-input-control {
    min-height: 40px !important; /* Reduced from default 56px */
}

.mud-input-root .mud-input-control .mud-input {
    padding: 8px 12px !important; /* Reduced padding */
    font-size: 14px !important; /* Slightly smaller font */
    line-height: 1.4 !important;
}

/* Select/Dropdown Fields */
.mud-select .mud-input-control {
    min-height: 40px !important;
}

.mud-select .mud-input-control .mud-select-input {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* Text Area Fields */
.mud-input-root .mud-input-control .mud-input-multiline {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* Date Picker Fields */
.mud-picker-input .mud-input-control {
    min-height: 40px !important;
}

.mud-picker-input .mud-input-control .mud-input {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

/* Autocomplete Fields */
.mud-autocomplete .mud-input-control {
    min-height: 40px !important;
}

.mud-autocomplete .mud-input-control .mud-input {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

/* Floating Labels Adjustment */
.mud-input-root .mud-input-label {
    font-size: 13px !important;
    top: 10px !important; /* Adjusted for reduced height */
}

.mud-input-root .mud-input-label.mud-input-label-inputted {
    transform: translateY(-12px) scale(0.85) !important; /* Adjusted transform */
}

/* Helper Text Spacing */
.mud-input-helper-text {
    font-size: 12px !important;
    margin-top: 4px !important;
    line-height: 1.3 !important;
}

/* Error Text Styling */
.mud-input-error .mud-input-helper-text {
    color: var(--mud-palette-error) !important;
    font-size: 12px !important;
}

/* Button Size Improvements */
.mud-button-root {
    min-height: 36px !important; /* Reduced button height */
    padding: 6px 16px !important;
    font-size: 14px !important;
}

.mud-button-root.mud-button-size-small {
    min-height: 32px !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
}

/* Card Padding Improvements */
.mud-card-content {
    padding: 16px !important; /* Reduced from default 24px */
}

.mud-card-header {
    padding: 12px 16px !important; /* Reduced header padding */
}

/* Form Grid Spacing */
.mud-grid-item {
    margin-bottom: 12px !important; /* Reduced bottom margin */
}

/* Table Row Height Improvements */
.mud-table .mud-table-row {
    height: 48px !important; /* Reduced row height */
}

.mud-table .mud-table-cell {
    padding: 8px 12px !important; /* Reduced cell padding */
    font-size: 14px !important;
}

/* Dialog Size Improvements */
.mud-dialog .mud-dialog-content {
    padding: 16px !important; /* Reduced dialog padding */
}

.mud-dialog .mud-dialog-title {
    padding: 16px 16px 8px 16px !important;
    font-size: 18px !important;
}

/* Chip Size Improvements */
.mud-chip {
    height: 28px !important; /* Reduced chip height */
    font-size: 13px !important;
    padding: 0 10px !important;
}

.mud-chip.mud-chip-size-small {
    height: 24px !important;
    font-size: 12px !important;
    padding: 0 8px !important;
}

/* Icon Button Size */
.mud-icon-button {
    width: 36px !important;
    height: 36px !important;
}

.mud-icon-button.mud-icon-button-size-small {
    width: 32px !important;
    height: 32px !important;
}

/* List Item Improvements */
.mud-list-item {
    min-height: 44px !important; /* Reduced list item height */
    padding: 8px 16px !important;
}

.mud-list-item-text {
    font-size: 14px !important;
}

/* Tab Panel Improvements */
.mud-tabs .mud-tab {
    min-height: 44px !important; /* Reduced tab height */
    padding: 8px 16px !important;
    font-size: 14px !important;
}

/* Expansion Panel Improvements */
.mud-expand-panel-header {
    min-height: 44px !important;
    padding: 8px 16px !important;
}

/* Data Grid Improvements */
.mud-table-toolbar {
    min-height: 52px !important; /* Reduced toolbar height */
    padding: 8px 16px !important;
}

.mud-table-pagination {
    min-height: 48px !important;
    padding: 8px 16px !important;
}

/* Responsive Improvements for Mobile */
@media (max-width: 768px) {
    .mud-input-root .mud-input-control {
        min-height: 44px !important; /* Slightly larger for mobile touch */
    }

    .mud-button-root {
        min-height: 40px !important; /* Larger buttons for mobile */
        padding: 8px 16px !important;
    }

    .mud-card-content {
        padding: 12px !important; /* Reduced mobile padding */
    }
}