/* MudBlazor exposes its palette as CSS variables, so these stay in sync with AppTheme. */

.mud-table-container .mud-table-head {
  background: linear-gradient(120deg, var(--mud-palette-primary), var(--mud-palette-primary-darken));
}

.mud-table-container .mud-table-head .mud-table-cell {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.mud-table-container .mud-table-head .mud-table-sort-label-icon {
  color: rgba(255, 255, 255, 0.75) !important;
}

.row-stripe-online {
  border-left: 3px solid var(--mud-palette-success);
}

.row-stripe-delayed {
  border-left: 3px solid var(--mud-palette-warning);
}

.row-stripe-offline,
.row-stripe-critical {
  border-left: 3px solid var(--mud-palette-error);
}

.fleet-mono {
  font-family: 'JetBrains Mono', monospace;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--mud-palette-surface);
  border: 1px solid var(--mud-palette-lines-default);
  border-radius: 8px;
  padding: 6px 12px 6px 10px;
  box-shadow: 0 1px 2px rgba(21, 34, 58, .05);
}

.brand-lockup .word {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.brand-lockup .word .ad {
  color: var(--mud-palette-warning);
}

.brand-lockup .word .desk {
  color: var(--mud-palette-primary);
}

.btn-refresh.mud-button-filled-primary {
  background: linear-gradient(135deg, #3B9AE1, var(--mud-palette-primary-darken)) !important;
  box-shadow: 0 4px 14px rgba(28, 111, 179, .4);
}

.btn-refresh.mud-button-filled-primary:hover {
  background: linear-gradient(135deg, #2E8FDA, #175D97) !important;
  box-shadow: 0 5px 16px rgba(28, 111, 179, .5);
}

.panel-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 13.5px;
  color: var(--mud-palette-text-primary);
}

.panel-label .ico {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--mud-palette-primary), var(--mud-palette-primary-darken));
  box-shadow: 0 3px 8px rgba(36, 132, 209, .35);
}

.panel-label .ico .mud-icon-root {
  color: #fff;
  font-size: 14px;
}

.chip-loaded.mud-chip-color-primary.mud-chip-variant-filled {
  background: var(--mud-palette-primary-lighten) !important;
  color: var(--mud-palette-primary-darken) !important;
}

.tab-all.mud-tab-active {
  background: var(--mud-palette-primary-lighten);
  color: var(--mud-palette-primary-darken);
}

.tab-offline.mud-tab-active {
  background: var(--mud-palette-warning-lighten);
  color: var(--mud-palette-warning-darken);
}

.tab-risk.mud-tab-active {
  background: var(--mud-palette-error-lighten);
  color: var(--mud-palette-error-darken);
}

body {
  background:
    radial-gradient(1100px 420px at 85% -10%, rgba(255,150,44,.10), transparent 60%),
    radial-gradient(1200px 520px at -5% -15%, rgba(36,132,209,.14), transparent 55%),
    var(--mud-palette-background);
}