/* ============================================================
   MUDBLAZOR GLASS OVERRIDES – ArgOS
   Load AFTER _content/MudBlazor/MudBlazor.min.css
   ============================================================ */

/* ─── Base ──────────────────────────────────────────────── */
html, body {
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--c-text);
}

/* ─── MudBlazor CSS Variables ────────────────────────────── */
.mud-theme-dark, :root {
  --mud-palette-background-grey: rgba(255,255,255,0.03);
  --mud-palette-table-striped:   rgba(255,255,255,0.03);
  --mud-palette-table-hover:     rgba(255,255,255,0.07);
  --mud-palette-lines-default:   rgba(255,255,255,0.06);
}

/* ─── Paper ──────────────────────────────────────────────── */
.mud-paper {
  background:   rgba(16, 16, 22, 0.82) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border:         1px solid rgba(255,255,255,0.09) !important;
  border-top-color: rgba(255,255,255,0.18) !important;
  box-shadow:     var(--shadow-card) !important;
  border-radius:  var(--r-lg) !important;
}

.mud-paper.mud-elevation-0 {
  box-shadow:  none !important;
  border:      1px solid rgba(255,255,255,0.07) !important;
}

.mud-paper.mud-elevation-25 {
  background: rgba(14,14,20,0.90) !important;
}

/* ─── AppBar ─────────────────────────────────────────────── */
.mud-appbar {
  background:      transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border:     none !important;
  box-shadow: none !important;
  pointer-events: none;
}
.mud-appbar > * { pointer-events: auto; }

/* ─── Drawer ─────────────────────────────────────────────── */
.mud-drawer {
  background: rgba(8, 8, 14, 0.76) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border-right: 1px solid rgba(255,255,255,0.07) !important;
  border-right-color: rgba(255,255,255,0.07) !important;
}
.mud-drawer-content { background: transparent !important; }


/* ─── Nav Links ──────────────────────────────────────────── */
.mud-nav-link {
  border-radius: var(--r-sm) !important;
  margin:  2px 8px !important;
  padding: 8px 14px !important;
  color:   var(--c-text-2) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  transition:
    background var(--dur-fast) var(--ease-out),
    color      var(--dur-fast) var(--ease-out) !important;
}
.mud-nav-link:hover {
  background: rgba(255,255,255,0.07) !important;
  color:      var(--c-text) !important;
}
.mud-nav-link.active {
  background: var(--c-accent-dim) !important;
  color:      var(--c-accent) !important;
  font-weight: 500 !important;
}

.mud-nav-group-title-text {
  color:          var(--c-text-3) !important;
  font-size:      10px !important;
  font-weight:    700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
}

.mud-nav-group .mud-collapse-container { background: transparent !important; }

/* ─── Buttons ────────────────────────────────────────────── */
.mud-button-root {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  font-family: var(--font-sans) !important;
  border-radius: var(--r-pill) !important;
  transition:
    background  var(--dur-fast) var(--ease-out),
    transform   var(--dur-fast) var(--ease-spring),
    box-shadow  var(--dur-fast) var(--ease-out) !important;
}
.mud-button-root:active { transform: scale(0.95) !important; }

.mud-button-filled.mud-button-filled-primary {
  background: var(--c-accent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.26),
    0 3px 14px rgba(74,158,255,0.42) !important;
}
.mud-button-filled.mud-button-filled-primary:hover {
  background:  var(--c-accent-hov) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.26),
    0 5px 20px rgba(74,158,255,0.52) !important;
}

.mud-button-filled.mud-button-filled-secondary {
  background: rgba(255,255,255,0.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.mud-button-outlined {
  background:   rgba(255,255,255,0.06) !important;
  border:       1px solid rgba(255,255,255,0.14) !important;
  border-top-color: rgba(255,255,255,0.22) !important;
}
.mud-button-outlined:hover {
  background: rgba(255,255,255,0.11) !important;
}

.mud-button-text { color: var(--c-text-2) !important; }
.mud-button-text:hover { background: rgba(255,255,255,0.07) !important; }

.mud-icon-button {
  border-radius: var(--r-sm) !important;
  transition: background var(--dur-fast) var(--ease-out) !important;
}
.mud-icon-button:hover { background: rgba(255,255,255,0.09) !important; }

/* ─── Inputs ─────────────────────────────────────────────── */
.mud-input-outlined .mud-input-outlined-border {
  border-color:   rgba(255,255,255,0.11) !important;
  border-radius:  var(--r-sm) !important;
  transition:
    border-color var(--dur-fast) var(--ease-out),
    box-shadow   var(--dur-fast) var(--ease-out) !important;
}
.mud-input-outlined:hover .mud-input-outlined-border {
  border-color: rgba(255,255,255,0.22) !important;
}
.mud-input-outlined.mud-focused .mud-input-outlined-border {
  border-color: var(--c-accent) !important;
  box-shadow:   0 0 0 3px var(--c-accent-dim) !important;
}

.mud-input-label        { color: var(--c-text-3) !important; }
.mud-input-label.mud-focused { color: var(--c-accent) !important; }

.mud-input.mud-input-underline::before,
.mud-input.mud-input-underline::after { display: none !important; }

.mud-input-slot {
  background:    rgba(255,255,255,0.04) !important;
  border-radius: var(--r-sm) !important;
}

.mud-input-adorned-start .mud-input-slot {
  padding-left: 10px !important;
}

/* ─── Select / Autocomplete Dropdown ─────────────────────── */
.mud-popover-overflow-y-auto,
.mud-select-popover {
  background: var(--glass-dark-mid) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border:        1px solid rgba(255,255,255,0.09) !important;
  border-radius: var(--r-md) !important;
  box-shadow:    var(--shadow-lg) !important;
}

/* ─── List Items ─────────────────────────────────────────── */
.mud-list-item {
  border-radius: var(--r-sm) !important;
  margin: 1px 4px !important;
  transition: background var(--dur-fast) var(--ease-out) !important;
}
.mud-list-item:hover         { background: rgba(255,255,255,0.06) !important; }
.mud-list-item.mud-selected-item {
  background: var(--c-accent-dim) !important;
  color:      var(--c-accent) !important;
}

/* ─── Dialog ─────────────────────────────────────────────── */
.mud-dialog {
  background: rgba(16, 16, 24, 0.80) !important;
  backdrop-filter: var(--blur-xl) !important;
  -webkit-backdrop-filter: var(--blur-xl) !important;
  border:           1px solid rgba(255,255,255,0.12) !important;
  border-top-color: rgba(255,255,255,0.30) !important;
  border-radius:    var(--r-xl) !important;
  box-shadow:       var(--shadow-dialog) !important;
}

.mud-dialog-title {
  font-weight: 600 !important;
  font-size:   17px !important;
  padding:     20px 24px 10px !important;
  letter-spacing: -0.01em !important;
}
.mud-dialog-content { padding: 8px 24px 16px !important; }
.mud-dialog-actions { padding: 8px 20px 20px !important; gap: 8px; }

.mud-overlay:not(.mud-overlay-absolute) {
  background:      rgba(0,0,0,0.55) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
.mud-overlay.mud-overlay-absolute {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ─── Tables ─────────────────────────────────────────────── */
.mud-table {
  background:    rgba(12, 12, 18, 0.80) !important;
  border:        1px solid rgba(255,255,255,0.07) !important;
  border-radius: var(--r-lg) !important;
  box-shadow:    var(--shadow-card) !important;
  overflow: hidden;
}

.mud-table-container,
.mud-table-root,
.mud-table-body,
.mud-table-head,
.mud-table-foot,
.mud-table .mud-table-container table { background: transparent !important; }

.mud-table-cell { border-bottom: 1px solid rgba(255,255,255,0.05) !important; }

.mud-table-head .mud-table-cell {
  font-size:      11px !important;
  font-weight:    700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color:          var(--c-text-3) !important;
  border-bottom:  1px solid rgba(255,255,255,0.08) !important;
  background:     rgba(255,255,255,0.02) !important;
}

.mud-table-body .mud-table-row:last-child .mud-table-cell {
  border-bottom: none !important;
}

.mud-table-hover .mud-table-row:hover td,
.mud-table-hover .mud-table-row:hover .mud-table-cell,
.mud-table-hover > .mud-table-container > table > tbody > tr:hover > td {
  background: rgba(255,255,255,0.06) !important;
}

.mud-table-striped .mud-table-row:nth-child(odd) td,
.mud-table-striped > .mud-table-container > table > .mud-table-body > .mud-table-row:nth-child(odd) > td,
.mud-table-striped > .mud-table-container > table > tbody > tr:nth-child(odd) > td {
  background: rgba(255,255,255,0.03) !important;
}
.mud-table-striped .mud-table-row:nth-child(even) td,
.mud-table-striped > .mud-table-container > table > .mud-table-body > .mud-table-row:nth-child(even) > td,
.mud-table-striped > .mud-table-container > table > tbody > tr:nth-child(even) > td {
  background: transparent !important;
}

/* ─── Tabs ───────────────────────────────────────────────── */
.mud-tabs-tabbar {
  background:    transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.mud-tab {
  text-transform: none !important;
  color:          var(--c-text-2) !important;
  font-weight:    500 !important;
  border-radius:  var(--r-sm) var(--r-sm) 0 0 !important;
  transition:     color var(--dur-fast) var(--ease-out) !important;
}
.mud-tab.mud-tab-active { color: var(--c-text) !important; }
.mud-tab-slider {
  background:    var(--c-accent) !important;
  height:        2px !important;
  border-radius: 2px !important;
}

/* ─── Chips ──────────────────────────────────────────────── */
.mud-chip {
  background:       rgba(255,255,255,0.08) !important;
  border:           1px solid rgba(255,255,255,0.10) !important;
  border-top-color: rgba(255,255,255,0.18) !important;
  border-radius:    var(--r-pill) !important;
  font-weight:      500 !important;
}

/* ─── Snackbar ───────────────────────────────────────────── */
.mud-snackbar {
  background:      rgba(18, 18, 28, 0.92) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border:        1px solid rgba(255,255,255,0.09) !important;
  border-radius: var(--r-md) !important;
  box-shadow:    var(--shadow-lg) !important;
}

/* ─── Divider ────────────────────────────────────────────── */
.mud-divider { border-color: rgba(255,255,255,0.07) !important; }

/* ─── Menu / Popover ─────────────────────────────────────── */
.mud-menu-popover,
.mud-popover {
  background:      rgba(16, 16, 24, 0.92) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border:        1px solid rgba(255,255,255,0.09) !important;
  border-radius: var(--r-md) !important;
  box-shadow:    var(--shadow-lg) !important;
}

/* ─── Progress ───────────────────────────────────────────── */
.mud-progress-linear-bar         { background-color: var(--c-accent) !important; }
.mud-circular-progress circle    { stroke: var(--c-accent) !important; }

/* ─── Switch ─────────────────────────────────────────────── */
.mud-switch-track  { border-radius: 999px !important; }
.mud-switch-thumb  { box-shadow: 0 2px 6px rgba(0,0,0,0.32) !important; }

/* ─── Calendar ───────────────────────────────────────────── */
.mud-calendar {
  background:      rgba(12, 12, 18, 0.82) !important;
  border:          1px solid rgba(255,255,255,0.07) !important;
  border-radius:   var(--r-lg) !important;
  box-shadow:      var(--shadow-card) !important;
  backdrop-filter: var(--blur-sm);
  -webkit-backdrop-filter: var(--blur-sm);
}
.mud-cal-month-cell {
  border-right: 1px solid rgba(255,255,255,0.05) !important;
  border-top:   1px solid rgba(255,255,255,0.05) !important;
  background: transparent !important;
}
.mud-cal-grid-header,
.mud-cal-month-grid-header { background: rgba(255,255,255,0.03) !important; }
.mud-calendar .mud-paper   { background: transparent !important; box-shadow: none !important; border: none !important; }
.mud-cal-week-link, .mud-cal-month-link,
.mud-cal-cell-template-chip, .mud-cal-drop-item,
.mud-calendar .mud-chip {
  background:    var(--c-accent) !important;
  color:         #fff !important;
  border-radius: 6px !important;
  font-weight:   500 !important;
  border:        none !important;
}

/* ─── Alert ──────────────────────────────────────────────── */
.mud-alert {
  border-radius: var(--r-md) !important;
  border:        1px solid rgba(255,255,255,0.08) !important;
}

/* ─── Breadcrumbs ────────────────────────────────────────── */
.mud-breadcrumb-item a              { color: var(--c-text-2) !important; }
.mud-breadcrumb-item.mud-breadcrumb-item-active { color: var(--c-text) !important; }

/* ─── Toolbar inside Paper ───────────────────────────────── */
.mud-toolbar { background: transparent !important; }