/**
 * ATLAS — public/index.html 전용 (body.erp-atlas).
 * 동일 id · JS 호환. 레거시 셸은 _archive/erp-legacy 에 보관.
 */

/* ─── 디자인 토큰: 기본 축(폰트·라디우스). 테마별 잉크/페이퍼는 white·warm 블록 ─── */
body.erp-atlas {
  --atlas-dock-h: 58px;
  --atlas-font-sans: "Plus Jakarta Sans", "Noto Sans KR", system-ui, sans-serif;
  --atlas-font-display: "Fraunces", "Noto Sans KR", Georgia, serif;
  --radius: 22px !important;
  --radius-lg: 36px !important;
}

/* 쿨톤 (= data-theme white): 스카이·아이스 — 메인요약 화이트 계열 */
body.erp-atlas[data-theme="white"],
body.erp-atlas:not([data-theme]) {
  --atlas-ink: #10243a;
  --atlas-ink-soft: #2a4a62;
  --atlas-mute: #5f6f80;
  --atlas-paper: #f8fbff;
  --atlas-cream: #e2eef9;
  --atlas-blush: rgba(56, 189, 248, 0.16);
  --atlas-sage: rgba(14, 165, 233, 0.14);
  --atlas-terra: #2563eb;
  --atlas-terra-deep: #1d4ed8;
  --atlas-sky: #0ea5e9;
  --atlas-glow: rgba(37, 99, 235, 0.12);
  --bg: #d5e8f7 !important;
  --bg-2: #bfddf5 !important;
  --panel: rgba(255, 255, 255, 0.94) !important;
  --panel-strong: #f8fbff !important;
  --text: var(--atlas-ink) !important;
  --title: var(--atlas-ink) !important;
  --muted: var(--atlas-mute) !important;
  --primary: #2563eb !important;
  --primary-2: #3b82f6 !important;
  --primary-3: #dbeafe !important;
  --accent: #0ea5e9 !important;
  --accent-strong: #0284c7 !important;
  --line: rgba(15, 40, 70, 0.1) !important;
  --line-2: rgba(15, 40, 70, 0.06) !important;
  --shadow: 0 24px 64px rgba(15, 40, 70, 0.09) !important;
  --shadow-soft: 0 10px 32px rgba(15, 40, 70, 0.06) !important;
  --shadow-card: 0 16px 48px rgba(15, 40, 70, 0.07) !important;
  --hero-header-surface: linear-gradient(118deg, #0c1929 0%, #132a45 48%, #1e4a7a 100%) !important;
  --table-head-bg: #dbeafe !important;
  --chart-goal-plan: #dc2626 !important;
  --chart-goal-actual: #4338ca !important;
  --chart-goal-gap-neg: #0f766e !important;
}

/* 화이트 (= data-theme warm): 크림·테라 — 이전 Atlas 기본 화이트 */
body.erp-atlas[data-theme="warm"] {
  --atlas-ink: #14121a;
  --atlas-ink-soft: #3d3848;
  --atlas-mute: #6b6574;
  --atlas-paper: #fffefb;
  --atlas-cream: #f7f3ec;
  --atlas-blush: #fdeef0;
  --atlas-sage: #c8d4c4;
  --atlas-terra: #c45c3e;
  --atlas-terra-deep: #9a3f28;
  --atlas-sky: #7b9acc;
  --atlas-glow: rgba(196, 92, 62, 0.14);
  --bg: #ece6de !important;
  --bg-2: #e2dbd2 !important;
  --panel: rgba(255, 254, 251, 0.94) !important;
  --panel-strong: #fffefb !important;
  --text: var(--atlas-ink) !important;
  --title: var(--atlas-ink) !important;
  --muted: var(--atlas-mute) !important;
  --primary: var(--atlas-terra) !important;
  --primary-2: #d47256 !important;
  --primary-3: #fde8e2 !important;
  --accent: var(--atlas-sky) !important;
  --accent-strong: #5a7ab0 !important;
  --line: rgba(20, 18, 26, 0.09) !important;
  --line-2: rgba(20, 18, 26, 0.06) !important;
  --shadow: 0 24px 64px rgba(20, 18, 26, 0.08) !important;
  --shadow-soft: 0 10px 32px rgba(20, 18, 26, 0.06) !important;
  --shadow-card: 0 16px 48px rgba(20, 18, 26, 0.07) !important;
  --hero-header-surface: linear-gradient(120deg, rgba(255, 254, 251, 0.92) 0%, rgba(247, 243, 236, 0.88) 100%) !important;
  --table-head-bg: #f0ebe3 !important;
  --chart-goal-plan: #dc2626 !important;
  --chart-goal-actual: var(--atlas-sky) !important;
  --chart-goal-gap-neg: #0d9488 !important;
}

/* 다크: 화이트 블록과 동일한 토큰 축 — 잔여 #fff·크림 번짐 방지 */
body.erp-atlas[data-theme="dark"] {
  --atlas-paper: #1a1822 !important;
  --atlas-cream: #25232f !important;
  --atlas-blush: rgba(232, 160, 144, 0.09) !important;
  --atlas-sage: rgba(168, 188, 168, 0.12) !important;
  --atlas-ink: #f4f0ea !important;
  /* 보조·비활성 텍스트: 라이트용 --muted-2(#475569)가 남으면 거의 안 보이므로 밝게 통일 */
  --atlas-ink-soft: #ddd8e4 !important;
  --atlas-mute: #b8b2c2 !important;
  --atlas-terra: #e8a090 !important;
  --atlas-terra-deep: #c45c3e !important;
  --atlas-sky: #9eb6e0 !important;
  --atlas-glow: rgba(232, 160, 144, 0.12) !important;
  --atlas-inset-top: rgba(255, 250, 245, 0.06) !important;
  --atlas-border: rgba(255, 250, 245, 0.09) !important;
  --atlas-border-strong: rgba(255, 250, 245, 0.14) !important;
  --bg: #0c0a10 !important;
  --bg-2: #12101a !important;
  --panel: rgba(26, 24, 34, 0.94) !important;
  --panel-strong: #1f1d28 !important;
  --text: #ece8e2 !important;
  --title: #faf6f0 !important;
  --muted: #d2ccd8 !important;
  --muted-2: #c4becb !important;
  --primary: var(--atlas-terra) !important;
  --primary-2: #f0b8a8 !important;
  --primary-3: rgba(232, 160, 144, 0.16) !important;
  --accent: var(--atlas-sky) !important;
  --accent-strong: #b8cce8 !important;
  --line: var(--atlas-border) !important;
  --line-2: rgba(255, 250, 245, 0.06) !important;
  --shadow: 0 24px 56px rgba(0, 0, 0, 0.55) !important;
  --shadow-soft: 0 12px 36px rgba(0, 0, 0, 0.4) !important;
  --shadow-card: 0 18px 48px rgba(0, 0, 0, 0.45) !important;
  --hero-header-surface: linear-gradient(118deg, #16141d 0%, #1f1d28 48%, #25232f 100%) !important;
  --table-head-bg: rgba(36, 34, 44, 0.92) !important;
  --chart-goal-plan: #f87171 !important;
  --chart-goal-actual: #a5b4fc !important;
  --chart-goal-gap-neg: #2dd4bf !important;
}

body.erp-atlas {
  font-family: var(--atlas-font-sans) !important;
  color: var(--text) !important;
}

body.erp-atlas[data-theme="white"],
body.erp-atlas:not([data-theme]) {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(56, 189, 248, 0.2) 0%, transparent 55%),
    radial-gradient(90% 55% at 0% 100%, rgba(37, 99, 235, 0.14) 0%, transparent 52%),
    linear-gradient(180deg, #f0f9ff 0%, #dbeafe 55%, #cfe8fb 100%) !important;
}

body.erp-atlas[data-theme="warm"] {
  background:
    radial-gradient(120% 80% at 100% 0%, var(--atlas-blush) 0%, transparent 55%),
    radial-gradient(90% 60% at 0% 100%, rgba(123, 154, 204, 0.18) 0%, transparent 50%),
    linear-gradient(180deg, #ece6de 0%, #e5dfd4 100%) !important;
}

body.erp-atlas[data-theme="dark"] {
  background:
    radial-gradient(100% 70% at 80% 10%, rgba(232, 160, 144, 0.12) 0%, transparent 45%),
    #0e0c12 !important;
}

body.erp-atlas::before {
  display: none !important;
}

/* 전역 배경: HCT_EN.png — 베이스와 동일(20vh·중앙에서 100px 위), 파일명 대소문자는 Pages(Linux)와 일치 */
body.erp-atlas .app-brand-watermark {
  background: url("/assets/HCT_EN.png") no-repeat center calc(50% - 100px) !important;
  background-size: auto min(20vh, 250px) !important;
  opacity: 0.12 !important;
  mix-blend-mode: multiply !important;
  filter: sepia(0.08) saturate(0.92) !important;
}

body.erp-atlas[data-theme="dark"] .app-brand-watermark {
  /* 라이트(0.12·multiply)와 체감 균형 — 과도한 soft-light+저불투명은 다크에서 소실 */
  opacity: 0.22 !important;
  mix-blend-mode: screen !important;
  filter: brightness(1.2) saturate(0.88) !important;
}

/*
  초기 로딩: 화면보호기/digital2.png (로컬 스테이징 실험은 preview-staging-index-overrides.css).
*/
body.erp-atlas.app-loading-idle #idleMediaArtOverlay.loading-open:not(.idle-open) .idle-media-container {
  background-image: linear-gradient(rgba(2, 6, 23, 0.45), rgba(2, 6, 23, 0.45)),
    url("../../assets/화면보호기/digital2.png") !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
}
body.erp-atlas.app-loading-idle #idleMediaArtOverlay.loading-open:not(.idle-open) .idle-overlay-gradient {
  opacity: 0 !important;
  background: transparent !important;
}
body.erp-atlas.app-loading-idle #idleMediaArtOverlay.loading-open:not(.idle-open) .idle-overlay-noise {
  opacity: 0 !important;
}
body.erp-atlas.app-loading-idle #idleMediaArtOverlay.loading-open:not(.idle-open) .idle-bg-layer {
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}
body.erp-atlas.app-loading-idle #idleMediaArtOverlay.loading-open:not(.idle-open) .idle-bg-layer.active {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 상단 크롬 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .top-chrome.atlas-top-chrome {
  grid-template-rows: auto auto !important;
}

/* 상단 띠: 메인요약 .main-summary-local-header 와 동일 (--hero-header-surface) */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .page-header.atlas-page-header {
  background: var(--hero-header-surface) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07), 0 2px 14px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  height: var(--app-header-bar-height) !important;
  min-height: var(--app-header-bar-height) !important;
}

body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .page-header.atlas-page-header {
  border-bottom: 1px solid rgba(20, 18, 26, 0.08) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 12px rgba(15, 23, 42, 0.08) !important;
}

/* 다크: erp-app-base 메인요약 띠와 동일 인디고 슬레이트 */
html body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .page-header.atlas-page-header {
  background: linear-gradient(180deg, #020617 0%, #0f172a 100%) !important;
  border-bottom: 1px solid rgba(129, 140, 248, 0.15) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;
}

/* index.html 상단과 동일: 좌·우 PNG + 가운데 타이틀 + 유틸 4열 그리드 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-page-header-inner {
  position: relative !important;
  display: grid !important;
  /* 3열: 유틸 absolute 시에도 타이틀·우측 로고 간격 유지 */
  grid-template-columns: auto 1fr minmax(160px, auto) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: var(--app-header-bar-height) !important;
  min-height: var(--app-header-bar-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .page-header-logo.left {
  grid-column: 1 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .page-header-logo.right {
  grid-column: 4 !important;
  margin-left: 8px !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead.page-header-copy {
  grid-column: 2 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-header-util.header-utility-box {
  grid-column: 3 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .page-header-logo {
  height: var(--app-header-logo-height) !important;
  max-height: var(--app-header-logo-height) !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 0.98 !important;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.16)) !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* 쿨톤 띠는 어두운 그라데이션 → 타이틀 흰색 (메인요약과 동일) */
body.erp-atlas[data-theme="white"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead h1,
body.erp-atlas:not([data-theme]):not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead h1 {
  font-family: var(--atlas-font-display) !important;
  font-weight: 600 !important;
  font-size: clamp(17px, 1.65vw, 22px) !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead h1 {
  font-family: var(--atlas-font-display) !important;
  font-weight: 600 !important;
  font-size: clamp(17px, 1.65vw, 22px) !important;
  letter-spacing: -0.02em !important;
  color: var(--atlas-ink) !important;
  text-shadow: none !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead h1 {
  font-family: var(--atlas-font-display) !important;
  font-weight: 600 !important;
  font-size: clamp(17px, 1.65vw, 22px) !important;
  letter-spacing: -0.02em !important;
  color: #faf6f0 !important;
  text-shadow: none !important;
}

body.erp-atlas[data-theme="white"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead .page-header-eyebrow,
body.erp-atlas:not([data-theme]):not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead .page-header-eyebrow {
  font-family: var(--atlas-font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.78) !important;
  margin-top: 4px !important;
}

body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead .page-header-eyebrow {
  font-family: var(--atlas-font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--atlas-terra) !important;
  margin-top: 4px !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-masthead .page-header-eyebrow {
  font-family: var(--atlas-font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--atlas-terra) !important;
  margin-top: 4px !important;
}

/* 웜(밝은 띠): 글로벌 글래스 대신 크림·잉크 버튼 — 쿨/다크는 erp-app-base 와 동일 */
body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .header-left-nav-btn,
body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .mode-btn {
  font-family: var(--atlas-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(20, 18, 26, 0.1) !important;
  background: var(--atlas-cream) !important;
  color: var(--atlas-ink-soft) !important;
  box-shadow: none !important;
  padding: 0 14px !important;
  height: 30px !important;
  min-height: 30px !important;
  box-sizing: border-box !important;
}

body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .mode-btn.active,
body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .header-left-nav-btn:hover {
  background: linear-gradient(135deg, var(--atlas-terra) 0%, var(--atlas-terra-deep) 100%) !important;
  color: #fffefb !important;
  border-color: transparent !important;
}

body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-util label,
body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .atlas-header-util select,
body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .tooltip-toggle-btn {
  font-family: var(--atlas-font-sans) !important;
  font-size: 11px !important;
  border-radius: 10px !important;
}

body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .tooltip-toggle-btn {
  border: 1px solid rgba(20, 18, 26, 0.1) !important;
  background: var(--atlas-paper) !important;
  color: var(--atlas-ink-soft) !important;
  height: 30px !important;
  min-height: 30px !important;
}

body.erp-atlas[data-theme="warm"]:not(.cover-mode):not(.main-summary-mode) .theme-picker select {
  border-radius: 10px !important;
  border: 1px solid rgba(20, 18, 26, 0.12) !important;
  background: var(--atlas-paper) !important;
  color: var(--atlas-ink-soft) !important;
  height: 30px !important;
  min-height: 30px !important;
}

body.erp-atlas[data-theme="warm"] #view-main-summary .main-summary-left-nav-btn {
  border: 1px solid rgba(20, 18, 26, 0.1) !important;
  background: var(--atlas-cream) !important;
  color: var(--atlas-ink-soft) !important;
}
body.erp-atlas[data-theme="warm"] #view-main-summary .main-summary-left-nav-btn:hover {
  background: linear-gradient(135deg, var(--atlas-terra) 0%, var(--atlas-terra-deep) 100%) !important;
  color: #fffefb !important;
  border-color: transparent !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-chrome-toolbar {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  background: rgba(247, 243, 236, 0.55) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(20, 18, 26, 0.05) !important;
  box-shadow: none !important;
  padding: 0 12px 10px !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .atlas-chrome-toolbar {
  background: rgba(20, 18, 26, 0.5) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-toolbar-spacer {
  display: none !important;
}

/* 페이지 탭 + 데이터·기간 — 한 줄(좁으면 세로 스택) */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-bar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px 16px !important;
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  padding: 6px 4px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(20, 18, 26, 0.06) !important;
  background: color-mix(in srgb, var(--atlas-paper) 90%, transparent) !important;
  backdrop-filter: blur(14px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.25) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .atlas-unified-bar {
  border-bottom-color: var(--atlas-border) !important;
  background: color-mix(in srgb, var(--atlas-paper) 88%, transparent) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-meta {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px 12px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-meta .mini-note {
  max-width: 200px !important;
}

@media (min-width: 1100px) {
  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-meta .mini-note {
    max-width: none !important;
  }
}

/* 통합 툴바: 외곽 카드 한 장, 내비 행은 이중 글래스 제거 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .unified-toolbar__nav .atlas-unified-bar {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(20, 18, 26, 0.06) !important;
  padding: 6px clamp(8px, 1.2vw, 18px) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .unified-toolbar__nav .atlas-unified-bar {
  border-bottom-color: var(--atlas-border) !important;
}

/* 필터 스트립 — 통합 셸(탭+필터 단일 카드) */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip.filter-strip,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip {
  margin-top: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(20, 18, 26, 0.08) !important;
  background: rgba(255, 254, 251, 0.82) !important;
  backdrop-filter: blur(20px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.35) !important;
  box-shadow:
    0 20px 50px rgba(20, 18, 26, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip.filter-strip,
body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip {
  background: rgba(22, 20, 30, 0.92) !important;
  border-color: var(--atlas-border-strong) !important;
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.45),
    0 1px 0 var(--atlas-inset-top) inset !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip.filter-strip::after,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip::after {
  display: none !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .unified-toolbar__filters.filter-strip-row {
  padding: 10px clamp(8px, 1.2vw, 22px) 12px !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-row {
  min-height: 0 !important;
  gap: 10px !important;
  align-items: center !important;
}

/* index.html과 동일하게 조직+거래처 그룹 모두 노출: base의 #filterBox nowrap·overflow:hidden이 두 번째 그룹을 잘라냄 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .chrome-toolbar.atlas-chrome-toolbar {
  overflow-x: visible !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: clamp(8px, 1.2vw, 22px) !important;
  padding-right: clamp(8px, 1.2vw, 22px) !important;
  box-sizing: border-box !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStripBody {
  display: grid !important;
  grid-template-areas:
    "filters actions" !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: clamp(12px, 1.2vw, 22px) !important;
  row-gap: 0 !important;
}

/* 한 줄 유지: 줄바꿈 금지 + 가로 스크롤(잘리지 않음) */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterBox {
  grid-area: filters !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(8px, 0.9vw, 14px) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: stable !important;
  overscroll-behavior-x: contain !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterBox::-webkit-scrollbar {
  height: 6px !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterBox::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--atlas-mute) 38%, transparent) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterBox > .filter-group {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  max-width: none !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .filter-strip-actions {
  grid-area: actions !important;
  align-self: center !important;
  flex-shrink: 0 !important;
}

@media (max-width: 720px) {
  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStripBody {
    grid-template-areas:
      "filters"
      "actions" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .filter-strip-actions {
    justify-self: end !important;
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-toggle {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: none !important;
  background: transparent !important;
  color: var(--atlas-mute) !important;
  box-shadow: none !important;
  font-family: var(--atlas-font-sans) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip:not([data-collapsed="true"]) .filter-strip-toggle {
  background: linear-gradient(135deg, rgba(196, 92, 62, 0.14) 0%, rgba(123, 154, 204, 0.12) 100%) !important;
  color: var(--atlas-ink) !important;
  box-shadow: 0 0 0 1px rgba(196, 92, 62, 0.35) inset !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip:not([data-collapsed="true"]) .filter-strip-toggle {
  color: #faf6f0 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-toggle:hover {
  color: var(--atlas-ink) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-toggle:hover {
  color: #faf6f0 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline {
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline .filter-group {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 6px 4px 12px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(20, 18, 26, 0.04) !important;
  border: 1px solid rgba(20, 18, 26, 0.06) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline .filter-group {
  background: rgba(0, 0, 0, 0.28) !important;
  border-color: var(--atlas-border) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline .filter-group-label,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline .filter-group label {
  font-family: var(--atlas-font-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--atlas-mute) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline .filter-group select {
  min-width: 72px !important;
  max-width: 200px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: none !important;
  background: rgba(255, 254, 251, 0.95) !important;
  box-shadow: 0 0 0 1px rgba(20, 18, 26, 0.08) inset !important;
  font-family: var(--atlas-font-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--atlas-ink-soft) !important;
  line-height: 1.2 !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-groups-inline .filter-group select {
  background: rgba(30, 28, 38, 0.96) !important;
  color: var(--atlas-ink-soft) !important;
  box-shadow: 0 1px 0 var(--atlas-inset-top) inset !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-group select.is-filtered {
  background: linear-gradient(135deg, rgba(196, 92, 62, 0.14) 0%, rgba(123, 154, 204, 0.12) 100%) !important;
  box-shadow: 0 0 0 1px rgba(196, 92, 62, 0.35) inset !important;
  color: var(--atlas-ink) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-group select.is-filtered {
  color: #faf6f0 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-actions {
  gap: 8px !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-actions .btn {
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-family: var(--atlas-font-sans) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .content-zoom-control {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 6px 4px 12px !important;
  border-radius: 999px !important;
  background: rgba(20, 18, 26, 0.04) !important;
  border: 1px solid rgba(20, 18, 26, 0.06) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip .content-zoom-control {
  background: rgba(0, 0, 0, 0.28) !important;
  border-color: var(--atlas-border) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .content-zoom-label {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--atlas-mute) !important;
  letter-spacing: -0.02em !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .content-zoom-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: none !important;
  background: rgba(255, 254, 251, 0.95) !important;
  box-shadow: 0 0 0 1px rgba(20, 18, 26, 0.08) inset !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--atlas-ink-soft) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .content-zoom-value {
  font-family: var(--atlas-font-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  min-width: 2.75rem !important;
  text-align: center !important;
  color: var(--atlas-ink-soft) !important;
  letter-spacing: -0.02em !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip .content-zoom-btn {
  background: rgba(30, 28, 38, 0.96) !important;
  color: var(--atlas-ink-soft) !important;
  box-shadow: 0 1px 0 var(--atlas-inset-top) inset !important;
}

/* 툴바 기간 필터 — 동일 캡슐 셀렉트 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-chrome-toolbar .compact-top-filters {
  gap: 8px !important;
  padding: 2px 0 !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-chrome-toolbar .compact-top-filters label {
  font-family: var(--atlas-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--atlas-mute) !important;
  gap: 8px !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-chrome-toolbar .compact-top-filters select {
  min-width: 72px !important;
  max-width: 120px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(20, 18, 26, 0.08) !important;
  background: rgba(255, 254, 251, 0.82) !important;
  backdrop-filter: blur(12px) !important;
  font-family: var(--atlas-font-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--atlas-ink-soft) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .atlas-chrome-toolbar .compact-top-filters select {
  background: rgba(30, 28, 38, 0.95) !important;
  border-color: var(--atlas-border-strong) !important;
  color: var(--atlas-ink-soft) !important;
  box-shadow: 0 1px 0 var(--atlas-inset-top) inset !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .mini-note,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .content-zoom-label {
  font-family: var(--atlas-font-sans) !important;
  font-size: 11px !important;
  color: var(--atlas-mute) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) main .view:not(#view-summary) .btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) main .view:not(#view-summary) .btn-mini {
  border-radius: 999px !important;
  font-family: var(--atlas-font-sans) !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(196, 92, 62, 0.22) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) main .view:not(#view-summary) .btn.secondary {
  background: var(--atlas-cream) !important;
  color: var(--atlas-ink-soft) !important;
  box-shadow: none !important;
  border: 1px solid rgba(20, 18, 26, 0.08) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) main .view:not(#view-summary) .btn.primary {
  background: linear-gradient(135deg, var(--atlas-terra) 0%, var(--atlas-terra-deep) 100%) !important;
  color: #fffefb !important;
}

/* 본문 — 하단 플로팅 탭 제거, 상단 통합으로 여백 불필요 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-shell {
  padding-bottom: 16px !important;
  background: transparent !important;
}

/* 상단 크롬(탭+필터)과 본문 그리드 사이: base main margin-top·패딩 완화 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 요약(#view-summary): 내부 패널은 index 그리드·타이포·숨김 유지. 바깥 .section 래퍼만 예외로 두었던 것을 조직 등과 동일 카드 셸로 맞춤 */
body.erp-atlas:not(.main-summary-mode) main .view:not(#view-summary):not(#view-cover) .panel,
body.erp-atlas:not(.main-summary-mode) main .view:not(#view-summary):not(#view-cover) .chart-box,
body.erp-atlas:not(.main-summary-mode) main .view:not(#view-summary):not(#view-cover) .section,
body.erp-atlas:not(.main-summary-mode) main .view:not(#view-summary) .card,
body.erp-atlas:not(.main-summary-mode) main .view:not(#view-summary) .insight,
body.erp-atlas:not(.main-summary-mode) main .view:not(#view-summary) .glass-panel {
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-card) !important;
  border: 1px solid rgba(20, 18, 26, 0.06) !important;
  background: var(--atlas-paper) !important;
}

body.erp-atlas:not(.main-summary-mode) #view-summary > .section {
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-card) !important;
  border: 1px solid rgba(20, 18, 26, 0.06) !important;
  background: var(--atlas-paper) !important;
  box-sizing: border-box !important;
}

body.erp-atlas:not(.main-summary-mode) .section-title,
body.erp-atlas:not(.main-summary-mode) .panel-head h3 {
  font-family: var(--atlas-font-display) !important;
}

/* 하단 내비: 떠 있는 캡슐 (노바 풀폭 바와 대비) */
body.erp-atlas.cover-mode .atlas-dock,
body.erp-atlas.main-summary-mode .atlas-dock {
  display: none !important;
}

/* 상단 페이지 탭 (이전 하단 플로팅 도크 → chrome-toolbar 첫 행) */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock.tabbar.atlas-dock--top {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: auto !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  min-height: var(--atlas-dock-h) !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  background: rgba(255, 254, 251, 0.55) !important;
  backdrop-filter: blur(12px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.2) !important;
  border: 1px solid rgba(20, 18, 26, 0.07) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  box-sizing: border-box !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .atlas-dock.tabbar.atlas-dock--top {
  background: rgba(22, 20, 30, 0.75) !important;
  border-color: var(--atlas-border) !important;
  box-shadow: inset 0 1px 0 var(--atlas-inset-top) !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock--top::-webkit-scrollbar {
  height: 5px;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock--top::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-mute) 35%, transparent);
}

body.erp-atlas .atlas-dock .atlas-dock-item.tab {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  min-height: 50px !important;
  border-radius: 999px !important;
  border: none !important;
  background: transparent !important;
  color: var(--atlas-mute) !important;
  font-family: var(--atlas-font-sans) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

body.erp-atlas .atlas-dock .atlas-dock-glyph {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
  font-size: 23px !important;
  line-height: 1 !important;
  opacity: 0.88;
  filter: none !important;
  flex-shrink: 0 !important;
}

body.erp-atlas .atlas-dock .atlas-dock-cap {
  display: inline !important;
  white-space: nowrap !important;
  font-size: 15px !important; /* 탭 버튼 16px 대비 라벨만 1px 축소 */
}

/* 넓은 뷰: 탭이 남는 가로를 균등 분배 · 우측 메타는 폭 상한으로 탭 영역 확보 */
@media (min-width: 1180px) {
  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock.tabbar.atlas-dock--top {
    overflow-x: visible !important;
  }
  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-dock .atlas-dock-item.tab {
    flex: 0 1 auto !important;
    min-width: max-content !important;
  }
  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-meta {
    flex: 0 0 auto !important;
    max-width: min(380px, 30vw) !important;
  }
}

/* 선택 탭: 비활성(투명·mute)과 대비되도록 채움 + 흰 텍스트 */
body.erp-atlas .atlas-dock .tab.active,
body.erp-atlas .atlas-dock .atlas-dock-item.tab.active {
  background: linear-gradient(
    145deg,
    var(--primary) 0%,
    color-mix(in srgb, var(--primary) 78%, #0f172a 22%) 100%
  ) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow:
    0 2px 14px color-mix(in srgb, var(--primary) 42%, transparent),
    0 0 0 1px color-mix(in srgb, #fff 22%, transparent) inset !important;
}

body.erp-atlas .atlas-dock .tab.active .atlas-dock-glyph,
body.erp-atlas .atlas-dock .atlas-dock-item.tab.active .atlas-dock-glyph {
  opacity: 1 !important;
  filter: none !important;
}

body.erp-atlas[data-theme="dark"] .atlas-dock .tab.active,
body.erp-atlas[data-theme="dark"] .atlas-dock .atlas-dock-item.tab.active {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--atlas-terra-deep) 88%, #1a1020 12%) 0%,
    color-mix(in srgb, var(--primary) 55%, #0c0a10 45%) 100%
  ) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow:
    0 2px 18px color-mix(in srgb, var(--atlas-terra-deep) 55%, transparent),
    0 0 0 1px color-mix(in srgb, #fff 14%, transparent) inset !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .header-left-nav-btn,
body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .mode-btn {
  border-color: var(--atlas-border) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .tooltip-toggle-btn,
body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) .theme-picker select {
  border-color: var(--atlas-border-strong) !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) main .view:not(#view-summary) .btn.secondary {
  border-color: var(--atlas-border) !important;
}

/* 요약 뷰 — 다크에서 패널·바깥 섹션 셸 톤 통일 */
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary > .section,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .panel,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .chart-box,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .summary-goal-panel,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .summary-snapshot-panel,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .summary-bottom-card,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .insight,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .glass-panel {
  background: var(--atlas-paper) !important;
  border-color: var(--atlas-border) !important;
  color: var(--atlas-ink-soft) !important;
}

body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .section-title h2,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .panel-head h3 {
  color: var(--title) !important;
}

body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .section-title p,
body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .panel-head .meta {
  color: var(--atlas-mute) !important;
}

body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .section-kicker {
  color: var(--atlas-terra) !important;
}

body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .ranking-table thead {
  background: var(--table-head-bg) !important;
}

body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .ranking-table th {
  color: var(--atlas-ink-soft) !important;
  border-color: var(--atlas-border) !important;
}

body.erp-atlas[data-theme="dark"]:not(.main-summary-mode) #view-summary .ranking-table td {
  color: var(--atlas-ink-soft) !important;
  border-color: var(--atlas-border) !important;
}

/* 모달 · 로딩 */
body.erp-atlas .modal-card,
body.erp-atlas .builder-modal-dialog {
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(20, 18, 26, 0.08) !important;
  box-shadow: var(--shadow) !important;
  font-family: var(--atlas-font-sans), "Noto Sans KR", sans-serif !important;
}

body.erp-atlas[data-theme="dark"] .modal-card,
body.erp-atlas[data-theme="dark"] .builder-modal-dialog {
  background: var(--atlas-paper) !important;
  border-color: var(--atlas-border-strong) !important;
  color: var(--atlas-ink-soft) !important;
}

body.erp-atlas[data-theme="dark"] .modal-head h3,
body.erp-atlas[data-theme="dark"] .modal-card h4 {
  color: var(--title) !important;
}

body.erp-atlas .modal-head h3 {
  font-family: var(--atlas-font-display) !important;
}

body.erp-atlas .loading-card {
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(20, 18, 26, 0.08) !important;
  box-shadow: var(--shadow-card) !important;
  background: var(--atlas-paper) !important;
}

body.erp-atlas[data-theme="dark"] .loading-card {
  border-color: var(--atlas-border-strong) !important;
  color: var(--atlas-ink-soft) !important;
}

body.erp-atlas[data-theme="dark"] .loading-card strong {
  color: var(--title) !important;
}

/* 표지: 쿨톤(white) / 클래식 화이트(warm) / 다크 */
body.erp-atlas.cover-mode[data-theme="white"] .cover-stage,
body.erp-atlas.cover-mode:not([data-theme]) .cover-stage {
  border: none !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse 90% 70% at 72% 18%, rgba(56, 189, 248, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 80% 50% at 8% 78%, rgba(37, 99, 235, 0.12) 0%, transparent 50%),
    linear-gradient(165deg, #f0f9ff 0%, #dbeafe 42%, #bfdbfe 100%) !important;
  box-shadow: none !important;
}

body.erp-atlas.cover-mode[data-theme="warm"] .cover-stage {
  border: none !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse 90% 70% at 70% 20%, rgba(253, 238, 240, 0.9) 0%, transparent 55%),
    radial-gradient(ellipse 80% 50% at 10% 80%, rgba(200, 212, 196, 0.35) 0%, transparent 50%),
    linear-gradient(165deg, #f7f3ec 0%, #ece6de 45%, #e8e2d8 100%) !important;
  box-shadow: none !important;
}

body.erp-atlas.cover-mode[data-theme="dark"] .cover-stage {
  background:
    radial-gradient(ellipse 90% 70% at 72% 18%, rgba(232, 160, 144, 0.16) 0%, transparent 52%),
    radial-gradient(ellipse 78% 48% at 8% 82%, rgba(123, 154, 204, 0.1) 0%, transparent 48%),
    linear-gradient(165deg, #14121c 0%, #0e0c14 48%, #0a0810 100%) !important;
}

body.erp-atlas.cover-mode[data-theme="dark"] .cover-hero-kicker {
  color: var(--atlas-terra) !important;
}

body.erp-atlas.cover-mode[data-theme="dark"] .cover-hero-headline {
  color: var(--title) !important;
}

body.erp-atlas.cover-mode[data-theme="dark"] .cover-hero-desc,
body.erp-atlas.cover-mode[data-theme="dark"] .cover-footer-bar {
  color: var(--atlas-mute) !important;
}

body.erp-atlas.cover-mode .cover-ma-grid {
  opacity: 0.04 !important;
  background-image:
    linear-gradient(rgba(20, 18, 26, 0.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 18, 26, 0.15) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
}

body.erp-atlas.cover-mode .cover-hero-kicker {
  font-family: var(--atlas-font-sans) !important;
  font-size: 16px !important;
  letter-spacing: 0.24em !important;
  color: var(--atlas-terra) !important;
}

body.erp-atlas.cover-mode .cover-hero-headline {
  font-family: var(--atlas-font-display) !important;
  font-weight: 600 !important;
  font-size: clamp(3.1rem, 7vw, 5.4rem) !important;
  line-height: 1.05 !important;
  color: var(--atlas-ink) !important;
  letter-spacing: -0.03em !important;
}

body.erp-atlas.cover-mode .cover-hero-desc {
  font-family: var(--atlas-font-sans) !important;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem) !important;
  color: var(--atlas-mute) !important;
  max-width: 38rem !important;
}

body.erp-atlas.cover-mode .cover-enter-btn {
  border-radius: 999px !important;
  font-family: var(--atlas-font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  padding: 20px 44px !important;
  min-height: 62px !important;
  font-size: 1.2rem !important;
  border: none !important;
  background: linear-gradient(135deg, var(--atlas-terra) 0%, var(--atlas-terra-deep) 100%) !important;
  color: #fffefb !important;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--atlas-terra) 35%, transparent) !important;
}

body.erp-atlas.cover-mode .cover-footer-bar {
  font-family: var(--atlas-font-sans) !important;
  font-size: 14px !important;
  letter-spacing: 0.05em !important;
  line-height: 1.5 !important;
  color: var(--atlas-mute) !important;
}

body.erp-atlas.cover-mode .cover-changelog-panel {
  padding: 20px 24px !important;
  border-radius: 18px !important;
}
body.erp-atlas.cover-mode .cover-changelog-head {
  font-size: 1.25rem !important;
  margin-bottom: 14px !important;
}
body.erp-atlas.cover-mode .cover-changelog-list {
  font-size: 1.08rem !important;
  gap: 11px !important;
}
body.erp-atlas.cover-mode .cover-footer-center {
  color: color-mix(in srgb, var(--atlas-mute) 92%, var(--atlas-terra) 8%) !important;
  font-weight: 700 !important;
}

/* 메인요약: 소프트 오브 & 타이포 */
body.erp-atlas.main-summary-mode .main-summary-orb {
  filter: blur(60px) saturate(1.1) !important;
  opacity: 0.45 !important;
}

body.erp-atlas.main-summary-mode .main-summary-title-heading {
  font-family: var(--atlas-font-display) !important;
}

body.erp-atlas.main-summary-mode .main-summary-title-sub {
  font-family: var(--atlas-font-sans) !important;
  color: var(--atlas-terra) !important;
}

/* 메인요약: 베이스 다크(인디고) 대신 Atlas 다크 팔레트로 통일 */
body.erp-atlas[data-theme="dark"] #view-main-summary {
  background:
    radial-gradient(circle at top right, rgba(232, 160, 144, 0.14), transparent 36%),
    radial-gradient(circle at top left, rgba(123, 154, 204, 0.12), transparent 30%),
    linear-gradient(180deg, #0a0810 0%, #12101a 100%) !important;
}

body.erp-atlas[data-theme="dark"] #view-main-summary .glass-panel {
  background: rgba(26, 24, 34, 0.94) !important;
  border-color: var(--atlas-border-strong) !important;
}

body.erp-atlas[data-theme="dark"] #view-main-summary .main-summary-title-heading,
body.erp-atlas[data-theme="dark"] #view-main-summary .main-summary-title-sub,
body.erp-atlas[data-theme="dark"] #view-main-summary .main-summary-header-tools label {
  color: var(--atlas-ink-soft) !important;
}

body.erp-atlas[data-theme="dark"] #view-main-summary .main-summary-title-heading {
  color: var(--title) !important;
}

body.erp-atlas[data-theme="dark"] #view-main-summary .main-summary-header-tools select {
  background: rgba(30, 28, 38, 0.96) !important;
  border-color: var(--atlas-border-strong) !important;
  color: var(--atlas-ink-soft) !important;
}

/* 요약 뷰: 상단 키커 톤 */
body.erp-atlas #view-summary .section-kicker {
  font-family: var(--atlas-font-sans) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--atlas-terra) !important;
}

body.erp-atlas #view-summary .section-title h2 {
  font-family: var(--atlas-font-display) !important;
}

/* 미매출 접수: index(#view-summary)와 동일 그리드·최소 높이 — 글래스 톤에서도 도넛·표가 잘리지 않도록 */
body.erp-atlas:not(.main-summary-mode) #view-summary .summary-bottom-card--receipt {
  min-height: 420px !important;
}

body.erp-atlas:not(.main-summary-mode) #view-summary .summary-bottom-card .receipt-board {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body.erp-atlas:not(.main-summary-mode) #view-summary #receiptStatusBoard.receipt-board--split {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
  max-height: min(520px, 62vh, 70vmin) !important;
}

body.erp-atlas:not(.main-summary-mode) #view-summary #receiptDonutChart .donut-wrap {
  min-height: 160px !important;
}

@media (max-width: 900px) {
  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-bar {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .atlas-unified-meta {
    justify-content: flex-start !important;
  }
}

@media (max-width: 720px) {
  body.erp-atlas .atlas-dock .atlas-dock-item.tab {
    padding: 8px 12px !important;
    font-size: 12px !important;
    min-height: 40px !important;
  }
  body.erp-atlas .atlas-dock .atlas-dock-cap {
    font-size: 11px !important; /* 좁은 화면 탭 12px 대비 라벨만 1px 축소 */
  }
  body.erp-atlas .atlas-dock .atlas-dock-glyph {
    font-size: 16px !important;
  }
}

/* 상단 크롬 단일 레이아웃: 필터 토글 강조(이전 V3 토글 스타일) */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-toggle {
  min-height: 40px !important;
  padding: 10px 18px !important;
  font-size: 15px !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--atlas-terra) 14%, transparent) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--atlas-terra) 38%, transparent) inset !important;
}

body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #filterStrip .filter-strip-toggle {
  background: rgba(232, 160, 144, 0.12) !important;
  box-shadow: 0 0 0 1px rgba(232, 160, 144, 0.28) inset !important;
}

body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #filterStrip[data-collapsed="true"] .unified-toolbar__filters {
  padding: 8px 10px !important;
}

/* 조직 1행「조직별 매출액」: 기간·시각화 토글은 erp-app-base 기간 세그먼트(goal 동일 톤)과 일치. 폰트만 Atlas 산세리프 유지 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-organization .org-panel-trend-head .org-compare-period-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-organization .org-panel-trend-head .org-trend-viz-switcher-host .viz-switcher-btn {
  font-family: var(--atlas-font-sans, inherit) !important;
}

/*
  요약 > 미매출 접수 현황 테이블 열 너비 조절:
  body.erp-atlas #view-summary { --receipt-col-customer: 140px; } 처럼
  erp-app-base.css 의 #view-summary 변수(--receipt-col-no … --receipt-col-product)를 이 파일에서 덮어쓰면 됩니다.
  컬럼 순서: No | 구분 | 접수번호 | 거래처 | 시험부서 | 접수일 | 완료예정일 | 처리상태 | 모델명 | 제품명
*/