/* 7901 작업현황 — 공통 토큰·스크롤바 (시각만) */
:root {
  --bg: #0a0e14;
  --panel: rgba(16, 22, 34, 0.78);
  --panel-solid: #121822;
  --panel2: rgba(24, 32, 46, 0.72);
  --border: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(56, 139, 253, 0.28);
  --text: #e6edf5;
  --muted: #8b95a8;
  --ok: #3fb950;
  --bad: #f85149;
  --warn: #d29922;
  --accent: #3b82f6;
  --accent-soft: rgba(59, 130, 246, 0.16);
  --accent-hi: #60a5fa;
  --radius: 16px;
  --radius-sm: 12px;
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.32);
  --grad-bar: linear-gradient(90deg, #2563eb, #3b82f6 55%, #60a5fa);
  --font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", system-ui, sans-serif;
  --font-num: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;
  --space: 16px;
  --ease-fill: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
  scrollbar-width: thin;
  scrollbar-color: rgba(120, 140, 168, 0.55) transparent;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(120, 140, 168, 0.45);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(140, 160, 190, 0.65);
  background-clip: padding-box;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.num,
.tabular {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
}

/* display:grid/flex 클래스가 UA [hidden]{display:none} 을 덮어쓰는 것 방지 */
[hidden] {
  display: none !important;
}