/* Business‑grade dark theme polish + bugfixes requested */

/* 1) App bar: glass effect, subtle divider */
.appbar-glass {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(16,22,33,.92) 0%, rgba(16,22,33,.86) 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* 2) Drawer elevation and color tune */
.drawer-elev {
  background: #0f1420 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* 3) Main content background — prevent repeating image on long scrolls */
body, .maincontent {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center top !important;
}

/* Center the main content area */
.maincontent {
  padding: 24px !important;
  padding-top: 56px !important;
}
.page-content {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* 4) Elevated cards without visible borders (fix visible top-left border issue) */
.card-elevated {
  background: linear-gradient(180deg, rgba(20,26,38,.86) 0%, rgba(16,22,33,.86) 100%);
  border: 0 !important;               /* remove any outline/border */
  box-shadow: 0 6px 24px rgba(0,0,0,.35);
  border-radius: 12px;                 /* consistent rounding */
  overflow: hidden;                    /* hide any stray inner borders in corners */
}

/* Defensive: remove borders on Mud components when we use card-elevated */
.card-elevated.mud-card, 
.card-elevated.mud-paper {
  border: 0 !important;
}
.card-elevated .mud-card-header { border-bottom: 1px solid rgba(255,255,255,.06); }

/* 5) Page title spacing — tighten distance above/below the title */
/* Applies to the dashboard hero title (Typo.h5 with .mb-4) */
.mud-typography-h5 {
  margin-top: 4px;
  margin-bottom: 12px;
  letter-spacing: .005em;
}

/* 6) Utility typography helpers */
.upper { text-transform: uppercase; letter-spacing: .06em; }
.dim   { opacity: .72; }

/* 7) Table + chip refinements (optional polish) */
.table-modern thead th {
  color: #a6b3c2; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,.06);
}
.table-modern tbody tr:hover { background: rgba(255,255,255,.03); }

.mud-chip { border-radius: 12px; }

/* 8) Subtle global scrollbar (dark) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,.03); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.18); }