/* MgmtStudio — MudBlazor overrides aligned with DESIGN.md */

.mud-typography,
.mud-button-root,
.mud-input-root,
.mud-table-cell {
  font-family: var(--font-sans) !important;
}

.mud-layout {
  background: var(--color-canvas) !important;
}

.ms-appbar {
  border-bottom: 1px solid var(--color-hairline);
  box-shadow: none !important;
}

.ms-drawer {
  border-right: 1px solid var(--color-hairline);
  box-shadow: none !important;
}

.ms-drawer-title {
  font-weight: 400;
  letter-spacing: -0.11px;
  color: var(--color-ink);
}

.mud-main-content {
  background: var(--color-canvas);
}

/* Hairline-only depth: suppress Material elevation shadows */
.mud-elevation-1,
.mud-elevation-2,
.mud-elevation-3,
.mud-elevation-4,
.mud-elevation-5,
.mud-elevation-6,
.mud-elevation-7,
.mud-elevation-8,
.mud-elevation-9,
.mud-elevation-10,
.mud-elevation-11,
.mud-elevation-12,
.mud-elevation-13,
.mud-elevation-14,
.mud-elevation-15,
.mud-elevation-16,
.mud-elevation-17,
.mud-elevation-18,
.mud-elevation-19,
.mud-elevation-20,
.mud-elevation-21,
.mud-elevation-22,
.mud-elevation-23,
.mud-elevation-24,
.mud-elevation-25 {
  box-shadow: none !important;
}

.mud-button-filled-primary {
  min-height: 40px;
  border-radius: var(--radius-md);
}

.mud-input-control .mud-input-outlined {
  border-radius: var(--radius-md);
}

.mud-input-slot {
  min-height: 44px;
}

.ms-section-label {
  font-size: var(--text-caption-uppercase);
  font-weight: 600;
  letter-spacing: 0.88px;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: var(--spacing-sm);
}

.ms-feature-card {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  background: var(--color-surface-card);
  transition: border-color 0.15s ease;
}

.ms-feature-card:hover {
  border-color: var(--color-hairline-strong);
}

.ms-feature-card .mud-link {
  color: var(--color-ink);
  font-weight: 500;
  text-decoration: none;
}

.ms-feature-card .mud-link:hover {
  color: var(--color-primary);
}

.ms-page-title,
.mud-typography-h5.ms-page-title {
  font-weight: 400 !important;
  letter-spacing: -0.11px;
  color: var(--color-ink);
}

.mud-typography-h5,
.mud-typography-h6 {
  font-weight: 400;
  letter-spacing: -0.11px;
  color: var(--color-ink);
}

.mud-typography-h6 {
  font-weight: 600;
  letter-spacing: 0;
}

.ms-login-layout {
  min-height: 100vh;
  background: var(--color-canvas);
}

.ms-login-card {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  background: var(--color-surface-card);
  width: 100%;
}

.ms-login-card .mud-typography-h5 {
  font-weight: 400;
  letter-spacing: -0.11px;
  color: var(--color-ink);
}

/* Mono for IDs and technical fields in tables */
.mud-table .mud-table-cell {
  font-variant-numeric: tabular-nums;
}