/* ???????????????????????????????????????????????????????????????
   Admin Global Styles — Azure / Fluent Design inspired
   Applied to all admin pages, dialogs, grids, buttons, etc.
   ??????????????????????????????????????????????????????????????? */

/* ??? Dialog Styling ??? */
.mud-dialog .mud-dialog-title {
    padding: 16px 24px 12px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #323130;
    border-bottom: 1px solid #edebe9;
}

.mud-dialog .mud-dialog-content {
    padding: 16px 24px;
}

.mud-dialog .mud-dialog-actions {
    padding: 12px 24px;
    border-top: 1px solid #edebe9;
    gap: 8px;
}

/* ??? Dialog Buttons ??? */
.mud-dialog .mud-dialog-actions .mud-button-filled-primary {
    min-width: 80px;
    font-weight: 600;
    font-size: 0.8125rem;
    border-radius: 4px;
    text-transform: none;
    box-shadow: none;
}

.mud-dialog .mud-dialog-actions .mud-button-text {
    font-weight: 600;
    font-size: 0.8125rem;
    border-radius: 4px;
    text-transform: none;
    color: #605e5c;
}

/* ??? DataGrid / Table Global ??? */
.mud-table .mud-table-head {
    background-color: #faf9f8;
}

.mud-table .mud-table-head th {
    font-weight: 600;
    font-size: 0.75rem;
    color: #605e5c;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 8px 16px;
    border-bottom: 1px solid #edebe9;
    white-space: nowrap;
}

.mud-table .mud-table-body td {
    font-size: 0.8125rem;
    color: #323130;
    padding: 6px 16px;
    border-bottom: 1px solid #f3f2f1;
}

.mud-table .mud-table-body .mud-table-row:hover td {
    background-color: #f3f2f1;
}

/* ???????????????????????????????????????????????????????????????
   Inputs — Azure Outlined Style (global)
   Forces ALL MudTextField / MudSelect to look like Outlined
   with consistent sizing, border-radius, and colors.
   ??????????????????????????????????????????????????????????????? */

/* Border radius on outlined inputs */
.mud-input-outlined .mud-input-outlined-border {
    border-radius: 4px;
    border-color: #8a8886;
    transition: border-color 0.1s ease;
}

/* Focus state — Azure blue */
.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: #002F5E;
}

/* Label color */
.mud-input-label {
    color: #605e5c;
    font-size: 0.8125rem;
    font-weight: 600;
}

/* Input text */
.mud-input {
    font-size: 0.875rem;
    color: #323130;
}

/* Textarea / multi-line: comfortable height */
.mud-input-text-area .mud-input-slot {
    font-size: 0.875rem;
    line-height: 1.5;
}

/* ??? MudSelect / Dropdown ??? */
.mud-select .mud-input-outlined .mud-input-outlined-border {
    border-radius: 4px;
}

/* ??? Admin toolbar inputs: match height of Dense Outlined TextField ??? */
.admin-toolbar-select .mud-input.mud-input-outlined {
    height: 32px;
}

.admin-toolbar-select .mud-input.mud-input-outlined .mud-input-slot {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.8125rem;
}

.admin-toolbar-select .mud-input-label-outlined {
    font-size: 0.8125rem;
}

/* ???????????????????????????????????????????????????????????????
   Buttons — Azure / Fluent Design
   ??????????????????????????????????????????????????????????????? */

/* Filled (Primary action) */
.mud-button-filled {
    box-shadow: none !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8125rem;
    text-transform: none;
    padding: 4px 16px;
    min-height: 32px;
}

.mud-button-filled:hover {
    box-shadow: none !important;
}

/* Outlined (Secondary action) */
.mud-button-outlined {
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8125rem;
    text-transform: none;
    padding: 4px 16px;
    min-height: 32px;
}

/* Text (Tertiary / Cancel) */
.mud-button-text {
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8125rem;
    text-transform: none;
    padding: 4px 12px;
    min-height: 32px;
}

/* ??? IconButton ??? */
.mud-icon-button {
    border-radius: 4px;
}

/* ???????????????????????????????????????????????????????????????
   Chips — Azure compact style
   ??????????????????????????????????????????????????????????????? */
.mud-chip {
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 4px;
    height: 24px;
}

/* ???????????????????????????????????????????????????????????????
   Cards, Paper, Alerts — Fluent depth & radius
   ??????????????????????????????????????????????????????????????? */

.mud-card {
    border-radius: 4px;
    box-shadow: 0 1.6px 3.6px rgba(0,0,0,0.13), 0 0.3px 0.9px rgba(0,0,0,0.1);
}

.mud-paper-outlined {
    border-color: #edebe9;
    border-radius: 4px;
}

.mud-alert {
    border-radius: 4px;
    font-size: 0.8125rem;
}

.mud-snackbar {
    border-radius: 4px;
    font-size: 0.8125rem;
}

/* ??? Breadcrumb ??? */
.mud-breadcrumbs li {
    font-size: 0.8125rem;
}

.mud-breadcrumbs li:last-child .mud-breadcrumb-item {
    color: #323130;
    font-weight: 600;
    pointer-events: none;
}

/* ??? Progress ??? */
.mud-progress-linear {
    border-radius: 2px;
}

/* ??? Tooltip ??? */
.mud-tooltip {
    font-size: 0.75rem;
    border-radius: 4px;
}

/* ???????????????????????????????????????????????????????????????
   Wizard Dialog shared styles (sidebar nav pattern)
   ??????????????????????????????????????????????????????????????? */

/* Disabled nav items in wizard dialogs */
.mud-list-item.mud-list-item-disabled {
    opacity: 0.45;
    pointer-events: none;
}