/* =====================================================================
   전역 밀도(Compact Density) 레이어
   - 모든 화면의 padding/margin/gap을 줄여 정보 밀도를 높인다.
   - Radzen 컴포넌트: CSS 변수 오버라이드 (index.html에서 이 파일이
     _content/Radzen.Blazor/css/default-base.css 뒤에 로드되어야 함)
   - 페이지별 커스텀 카드: 공통 네이밍 패턴을 속성 선택자로 조임.
     페이지 <style> 블록이 DOM상 뒤에 오므로 !important 필요.
   - 전체를 되돌리려면 index.html에서 density.css 링크만 제거하면 된다.
   ===================================================================== */

/* ===== 1) Radzen 컴포넌트 변수 ===== */
:root {
    /* DataGrid — 목록 화면 밀도의 핵심 */
    --rz-grid-cell-padding: 0.25rem 0.45rem;      /* 기본 0.5rem */
    --rz-grid-header-cell-padding: 0.3rem 0;      /* 기본 0.625rem 0 */
    --rz-grid-filter-padding: 0.25rem 0.4rem;     /* 기본 0.5rem */
    --rz-grid-cell-font-size: 13px;

    /* Pager */
    --rz-pager-padding: 0.2rem;                   /* 기본 0.5rem */
    --rz-pager-numeric-button-min-width: 1.8rem;  /* 기본 2.25rem */
    --rz-pager-numeric-button-padding: 0.25rem;
    --rz-pager-numeric-button-selected-padding: 0.25rem;

    /* Card / Dialog / Tabs */
    --rz-card-padding: 0.75rem;                   /* 기본 1.25rem */
    --rz-card-heading-margin-bottom: 0.5rem;
    --rz-dialog-content-padding: 0.75rem;         /* 기본 1.25rem */
    --rz-dialog-title-padding-block: 0.4rem;
    --rz-dialog-title-padding-inline: 0.75rem;
    --rz-tabs-padding: 0.75rem;                   /* 기본 1.25rem */
    --rz-tabs-tab-padding-block: 0.35rem;
    --rz-tabs-tab-padding-inline: 0.75rem;

    /* Input류 (드롭다운/데이트피커 등 Radzen 입력) */
    --rz-input-height: 2rem;                      /* 기본 2.25rem */
}

/* ===== 2) 페이지 공통 카드 패턴 (roh-, cs1-, dual- 등 접두사 무관) ===== */
[class*="-page-card"],
[class*="-grid-card"] {
    padding: 8px 10px !important;
}

/* 목록 상단 헤더(제목/칩 영역) 여백 */
[class*="-grid-header"] {
    margin-bottom: 8px !important;
}

[class*="-toolbar"] {
    gap: 8px !important;
}

/* ===== 3) 대시보드 (IHMS/MES 서머리 등) ===== */
.ihmsx-page {
    gap: 10px !important;
}

.ihmsx-hero {
    padding: 12px 16px !important;
    border-radius: 18px !important;
}

.ihmsx-kpi-grid,
.ihmsx-analytics-grid {
    gap: 10px !important;
}

.kpi-card,
.panel-card {
    padding: 12px !important;
    border-radius: 16px !important;
}

.kpi-head,
.panel-head {
    margin-bottom: 10px !important;
}

.compact-list {
    gap: 6px !important;
}

.compact-item {
    padding: 6px 10px !important;
    border-radius: 10px !important;
}

.hero-stat {
    padding: 10px 14px !important;
    border-radius: 14px !important;
}

.empty-box {
    padding: 10px 8px !important;
}

/* ===== 4) 등록 폼 공통 (layout.css의 card-box/form-group 계열 보강) ===== */
.form-container {
    padding: 4px !important;
}

.card-box {
    padding: 4px 8px !important;
    margin-bottom: 4px !important;
}

.card-box .card-title,
.card-box h5.card-title {
    margin: 0 0 4px !important;
    font-size: 15px !important;
}

.grid-2col,
.grid-3col,
.grid-3col-234,
.grid-4col {
    gap: 1px 14px !important;
}

/* 등록 폼 각주 — "마지막 변경 일시 · 사람" 한 줄 (Master 다이얼로그의 lastline 과 같은 모양) */
.form-lastline {
    font-size: 11px;
    color: #9ca3af;
    text-align: right;
    margin: 2px 4px 6px;
}

/* ===== 5) 버튼류 — 툴바 버튼 높이 축소 ===== */
.rz-button.rz-button-md {
    padding-block: 0.25rem;
    padding-inline: 0.6rem;
}