/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* §6.2 디자인 토큰 — 다크 배경, 미래에셋 CI 액센트, tabular-nums, 그림자 금지
   브랜드: Mirae Asset Orange #FF6600(Pantone 158C, 메인) / Mirae Asset Blue #043B72(295C, 보조).
   상승/하락(--up/--down)은 브랜드가 아니라 차트 시맨틱 — 초록/빨강 유지. */
:root {
  --bg: #0b0e11;
  --panel: #12161c;
  --panel2: #171c24;
  --accent: #ff6600;          /* Mirae Asset Orange — 메인 액센트 */
  --accent-dim: #b34a00;      /* 오렌지 어두운 톤 (hover·보더) */
  --brand-blue: #043b72;      /* Mirae Asset Blue — 보조 (면 배경용 원색) */
  --brand-blue-soft: #3d7ab8; /* 다크 배경에서 읽히는 블루 톤 (얇은 바·보조 강조) */
  --text: #e6edf3;
  --muted: #8b98a5;
  --border: #1e252e;
  --danger: #ff5c5c;
  --warn: #ffb020;
  --up: #00e5a8;
  --down: #ff5c5c;
}
* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--bg); color: var(--text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  overflow-x: hidden;  /* 모바일 가로 스크롤(넘침) 방지 안전 가드 */
}
a { color: var(--accent); text-decoration: none; }
button {
  font-family: inherit; cursor: pointer; border: 1px solid var(--border);
  background: var(--panel2); color: var(--text); border-radius: 8px;
  padding: 7px 12px; font-size: 13px;
}
button:hover:not(:disabled) { border-color: var(--accent-dim); }
button:disabled { opacity: 0.4; cursor: not-allowed; }
button.primary { background: var(--accent); color: #04120d; border-color: var(--accent); font-weight: 600; }
input, select {
  font-family: inherit; background: var(--panel); color: var(--text);
  border: 1px solid var(--border); border-radius: 8px; padding: 7px 10px; font-size: 13px;
}
input:focus, select:focus { outline: none; border-color: var(--accent-dim); }
textarea {
  font-family: inherit; background: var(--panel); color: var(--text);
  border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; font-size: 13px;
  width: 100%; resize: vertical; line-height: 1.5;
}
textarea:focus { outline: none; border-color: var(--accent-dim); }
/* 다크 테마에서 안 보이던 날짜 입력 달력 아이콘 → 민트색으로 강조 */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(72%) sepia(83%) saturate(600%) hue-rotate(115deg) brightness(95%);
  cursor: pointer; opacity: 1;
}
input[type="date"] { color-scheme: dark; }
.mono { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.muted { color: var(--muted); }
.card { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; border: 1px solid var(--border); }
.badge.ok { color: var(--accent); border-color: var(--accent-dim); }
.badge.warn { color: var(--warn); border-color: var(--warn); }
.badge.bad { color: var(--danger); border-color: var(--danger); }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--border); font-size: 13px; }
th { color: var(--muted); font-weight: 500; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 8px; }

/* range slider (기간·비중) */
input[type="range"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 4px; background: var(--border); border-radius: 4px; padding: 0; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: var(--accent); cursor: pointer; }