/* ──────────────────────────────────────────────────────────────
   site-mud-overrides.css
   MudBlazor default style overrides
   ────────────────────────────────────────────────────────────── */

:root {
  /* MudLayout 사이드 Drawer 폭 — Pay 사이드바 250px 통일.
     MudMainContent.margin-left가 --mud-drawer-width-left 변수만 참조하므로
     Drawer width와 본문 시작 위치를 같은 변수로 맞춰야 어긋나지 않음. */
  --mud-drawer-width-left: 250px;
}

/* MudMainContent는 MudAppBar 존재를 가정해 padding-top 자동 추가.
   Pay는 AppBar 미사용 구조 → 상단 빈 공간 회귀 방지. 글로벌 적용 (razor scoped ::deep으로는 자식 root에 안 잡힘). */
.mud-main-content {
  padding-top: 0 !important;
}

/* Keep dense table font size at default (1rem = 14px) */
.mud-table-dense .mud-table-cell,
.mud-table-dense td,
.mud-table-dense th {
  font-size: 1rem !important;
}

/* Dense 테이블 padding 타이트화 — MudBlazor 기본은 6px 16px(좌)/24px(우)로 컬럼이 벙벙함.
   수평 좌우 8px, 수직 4px로 컴팩트하게 줄여 다컬럼 페이지(ProductList, 미납 인보이스 등)에서
   콘텐츠 밀도를 높임. checkbox 컬럼은 MudBlazor 자체 padding(4px)이라 영향 없음. */
.mud-table-dense * .mud-table-row .mud-table-cell,
.mud-table-dense * tr td,
.mud-simple-table.mud-table-dense * tr th {
  padding: 4px 8px !important;
  padding-inline-start: 8px !important;
  padding-inline-end: 8px !important;
}

/* MudTable 헤더(th)는 항상 nowrap — 다국어 culture에서 컬럼 라벨이 줄바꿈되어 표/시선 흐름을 깨지
   않도록 일관 적용. Products/Members/Controls/Invoices 등 페이지 헤더에 공통 영향. */
.mud-table .mud-table-head .mud-table-cell,
.mud-table thead th {
  white-space: nowrap;
}

/* Tooltip: table-hover 배경의 불투명 Surface 스타일 */
.mud-tooltip.tooltip-surface {
  background-color: #F8FAFE !important;
  color: var(--mud-palette-text-primary) !important;
  opacity: 1 !important;
}
.mud-popover:has(.tooltip-surface) .mud-tooltip-arrow::before {
  background-color: #F8FAFE !important;
  border-color: #F8FAFE !important;
}