/* ============================================================
   01. Base — 디자인 토큰 · 리셋 · 공통 유틸리티
   대웅그룹 민원 통합관리 시스템 (Daewoong VOC / FM Service Desk)
   ============================================================ */

/* ============================================================
   Design Tokens  —  「유지보수 통합 관리 플랫폼」 매뉴얼 UI 계승
   딥네이비 사이드바 + 화이트 헤더 + 라이트그레이 캔버스 + 카드 UI
   ============================================================ */
:root{
  --nav-900:#141E45;   /* 사이드바 최상단/로고 영역 */
  --nav-800:#1B2A5E;   /* 사이드바 본문 */
  --nav-700:#22357A;   /* 사이드바 hover */
  --nav-600:#2B4396;   /* 사이드바 active */
  --pri-700:#1E3A8A;   /* Primary Deep */
  --pri-600:#23479E;   /* Primary */
  --pri-500:#2F5BC4;
  --pri-100:#E8EDFA;
  --pri-050:#F2F5FD;

  --ink-900:#111827;
  --ink-700:#374151;
  --ink-500:#6B7280;
  --ink-400:#9CA3AF;
  --ink-300:#D1D5DB;
  --line:#E5E7EB;
  --line-soft:#EEF0F3;
  --bg:#F4F5F7;
  --bg-head:#F7F8FA;
  --white:#fff;

  --st-new:#2563EB;    --st-new-bg:#E8F0FE;
  --st-asg:#7C3AED;    --st-asg-bg:#F1EAFE;
  --st-run:#EA8C00;    --st-run-bg:#FFF3E0;
  --st-hold:#64748B;   --st-hold-bg:#EEF1F5;
  --st-wait:#0891B2;   --st-wait-bg:#E2F6FA;
  --st-done:#15803D;   --st-done-bg:#E6F5EC;
  --st-late:#DC2626;   --st-late-bg:#FDEAEA;

  --r-sm:4px; --r:6px; --r-lg:10px;
  --sh-card:0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
  --sh-pop:0 12px 32px rgba(16,24,40,.18);
  --sb-w:196px;
  --hd-h:52px;
  --font:-apple-system,'Pretendard','Apple SD Gothic Neo','Malgun Gothic','Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--font);
  background:var(--bg); color:var(--ink-900); font-size:13px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font-family:inherit;font-size:12.5px;color:var(--ink-900)}
table{border-collapse:collapse;width:100%}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#C7CBD4;border-radius:6px}
::-webkit-scrollbar-track{background:transparent}


/* --- 보조 --- */
.hr{height:1px;background:var(--line-soft);margin:13px 0}
.mut{color:var(--ink-400)}
.sm{font-size:11px}
.b{font-weight:700}
.mono{font-family:'Consolas','Menlo',monospace}
.rt{text-align:right}.ct{text-align:center}
.mb0{margin-bottom:0}.mt10{margin-top:10px}
.flexb{display:flex;align-items:center;gap:6px}
.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#111827;color:#fff;padding:11px 18px;border-radius:8px;font-size:12.5px;z-index:500;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--sh-pop)}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:1400px){.kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.grid2,.grid3,.grid-2-1{grid-template-columns:1fr}}