body.erp-atlas #view-main-summary .main-summary-title-heading {
  font-family: "Sora", "Noto Sans KR", sans-serif !important;
  font-size: clamp(16px, min(1.7vw, 2.1vh, 2vmin), 22px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  margin: 0 !important;
}
body.erp-atlas.main-summary-mode #view-main-summary .main-summary-title-heading {
  font-family: "Sora", "Noto Sans KR", sans-serif !important;
  font-size: clamp(16px, min(1.7vw, 2.1vh, 2vmin), 22px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  margin: 0 !important;
}
body.erp-atlas #view-main-summary .main-summary-title-sub,
body.erp-atlas.main-summary-mode #view-main-summary .main-summary-title-sub {
  font-family: "Sora", "Noto Sans KR", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.82) !important;
  margin: 4px 0 0 !important;
}
/* 신규 헤더 액션: 우측 로고(INNO) 왼쪽 테마 버튼 */
body.erp-atlas .header-actions-right {
  position: absolute;
  right: clamp(108px, 9.2vw, 146px);
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  z-index: 4;
}
/* 전체화면 토글: HCT 로고 오른쪽 — 다른 header-theme-btn 과 동일 가독성(흰 라벨·겹침 방지) */
body.erp-atlas .atlas-page-header-inner .header-fullscreen-toggle,
body.erp-atlas .main-summary-header-inner .header-fullscreen-toggle {
  position: absolute;
  left: clamp(88px, 7.5vw, 136px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  -webkit-appearance: none;
  appearance: none;
  min-width: max-content;
  width: auto;
  max-width: none;
  white-space: nowrap;
  letter-spacing: normal;
  line-height: 1.2;
  padding: 0 12px;
  color: #f8fafc !important;
  background: rgba(15, 23, 42, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  font-family: "Sora", "Noto Sans KR", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
body.erp-atlas .atlas-page-header-inner .header-fullscreen-toggle:hover,
body.erp-atlas .main-summary-header-inner .header-fullscreen-toggle:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
}
/* 전체화면 중(aria-pressed=true, 라벨「창모드」): 공통 pressed 버튼 스타일이 어두운 글자를 입히지 않도록 유지 */
body.erp-atlas .atlas-page-header-inner .header-fullscreen-toggle[aria-pressed="true"],
body.erp-atlas .main-summary-header-inner .header-fullscreen-toggle[aria-pressed="true"] {
  color: #f8fafc !important;
  background: rgba(15, 23, 42, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
body.erp-atlas .header-theme-btn {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(15, 23, 42, 0.4);
  color: #f8fafc;
  font-family: "Sora", "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  box-shadow: none;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
body.erp-atlas .header-theme-btn:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.38);
  color: #ffffff;
}
body.erp-atlas a.header-theme-btn {
  text-decoration: none;
}
body.erp-atlas .header-tooltip-btn {
  padding: 0 12px;
  min-width: 122px;
  justify-content: center;
  font-family: "Sora", "Noto Sans KR", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
}
body.erp-atlas .header-tooltip-btn.tooltip-toggle-btn.is-on,
body.erp-atlas .header-tooltip-btn.tooltip-toggle-btn.is-off {
  background: rgba(15, 23, 42, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #f8fafc !important;
}
/* 툴팁 버튼은 상태(on/off)와 무관하게 배경 효과 고정 */
body.erp-atlas #headerTooltipToggleBtn,
body.erp-atlas #mainSummaryTooltipToggleBtn,
body.erp-atlas #headerTooltipToggleBtn.is-on,
body.erp-atlas #headerTooltipToggleBtn.is-off,
body.erp-atlas #mainSummaryTooltipToggleBtn.is-on,
body.erp-atlas #mainSummaryTooltipToggleBtn.is-off,
body.erp-atlas #headerTooltipToggleBtn:hover,
body.erp-atlas #mainSummaryTooltipToggleBtn:hover {
  background: rgba(15, 23, 42, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
  filter: none !important;
}
body.erp-atlas .atlas-page-header-inner .header-actions-right > .header-theme-btn,
body.erp-atlas .main-summary-header-inner .header-actions-right > .header-theme-btn {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}
/* 메인 헤더 유틸(테마/툴팁) = 요약 페이지 공통 헤더와 동일 규격 */
body.erp-atlas #view-main-summary .main-summary-header-tools label,
body.erp-atlas.main-summary-mode #view-main-summary .main-summary-header-tools label {
  font-family: "Sora", "Noto Sans KR", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  gap: 6px !important;
}
body.erp-atlas #view-main-summary .main-summary-header-tools,
body.erp-atlas.main-summary-mode #view-main-summary .main-summary-header-tools {
  position: absolute !important;
  right: clamp(200px, 16vw + 120px, 280px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  z-index: 3 !important;
}
body.erp-atlas #view-main-summary .main-summary-header-tools .theme-picker.compact,
body.erp-atlas.main-summary-mode #view-main-summary .main-summary-header-tools .theme-picker.compact {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-width: auto !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.erp-atlas .cover-changelog-panel {
  margin-top: 14px;
  padding: 18px 22px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
  background: color-mix(in srgb, var(--panel) 92%, #e8f1ff 8%);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  width: 100%;
  min-width: 0;
}
body.erp-atlas .cover-changelog-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
body.erp-atlas .cover-changelog-badge {
  flex-shrink: 0;
  font-family: "Plus Jakarta Sans", "Noto Sans KR", system-ui, sans-serif;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.24em;
  padding: 7px 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.42), rgba(59, 130, 246, 0.28));
  border: 1px solid rgba(186, 230, 253, 0.5);
  color: rgba(240, 249, 255, 0.96);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}
body.erp-atlas .cover-changelog-title {
  font-family: "Plus Jakarta Sans", "Noto Sans KR", system-ui, sans-serif;
  font-size: 1.38rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--title);
}
body.erp-atlas .cover-changelog-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.erp-atlas .cover-changelog-row {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: 14px 18px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel-strong) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
}
body.erp-atlas .cover-changelog-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0;
  padding: 0;
  border: 0;
  font-variant-numeric: tabular-nums;
  color: var(--muted);
}
body.erp-atlas .cover-changelog-date__md {
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--primary);
  line-height: 1.2;
}
body.erp-atlas .cover-changelog-date__y {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.88;
  color: var(--muted);
}
body.erp-atlas .cover-changelog-text {
  font-size: 1.04rem;
  line-height: 1.58;
  font-weight: 500;
  color: var(--text);
  letter-spacing: -0.01em;
}
/* HCT_EN 워터마크: 커버+메인(main-summary)은 기존 위치 유지, 나머지는 정중앙 */
body.erp-atlas.cover-mode .app-brand-watermark,
body.erp-atlas.main-summary-mode .app-brand-watermark {
  --wm-opacity: 0.3 !important;
  opacity: 0.3 !important;
  background-position: center calc(50% - 100px) !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .app-brand-watermark {
  --wm-opacity: 0.1 !important;
  opacity: 0.1 !important;
  background-position: center center !important;
}
/* 다크: 커버·일반 탭 공통 — 아래 규칙이 위 둘보다 뒤에 있어 항상 0.4 적용 */
body.erp-atlas[data-theme="dark"] .app-brand-watermark {
  --wm-opacity: 0.4 !important;
  opacity: 0.4 !important;
}
/* 맞춤·조직도·Q&A(WIP): 가운데 개발 중 문구만 — HCT 고정 워터마크는 Atlas opacity !important 무력화 */
body.erp-atlas:has(.view.view--wip-page.active) .app-brand-watermark {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Cover style hard-override: button / typography / glass panel */
body.erp-atlas.cover-mode #view-cover .cover-stage {
  background: url("../../assets/화면보호기/backgroud.png") center center / cover no-repeat !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-stage {
  background: url("../../assets/화면보호기/backgroud_dark.png") center center / cover no-repeat !important;
}
body.erp-atlas.cover-mode #view-cover .cover-stage::before {
  display: none !important;
}
body.erp-atlas.cover-mode #view-cover .cover-media-art,
body.erp-atlas.cover-mode #view-cover .cover-media-art::before,
body.erp-atlas.cover-mode #view-cover .cover-media-art::after,
body.erp-atlas.cover-mode #view-cover .cover-ma-gradient,
body.erp-atlas.cover-mode #view-cover .cover-ma-grid,
body.erp-atlas.cover-mode #view-cover .cover-ma-vignette {
  display: none !important;
}
body.erp-atlas.cover-mode #view-cover .cover-main {
  font-family: "Plus Jakarta Sans", "Noto Sans KR", system-ui, sans-serif !important;
}
body.erp-atlas.cover-mode #view-cover .cover-hero-kicker {
  margin-top: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.24em !important;
  color: rgba(214, 233, 255, 0.8) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-main h2.cover-hero-headline {
  font-family: "Plus Jakarta Sans", "Noto Sans KR", system-ui, sans-serif !important;
  font-size: clamp(56px, 6.2vw, 88px) !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.03em !important;
  color: #f7fbff !important;
  text-shadow: 0 10px 36px rgba(3, 13, 30, 0.46) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-slide-actions {
  transform: translateY(200px) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-enter-btn {
  min-width: 276px !important;
  min-height: 62px !important;
  padding: 16px 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(62, 118, 168, 0.65) !important;
  background:
    radial-gradient(120% 140% at 18% 10%, rgba(120, 170, 220, 0.22) 0%, rgba(120, 170, 220, 0) 42%),
    linear-gradient(180deg, #1a4d7a 0%, #0f3560 48%, #0a2748 100%) !important;
  color: #f8fcff !important;
  font-family: "Noto Sans KR", "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -0.012em !important;
  box-shadow:
    0 14px 32px rgba(6, 24, 48, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-enter-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 18px 36px rgba(4, 18, 40, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-enter-btn:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
body.erp-atlas.cover-mode #view-cover .cover-api-unavailable-banner {
  display: none;
  max-width: 520px;
  margin: 0 auto 18px;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid rgba(220, 80, 80, 0.55);
  background: linear-gradient(180deg, rgba(48, 12, 18, 0.92), rgba(24, 8, 12, 0.88));
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  text-align: left;
  color: #ffe8e8;
}
body.erp-atlas.cover-mode #view-cover .cover-api-unavailable-banner.is-visible {
  display: block;
}
body.erp-atlas.cover-mode #view-cover .cover-api-unavailable-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(220, 60, 60, 0.25);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body.erp-atlas.cover-mode #view-cover .cover-api-unavailable-title {
  display: block;
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 8px;
}
body.erp-atlas.cover-mode #view-cover .cover-api-unavailable-message,
body.erp-atlas.cover-mode #view-cover .cover-api-unavailable-hint {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.55;
  opacity: 0.95;
}
.erp-dashboard-data-blocker {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(6, 12, 24, 0.72);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.erp-dashboard-data-blocker.is-visible {
  display: flex;
}
.erp-dashboard-data-blocker__card {
  max-width: 480px;
  padding: 24px 26px;
  border-radius: 18px;
  border: 1px solid rgba(220, 80, 80, 0.45);
  background: linear-gradient(180deg, #1a2744 0%, #0f1a30 100%);
  color: #f3f7ff;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45);
}
.erp-dashboard-data-blocker__badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(220, 60, 60, 0.22);
  font-size: 12px;
  font-weight: 700;
}
.erp-dashboard-data-blocker__card h2 {
  margin: 0 0 10px;
  font-size: 22px;
}
.erp-dashboard-data-blocker__message,
.erp-dashboard-data-blocker__hint {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.55;
  opacity: 0.92;
}
.erp-dashboard-data-blocker__btn {
  margin-top: 8px;
  width: 100%;
}
/* 커버 운영 공지: 배경 위 가독성 우선 — 반투명 글래스 + 진한 잉크 톤 타이포 */
body.erp-atlas.cover-mode #view-cover .cover-changelog-panel {
  margin-top: 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(30, 58, 95, 0.22) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(236, 246, 255, 0.86)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  box-shadow:
    0 18px 40px rgba(8, 24, 48, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-head {
  margin-bottom: 18px !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-badge {
  background: linear-gradient(135deg, #bae6fd, #7dd3fc) !important;
  border: 1px solid rgba(14, 116, 144, 0.35) !important;
  color: #0c4a6e !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  text-shadow: none !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-title {
  font-size: 1.42rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  text-shadow: none !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-row {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(51, 65, 85, 0.14) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-date {
  color: #475569 !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-date__md {
  color: #0369a1 !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-shadow: none !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-date__y {
  color: #334155 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  opacity: 1 !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-text {
  font-size: 1.06rem !important;
  font-weight: 600 !important;
  line-height: 1.58 !important;
  color: #1e293b !important;
  text-shadow: none !important;
}
/* 스냅샷 행: 라벨 1줄 + 날짜·시간 구분 */
body.erp-atlas.cover-mode #view-cover .cover-changelog-text--snapshot {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-snapshot-line1 {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-snapshot-line2 {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-snapshot-date {
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  color: #0369a1 !important;
  letter-spacing: 0.03em !important;
}
body.erp-atlas.cover-mode #view-cover .cover-changelog-snapshot-time {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  color: #0f172a !important;
  padding: 4px 11px !important;
  border-radius: 8px !important;
  background: rgba(14, 116, 144, 0.12) !important;
  border: 1px solid rgba(14, 116, 144, 0.28) !important;
  line-height: 1.2 !important;
}
body.erp-atlas.cover-mode #view-cover .cover-footer-bar {
  color: rgba(247, 252, 255, 0.95) !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 10px rgba(2, 10, 24, 0.62) !important;
}
body.erp-atlas.cover-mode #view-cover .cover-footer-left,
body.erp-atlas.cover-mode #view-cover .cover-footer-center,
body.erp-atlas.cover-mode #view-cover .cover-footer-right {
  color: rgba(247, 252, 255, 0.95) !important;
  font-weight: 700 !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-main h2.cover-hero-headline {
  color: #f4f8ff !important;
  text-shadow: 0 10px 42px rgba(1, 8, 20, 0.62) !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-enter-btn {
  border-color: rgba(74, 124, 178, 0.55) !important;
  background:
    radial-gradient(120% 140% at 18% 10%, rgba(100, 150, 210, 0.18) 0%, rgba(100, 150, 210, 0) 44%),
    linear-gradient(180deg, #143a5c 0%, #0c2840 52%, #071a2e 100%) !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-panel {
  border-color: rgba(148, 190, 232, 0.35) !important;
  background: linear-gradient(180deg, rgba(22, 36, 54, 0.88), rgba(15, 28, 44, 0.84)) !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-row {
  background: rgba(30, 48, 72, 0.72) !important;
  border-color: rgba(120, 165, 210, 0.28) !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-badge {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.45), rgba(37, 99, 235, 0.4)) !important;
  border-color: rgba(147, 197, 253, 0.45) !important;
  color: #f0f9ff !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-title {
  color: #f8fafc !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-date {
  color: #cbd5e1 !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-date__md {
  color: #7dd3fc !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-date__y {
  color: #e2e8f0 !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-text {
  color: #f1f5f9 !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-snapshot-line1 {
  color: #f8fafc !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-snapshot-date {
  color: #7dd3fc !important;
}
body.erp-atlas.cover-mode[data-theme="dark"] #view-cover .cover-changelog-snapshot-time {
  color: #f1f5f9 !important;
  background: rgba(56, 189, 248, 0.14) !important;
  border-color: rgba(125, 211, 252, 0.35) !important;
}
body.erp-atlas .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
body.erp-atlas .section-title .section-title-filters {
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
}
body.erp-atlas #view-report .report-title-top .section-title-filters {
  margin-left: auto;
}
body.erp-atlas #view-report-admin2 .admin2-report-filters.section-title-filters {
  margin-left: auto;
  flex-wrap: nowrap;
}
body.erp-atlas .section-title-filters .section-title-filters-heading {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  white-space: nowrap;
}
body.erp-atlas .section-title .section-year-filter-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
body.erp-atlas .section-title .section-year-filter-label select {
  min-width: 92px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel);
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
/* 서술형 텍스트 폰트 크기 통일:
   요약 페이지 관리자 한눈요약 > 핵심 시그널(18px) 기준 */
body.erp-atlas {
  --narrative-font-size: 18px;
}
body.erp-atlas #view-report #reportSummaryText,
body.erp-atlas #view-report #reportRiskList,
body.erp-atlas #view-report #reportRiskList li,
body.erp-atlas #view-report #reportActionList,
body.erp-atlas #view-report #reportActionList li,
body.erp-atlas #view-report-admin2 .admin2-priority-board,
body.erp-atlas #view-report-admin2 .admin2-priority-item {
  font-size: var(--narrative-font-size) !important;
  line-height: 1.55 !important;
}
/* Q&A 서술: 본문 토큰(--ds-font-md)과 동일 — erp-app-base #view-qa 타이포 스케일과 맞춤 */
body.erp-atlas #view-qa #qaSummary .qa-summary-oneline,
body.erp-atlas #view-qa #qaCauseExplanation .qa-cause-p,
body.erp-atlas #view-qa #qaCauseExplanation .qa-cause-inline,
body.erp-atlas #view-qa #qaCauseChartHint {
  font-size: var(--ds-font-md) !important;
  line-height: 1.55 !important;
}
body.erp-atlas #view-qa .qa-summary-scope {
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--panel-2, rgba(0, 0, 0, 0.04));
  border: 1px solid var(--line);
  line-height: 1.45;
}
body.erp-atlas #view-qa #qaNlpSuggestions {
  margin-top: 8px;
}
body.erp-atlas #view-qa #qaNlpSuggestions .qa-nlp-suggestions-inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 92%, var(--primary) 4%);
  box-sizing: border-box;
}
body.erp-atlas #view-qa #qaNlpSuggestions .qa-nlp-suggestions-head {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
  line-height: 1.35;
  padding-top: 3px;
  min-width: 6.5rem;
  max-width: 32%;
}
body.erp-atlas #view-qa #qaNlpSuggestions .qa-nlp-suggestion-btns {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 560px) {
  body.erp-atlas #view-qa #qaNlpSuggestions .qa-nlp-suggestions-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  body.erp-atlas #view-qa #qaNlpSuggestions .qa-nlp-suggestions-head {
    max-width: none;
    padding-top: 0;
  }
  body.erp-atlas #view-qa #qaNlpSuggestions .qa-nlp-suggestion-btns {
    justify-content: flex-start;
  }
}
body.erp-atlas #view-qa .qa-questions-head .qa-question-search {
  width: 100%;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 13px;
  background: var(--panel);
  color: var(--text);
}
body.erp-atlas #view-qa .qa-ext-details {
  margin-top: 10px;
  border-top: 1px solid var(--line);
  padding-top: 8px;
}
body.erp-atlas #view-qa .qa-ext-summary {
  cursor: pointer;
  font-weight: 600;
  padding: 4px 0;
}
body.erp-atlas #view-qa .qa-ext-body {
  margin-top: 6px;
}

/* 상단 탭: 맞춤·조직도·Q&A(준비 중) — 은은한 틴트 + 우상단 포인트 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip {
  position: relative;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip:not(.active) {
  background:
    linear-gradient(
      165deg,
      color-mix(in srgb, var(--warn, #d97706) 10%, transparent) 0%,
      color-mix(in srgb, var(--primary) 6%, transparent) 55%,
      transparent 100%
    ) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warn, #d97706) 14%, transparent) inset !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip:not(.active):hover {
  background:
    linear-gradient(
      165deg,
      color-mix(in srgb, var(--warn, #d97706) 16%, transparent) 0%,
      color-mix(in srgb, var(--primary) 10%, transparent) 50%,
      transparent 100%
    ) !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip.active {
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--primary) 35%, transparent),
    0 0 0 1px color-mix(in srgb, #fff 22%, transparent) inset,
    0 0 0 1px color-mix(in srgb, var(--warn, #fbbf24) 35%, transparent) inset !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip::before {
  content: "";
  position: absolute;
  top: 7px;
  right: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--warn, #ea580c) 75%, var(--primary) 25%);
  opacity: 0.72;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--panel, #fff) 55%, transparent);
  pointer-events: none;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip.active::before {
  background: color-mix(in srgb, #fff 88%, var(--warn, #fbbf24) 12%);
  opacity: 0.95;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent);
}
body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip:not(.active) {
  background:
    linear-gradient(
      165deg,
      color-mix(in srgb, var(--warn, #f59e0b) 14%, transparent) 0%,
      color-mix(in srgb, var(--primary) 10%, transparent) 50%,
      transparent 100%
    ) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warn, #f59e0b) 18%, transparent) inset !important;
}
body.erp-atlas[data-theme="dark"]:not(.cover-mode):not(.main-summary-mode) #tabbar .tab.atlas-dock-item.tab-wip.active {
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--primary) 38%, transparent),
    0 0 0 1px color-mix(in srgb, #fff 14%, transparent) inset,
    0 0 0 1px color-mix(in srgb, var(--warn, #fbbf24) 28%, transparent) inset !important;
}

/* 요약·조직 등 org-title-one-line: 키커+h2 수직 중심 + 연도 우측 고정 */
body.erp-atlas .view .section-title.org-title-one-line {
  display: grid !important;
  grid-template-columns: auto auto 1fr auto !important;
  grid-template-areas:
    "title picker desc filters" !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 48px !important;
}
body.erp-atlas .view .section-title.org-title-one-line > :first-child {
  grid-area: title !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
body.erp-atlas .view .section-title.org-title-one-line > :first-child .section-kicker,
body.erp-atlas .view .section-title.org-title-one-line > :first-child h2 {
  line-height: 1.2 !important;
}
body.erp-atlas .view .section-title.org-title-one-line > .org-level-picker-wrap {
  grid-area: picker !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
}
body.erp-atlas .view .section-title.org-title-one-line > p {
  grid-area: desc !important;
  margin: 0 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.erp-atlas .view .section-title.org-title-one-line > .section-title-filters {
  grid-area: filters !important;
  /* flex 타이틀(erp-ui-polish)에서는 .section-title-filters 의 margin-left:auto 가 우측 정렬에 필요 — 0 으로 덮으면 무력화됨 */
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
}
@media (max-width: 900px) {
  body.erp-atlas .view .section-title.org-title-one-line {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "title picker"
      "desc desc"
      "filters filters" !important;
  }
  body.erp-atlas .view .section-title.org-title-one-line > p {
    white-space: normal !important;
  }
}
/* 요약 페이지 서브타이틀 공통 크기 통일 (섹션 설명 + 카드 meta) */
body.erp-atlas {
  --summary-subtitle-size: 16px;
}
body.erp-atlas #view-summary > .section > .section-title > p,
body.erp-atlas #view-summary .panel-head .meta,
body.erp-atlas #view-summary #summaryOverviewMeta {
  font-size: var(--summary-subtitle-size) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
/* 요약페이지 카드 타이틀행(panel-head) 규칙 통일 */
body.erp-atlas #view-summary .panel-head {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-bottom: 6px !important;
  gap: 8px !important;
  align-items: center !important;
  border-bottom-width: 1px !important;
}
body.erp-atlas #view-summary .panel-head h3 {
  margin: 0 !important;
}
body.erp-atlas #view-summary .panel-head .meta {
  margin: 0 !important;
}
/* 요약페이지 내부 카드별 panel-head 편차 제거(스냅샷/보고서 뷰 포함) */
body.erp-atlas #view-summary .summary-goal-panel > .panel-head,
body.erp-atlas #view-summary .summary-snapshot-panel > .panel-head,
body.erp-atlas #view-summary .panel.span-12 > .panel-head {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-bottom: 6px !important;
  min-height: 40px !important;
  align-items: center !important;
}
body.erp-atlas #view-summary .panel.span-12 > .panel-head > div {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 2px !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.erp-atlas #view-summary .panel.span-12 > .panel-head {
  justify-content: flex-start !important;
}
body.erp-atlas #view-summary .panel.span-12 > .panel-head > .panel-head-left {
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}
body.erp-atlas #view-summary .panel.span-12 > .panel-head > .panel-head-left h3 {
  white-space: nowrap !important;
  word-break: keep-all !important;
}
/* 카드 헤더 공통 규칙(시스템 통일): 타이틀/서브타이틀/범례/필터/헤더 액션 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-bottom: 6px !important;
  min-height: 44px !important;
  gap: 8px !important;
  align-items: center !important;
  border-bottom-width: 1px !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head h3 {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .meta {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .panel-tools,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .summary-goal-head-toolbar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .btn-mini,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head select,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .org-trend-level-select,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .org-compare-period-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .viz-switcher-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .gran-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head .org-compare-period-detail {
  height: auto !important;
  min-height: 28px !important;
  max-height: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}

/* 패널 헤더 내 범례: 대분류별 월별 매출 추이(org-trend-legend)와 동일 15px/600 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head [class*="legend-host"] .legend .legend-item,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head [class*="legend-host"] .legend .legend-series-label {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* 추이 카드 헤더(제품·거래처·조직·매출유형): M/Q/H/Y·시각화·범례 = 패널 .meta 와 동일 타이포(15px/600), h3 는 패널 공통 유지 */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-product .panel.span-8:has(#productTrendChart) .org-panel-trend-head .viz-switcher-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-product .panel.span-8:has(#productTrendChart) .org-panel-trend-head .gran-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-customer .customer-trend-panel:has(#customerTrendChart) .org-panel-trend-head .viz-switcher-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-customer .customer-trend-panel:has(#customerTrendChart) .org-panel-trend-head .gran-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-organization .org-panel-trend:has(#orgRateTrendChart) .org-panel-trend-head .viz-switcher-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-organization .org-panel-trend:has(#orgRateTrendChart) .org-panel-trend-head .gran-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-service-type .panel.span-8:has(#stTrendChart) .org-panel-trend-head .viz-switcher-btn,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-service-type .panel.span-8:has(#stTrendChart) .org-panel-trend-head .gran-btn {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  height: auto !important;
  min-height: 28px !important;
  max-height: none !important;
  padding: 4px 10px !important;
  box-sizing: border-box !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-product .panel.span-8:has(#productTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-item,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-product .panel.span-8:has(#productTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-series-label,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-customer .customer-trend-panel:has(#customerTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-item,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-customer .customer-trend-panel:has(#customerTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-series-label,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-organization .org-panel-trend:has(#orgRateTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-item,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-organization .org-panel-trend:has(#orgRateTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-series-label,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-service-type .panel.span-8:has(#stTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-item,
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) #view-service-type .panel.span-8:has(#stTrendChart) .org-panel-trend-head .org-trend-legend-host .legend .legend-series-label {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* ── 디자인 랩(#view-design-lab): 기간 필터 시안 A/B/C 비교 ── */
body.erp-atlas #view-design-lab .design-lab-page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px 18px;
  margin-bottom: 20px;
  padding-bottom: 4px;
}
body.erp-atlas #view-design-lab .design-lab-page-head > div:first-child .section-kicker {
  margin-bottom: 4px;
}
body.erp-atlas #view-design-lab .design-lab-page-head h2 {
  margin: 0;
}
body.erp-atlas #view-design-lab .design-lab-page-head > p {
  margin: 0;
  flex: 1 1 220px;
  min-width: 0;
  color: var(--muted);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.45;
}
body.erp-atlas #view-design-lab .design-lab-period-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 1180px) {
  body.erp-atlas #view-design-lab .design-lab-period-grid {
    grid-template-columns: 1fr;
  }
}
body.erp-atlas #view-design-lab .design-lab-period-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body.erp-atlas #view-design-lab .design-lab-period-card-head {
  padding-bottom: 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}
body.erp-atlas #view-design-lab .design-lab-period-card-head h3 {
  margin: 0 0 6px 0;
  font-size: 16px;
  font-weight: 800;
}
body.erp-atlas #view-design-lab .design-lab-period-card-head .meta {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--muted);
}
body.erp-atlas #view-design-lab .design-lab-period-demo {
  padding: 16px 14px;
  border-radius: 12px;
  flex: 1 1 auto;
}
/* A: 데모 영역 — 단조로운 회색 바닥(‘한 줄’ 느낌) */
body.erp-atlas #view-design-lab .design-lab-period-demo--a {
  background: color-mix(in srgb, var(--panel) 97%, var(--text) 2%);
  border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
  box-shadow: none;
}
/* B: 살짝 틴트 + 왼쪽 강조선 */
body.erp-atlas #view-design-lab .design-lab-period-demo--b {
  background: color-mix(in srgb, var(--primary) 7%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
  border-left: 4px solid color-mix(in srgb, var(--primary) 45%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);
}
/* C: 테두리만 다른 톤(구분 요소가 또 하나 있다는 느낌) */
body.erp-atlas #view-design-lab .design-lab-period-demo--c {
  background: color-mix(in srgb, var(--panel) 94%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 28%, transparent);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--primary) 10%, transparent);
}
/* 디자인 랩 필터는 .section-title 밖에 있어 기본 block → 인라인 흐름 + label(grid)이 블록이라 2줄로 깨짐. flex 컨테이너로 한 행 정렬 */
body.erp-atlas #view-design-lab .design-lab-demo-filters.section-title-filters {
  margin-left: 0 !important;
  display: flex !important;
  align-items: stretch;
  justify-content: flex-start !important;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: 10px !important;
  box-sizing: border-box;
}
/* ── A: 평평·균일 — 세그먼트·셀렉트가 같은 무게(그림자·강조 최소) ── */
body.erp-atlas #view-design-lab .design-lab-period-demo--a .report-period-toggle {
  background: color-mix(in srgb, var(--panel-strong) 68%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
  box-shadow: none;
  padding: 2px;
}
body.erp-atlas #view-design-lab .design-lab-period-demo--a .main-summary-org-toggle-btn.is-active {
  box-shadow: none;
  background: color-mix(in srgb, var(--primary) 16%, var(--panel));
}
body.erp-atlas #view-design-lab .design-lab-period-demo--a .section-period-detail,
body.erp-atlas #view-design-lab .design-lab-period-demo--a .section-year-filter-label select {
  height: 30px !important;
  min-height: 30px !important;
  background: color-mix(in srgb, var(--panel-strong) 72%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--line) 68%, transparent) !important;
  color: var(--text);
  font-size: 12px;
  font-weight: 600;
}
body.erp-atlas #view-design-lab .design-lab-period-demo--a .section-year-filter-label {
  color: var(--muted);
  font-weight: 600;
}
/* ── B: 세그먼트 ‘히어로’ + 셀렉트는 보조(작고 옅음) ── */
body.erp-atlas #view-design-lab .design-lab-toolbar--b .report-period-toggle {
  padding: 4px 5px;
  background: linear-gradient(
    165deg,
    color-mix(in srgb, var(--primary) 22%, var(--panel)) 0%,
    color-mix(in srgb, var(--panel-strong) 94%, transparent) 55%
  );
  border: 2px solid color-mix(in srgb, var(--primary) 42%, transparent);
  box-shadow:
    0 2px 10px color-mix(in srgb, var(--primary) 14%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent);
}
body.erp-atlas #view-design-lab .design-lab-toolbar--b .main-summary-org-toggle-btn {
  font-size: 12px;
  letter-spacing: 0.04em;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--b .main-summary-org-toggle-btn.is-active {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--primary) 38%, transparent),
    color-mix(in srgb, var(--primary-2) 28%, transparent)
  ) !important;
  color: var(--text) !important;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent);
}
body.erp-atlas #view-design-lab .design-lab-toolbar--b .section-period-detail,
body.erp-atlas #view-design-lab .design-lab-toolbar--b .section-year-filter-label select {
  height: 28px !important;
  min-height: 28px !important;
  max-width: 118px;
  padding: 2px 8px !important;
  background: color-mix(in srgb, var(--panel) 55%, transparent) !important;
  border: 1px dashed color-mix(in srgb, var(--line) 85%, transparent) !important;
  color: color-mix(in srgb, var(--muted) 92%, var(--text) 8%) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  opacity: 0.92;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--b .section-year-filter-label {
  font-size: 11px;
  font-weight: 700;
  color: color-mix(in srgb, var(--muted) 95%, var(--text) 5%);
  gap: 5px;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--b .section-year-filter-label select {
  min-width: 76px !important;
}
/* C: 한 줄 고정(줄바꿈은 가로 스크롤로 처리) */
body.erp-atlas #view-design-lab .design-lab-toolbar--c.design-lab-demo-filters {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100%;
  min-width: 0;
}
body.erp-atlas #view-design-lab .design-lab-period-demo--c {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* C: 세그먼트 트랙 + 버튼 비선택 = 드롭다운 비선택과 동일(점선·옅은 배경). 선택 = --erp-unified-active-* */
body.erp-atlas #view-design-lab .design-lab-toolbar--c .report-period-toggle {
  flex: 0 0 auto;
  min-width: 0;
  display: inline-flex !important;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 4px;
  background: color-mix(in srgb, var(--panel) 55%, transparent) !important;
  border: 1px dashed color-mix(in srgb, var(--line) 78%, transparent) !important;
  box-shadow: none !important;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--c .main-summary-org-toggle-btn:not(.is-active) {
  border: 1px dashed color-mix(in srgb, var(--line) 85%, transparent) !important;
  background: color-mix(in srgb, var(--panel) 55%, transparent) !important;
  color: color-mix(in srgb, var(--muted) 88%, var(--text) 12%) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
  line-height: 1.2;
  box-shadow: none !important;
}
/* C 활성 세그먼트: 시안 B와 동일 그라데이션 */
body.erp-atlas:not(.cover-mode) #view-design-lab .design-lab-toolbar--c .main-summary-org-toggle-btn.is-active {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--primary) 38%, transparent),
    color-mix(in srgb, var(--primary-2) 28%, transparent)
  ) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 35%, transparent) !important;
  color: var(--text) !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
  line-height: 1.2;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent) !important;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-period-detail {
  align-self: center !important;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: 118px;
  height: var(--ui-control-height, 40px) !important;
  min-height: var(--ui-control-height, 40px) !important;
  max-height: var(--ui-control-height, 40px) !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
  box-sizing: border-box;
  line-height: 1.2;
}
/* 비선택 시에만 옅은 스타일(선택은 전역 is-filtered + 아래 보강) */
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-period-detail:not(.is-filtered) {
  background: color-mix(in srgb, var(--panel) 55%, transparent) !important;
  border: 1px dashed color-mix(in srgb, var(--line) 85%, transparent) !important;
  color: color-mix(in srgb, var(--muted) 88%, var(--text) 12%) !important;
  font-weight: 600 !important;
  opacity: 0.95;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-year-filter-label {
  align-self: center !important;
  display: grid !important;
  grid-template-columns: auto 88px;
  width: max-content;
  max-width: none;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-height: 0;
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
  box-sizing: border-box;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-year-filter-label--filtered .section-year-filter-text {
  color: var(--primary);
  font-weight: 800;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-year-filter-text {
  white-space: nowrap;
  align-self: center;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-year-filter-label select {
  width: 100%;
  max-width: 88px;
  height: var(--ui-control-height, 40px) !important;
  min-height: var(--ui-control-height, 40px) !important;
  max-height: var(--ui-control-height, 40px) !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
  box-sizing: border-box;
  line-height: 1.2;
}
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-year-filter-label select:not(.is-filtered) {
  background: color-mix(in srgb, var(--panel) 55%, transparent) !important;
  border: 1px dashed color-mix(in srgb, var(--line) 85%, transparent) !important;
  color: color-mix(in srgb, var(--muted) 88%, var(--text) 12%) !important;
  font-weight: 600 !important;
  opacity: 0.95;
}
/* 선택된 드롭다운: 시안 B 활성 세그먼트와 동일 그라데이션 */
body.erp-atlas:not(.cover-mode) #view-design-lab .design-lab-toolbar--c .section-period-detail.is-filtered,
body.erp-atlas:not(.cover-mode) #view-design-lab .design-lab-toolbar--c .section-year-filter-label select.is-filtered {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--primary) 38%, transparent),
    color-mix(in srgb, var(--primary-2) 28%, transparent)
  ) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 35%, transparent) !important;
  color: var(--text) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent) !important;
}
html body.erp-atlas[data-theme="dark"]:not(.cover-mode) #view-design-lab .design-lab-toolbar--c .main-summary-org-toggle-btn.is-active,
html body.erp-atlas[data-theme="dark"]:not(.cover-mode) #view-design-lab .design-lab-toolbar--c .section-period-detail.is-filtered,
html body.erp-atlas[data-theme="dark"]:not(.cover-mode) #view-design-lab .design-lab-toolbar--c .section-year-filter-label select.is-filtered {
  box-shadow: var(--erp-unified-active-shadow), inset 0 1px 0 rgba(0, 0, 0, 0.12) !important;
}
/* C: 세그먼트 ↔ 상세 — 굵은 ‘기둥’(행 높이에 맞춰 늘어남) */
body.erp-atlas #view-design-lab .design-lab-toolbar--c .design-lab-period-divider {
  width: 5px;
  border-radius: 999px;
  align-self: center;
  height: var(--ui-control-height, 40px);
  min-height: var(--ui-control-height, 40px);
  max-height: var(--ui-control-height, 40px);
  margin: 0 6px 0 12px;
  flex-shrink: 0;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--primary) 88%, #fff) 0%,
    color-mix(in srgb, var(--primary-2) 75%, var(--primary)) 100%
  );
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent),
    0 2px 6px color-mix(in srgb, var(--primary) 22%, transparent);
}
/* C: 포커스 링 — 탭으로 확인(두껍고 선명) */
body.erp-atlas #view-design-lab .design-lab-toolbar--c .main-summary-org-toggle-btn:focus-visible,
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-period-detail:focus-visible,
body.erp-atlas #view-design-lab .design-lab-toolbar--c .section-year-filter-label select:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary) 75%, transparent);
  outline-offset: 3px;
  z-index: 1;
}

/* ── 카드 타이틀행: 1줄·왼쪽 정렬·h3는 말줄임 없이 전체 표시(범례/툴바는 가로 스크롤) ── */
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head h3 {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  text-align: left !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head.org-panel-trend-head h3 {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: unset !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head > div:first-child {
  overflow: visible !important;
  text-align: left !important;
  align-items: flex-start !important;
}
body.erp-atlas:not(.cover-mode):not(.main-summary-mode) .panel > .panel-head > div:first-child > h3 {
  overflow: visible !important;
  text-overflow: unset !important;
  min-width: max-content !important;
}
body.erp-atlas #view-summary .panel-head h3 {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  text-align: left !important;
}

/* 메인요약 성장 모달 타이틀: index 마지막 CSS — 청회색·그라데이션 클립 잔여 무력화 후 순색 */
html body.erp-atlas[data-theme="white"] #mainSummaryGrowthModal #mainSummaryGrowthModalTitle,
html body.erp-atlas:not([data-theme]) #mainSummaryGrowthModal #mainSummaryGrowthModalTitle,
html body.erp-atlas[data-theme="default"] #mainSummaryGrowthModal #mainSummaryGrowthModalTitle {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.erp-atlas[data-theme="dark"] #mainSummaryGrowthModal #mainSummaryGrowthModalTitle {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.erp-atlas[data-theme="warm"] #mainSummaryGrowthModal #mainSummaryGrowthModalTitle {
  color: #451a03 !important;
  -webkit-text-fill-color: #451a03 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  filter: none !important;
}

/* 의견: 긴 native select — .panel overflow:hidden 이 드롭다운·스크롤을 잘라 이상하게 보이는 현상 완화 */
body.erp-atlas #view-feedback .feedback-form-panel.panel {
  overflow: visible;
}
body.erp-atlas #view-feedback .feedback-widget-row {
  overflow: visible;
  position: relative;
  z-index: 2;
}
body.erp-atlas #view-feedback select.feedback-select {
  position: relative;
  z-index: 3;
}

/* 의견 페이지(임시): 관련 화면 요소 선택 UI 숨김 */
body.erp-atlas #view-feedback #feedbackWidgetField,
body.erp-atlas #view-feedback #feedbackTargetPreviewWrap,
#view-feedback #feedbackWidgetField,
#view-feedback #feedbackTargetPreviewWrap {
  display: none !important;
}

/* 메인 성장 모달 기본 폭 */
body.erp-atlas #mainSummaryGrowthModal .modal-card {
  width: min(1520px, calc(100vw - 20px));
  max-width: min(1520px, calc(100vw - 20px));
}
/* 평균 TAT·외주시험비·D-1·매출 미반영 상세 — 표 넓이 동일(콘텐츠·필터 개수와 무관하게 고정) */
body.erp-atlas #mainSummaryGrowthModal[data-kind="avg-tat"] .modal-card,
body.erp-atlas #mainSummaryGrowthModal[data-kind="outsourcing"] .modal-card,
body.erp-atlas #mainSummaryGrowthModal[data-kind="yesterday-sales"] .modal-card,
body.erp-atlas #mainSummaryGrowthModal[data-kind="pending-projects"] .modal-card {
  width: min(1720px, calc(100vw - 16px)) !important;
  max-width: min(1720px, calc(100vw - 16px)) !important;
}

/* 보고서 KPI 상세 모달: 열 필터·넓은 표와 동일 폭 */
body.erp-atlas #admin2KpiDetailModal .modal-card.admin2-kpi-detail-modal-card {
  width: min(1680px, calc(100vw - 40px)) !important;
  max-width: min(1680px, calc(100vw - 40px)) !important;
}

/* 평균 TAT 상세 모달: 전체 표본 행 — 유효(파랑) / 제외(주황) */
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 10px;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-head .ms-avg-tat-legend {
  margin-bottom: 0;
  flex: 1 1 220px;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-filter-host {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  flex: 0 0 auto;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-filter-host-label {
  font-size: 12px;
  font-weight: 800;
  color: var(--muted, #64748b);
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-filter-toggle {
  display: inline-flex;
  flex-wrap: wrap;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--line, #e2e8f0) 88%, transparent);
  overflow: hidden;
  background: var(--panel-surface, var(--panel, #fff));
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-filter-toggle .ms-avg-tat-filter-btn {
  border-radius: 0;
  border: none;
  margin: 0;
  box-shadow: none;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-filter-toggle .ms-avg-tat-filter-btn + .ms-avg-tat-filter-btn {
  border-left: 1px solid color-mix(in srgb, var(--line, #e2e8f0) 88%, transparent);
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin-bottom: 10px;
  font-size: 12px;
  color: var(--muted, #64748b);
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-legend-label {
  margin-right: 4px;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-legend-swatch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  margin-right: 6px;
  vertical-align: -2px;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-legend-swatch--valid {
  background: color-mix(in srgb, #2563eb 20%, transparent);
  border: 1px solid color-mix(in srgb, #2563eb 50%, transparent);
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-legend-swatch--excluded {
  background: color-mix(in srgb, #ea580c 20%, transparent);
  border: 1px solid color-mix(in srgb, #ea580c 50%, transparent);
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap {
  max-height: min(70vh, 640px);
  overflow: auto;
}
/* 평균 TAT 상세 9열: ERP일자·접수일·접수번호 … 계산근거·TAT */
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table {
  table-layout: fixed;
  width: 100%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(1) {
  width: 10%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(2) {
  width: 9%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(3) {
  width: 11%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(4) {
  width: 9%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(5) {
  width: 11%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(6) {
  width: 8%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(7) {
  width: 8%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(8) {
  width: 25%;
  max-width: 26rem;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  vertical-align: top !important;
  text-align: left !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table :is(th, td):nth-child(9) {
  width: 9%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-td-evidence {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-evidence-cell {
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1.38;
  font-size: 12px;
  font-weight: 500;
  color: var(--text);
  text-align: left;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-evidence-pre {
  color: color-mix(in srgb, var(--text) 88%, var(--muted) 12%);
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-evidence-final {
  font-weight: 700;
  font-size: 12px;
  color: color-mix(in srgb, var(--text) 55%, var(--muted) 45%);
}
/* 행: 접수일 칸에만 왼쪽 테두리 강조 — erp-ui-polish td:first-child !important 보다 우선 */
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr.ms-avg-tat-row--valid td:first-child {
  box-shadow: inset 4px 0 0 #2563eb !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr.ms-avg-tat-row--excluded td:first-child {
  box-shadow: inset 4px 0 0 #ea580c !important;
}
/* TAT(일): 모달 공통 td.num 틴트(!important)보다 유효/제외 색이 이기도록 */
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr.ms-avg-tat-row--valid td.num.ms-avg-tat-td-days--valid {
  background: color-mix(in srgb, #2563eb 14%, var(--org-compare-row-fill, var(--panel))) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #2563eb 28%, transparent) !important;
  color: color-mix(in srgb, var(--text) 72%, #2563eb 28%) !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr.ms-avg-tat-row--excluded td.num.ms-avg-tat-td-days--excluded {
  background: color-mix(in srgb, #ea580c 14%, var(--org-compare-row-fill, var(--panel))) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #ea580c 30%, transparent) !important;
  color: color-mix(in srgb, var(--text) 62%, #ea580c 38%) !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr:nth-child(even).ms-avg-tat-row--valid td.num.ms-avg-tat-td-days--valid {
  background: color-mix(in srgb, #2563eb 16%, var(--org-compare-row-alt, var(--panel))) !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr:nth-child(even).ms-avg-tat-row--excluded td.num.ms-avg-tat-td-days--excluded {
  background: color-mix(in srgb, #ea580c 16%, var(--org-compare-row-alt, var(--panel))) !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr:hover.ms-avg-tat-row--valid td.num.ms-avg-tat-td-days--valid {
  background: color-mix(in srgb, #2563eb 20%, var(--org-compare-row-hover, var(--panel))) !important;
}
body.erp-atlas #mainSummaryGrowthModal .ms-avg-tat-table-wrap > table.ms-avg-tat-table tbody tr:hover.ms-avg-tat-row--excluded td.num.ms-avg-tat-td-days--excluded {
  background: color-mix(in srgb, #ea580c 20%, var(--org-compare-row-hover, var(--panel))) !important;
}

/* 열 별 필터(메인 성장·보고서 KPI·조직 매출 상세): 그리드 + 패널별 배경 */
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-grid {
  max-height: none;
  grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
  align-items: stretch;
}
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-panel:nth-child(1) {
  background: color-mix(in srgb, #3b82f6 14%, var(--panel-surface, var(--panel)));
}
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-panel:nth-child(2) {
  background: color-mix(in srgb, #22c55e 12%, var(--panel-surface, var(--panel)));
}
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-panel:nth-child(3) {
  background: color-mix(in srgb, #f59e0b 14%, var(--panel-surface, var(--panel)));
}
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-panel:nth-child(4) {
  background: color-mix(in srgb, #a855f7 12%, var(--panel-surface, var(--panel)));
}
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-panel:nth-child(5) {
  background: color-mix(in srgb, #14b8a6 12%, var(--panel-surface, var(--panel)));
}
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-panel:nth-child(6),
body.erp-atlas
  :is(
    #mainSummaryGrowthModal #mainSummaryGrowthModalFilterMount,
    #admin2KpiDetailModal #admin2KpiDetailModalFilterMount,
    #orgCompareSalesModal #orgCompareSalesModalFilterMount
  )
  .atlas-modal-filter-panel--money-unit {
  background: color-mix(in srgb, #64748b 11%, var(--panel-surface, var(--panel)));
}

/* 매출유형 > 품목 유형 매출 랭킹 상세: 외주시험비 상세와 동일한 필터 톤 + 6열 1줄 고정 */
body.erp-atlas #serviceTypeDetailModal #serviceTypeDetailModalFilterMount .atlas-modal-filter-grid {
  max-height: none;
  align-items: stretch;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
}
body.erp-atlas #serviceTypeDetailModal #serviceTypeDetailModalFilterMount .atlas-modal-filter-panel:nth-child(1) {
  background: color-mix(in srgb, #3b82f6 14%, var(--panel-surface, var(--panel)));
}
body.erp-atlas #serviceTypeDetailModal #serviceTypeDetailModalFilterMount .atlas-modal-filter-panel:nth-child(2) {
  background: color-mix(in srgb, #22c55e 12%, var(--panel-surface, var(--panel)));
}
body.erp-atlas #serviceTypeDetailModal #serviceTypeDetailModalFilterMount .atlas-modal-filter-panel:nth-child(3) {
  background: color-mix(in srgb, #f59e0b 14%, var(--panel-surface, var(--panel)));
}
body.erp-atlas #serviceTypeDetailModal #serviceTypeDetailModalFilterMount .atlas-modal-filter-panel:nth-child(4) {
  background: color-mix(in srgb, #a855f7 12%, var(--panel-surface, var(--panel)));
}
body.erp-atlas #serviceTypeDetailModal #serviceTypeDetailModalFilterMount .atlas-modal-filter-panel:nth-child(5) {
  background: color-mix(in srgb, #14b8a6 12%, var(--panel-surface, var(--panel)));
}
body.erp-atlas #serviceTypeDetailModal #serviceTypeDetailModalFilterMount .atlas-modal-filter-panel:nth-child(6) {
  background: color-mix(in srgb, #64748b 11%, var(--panel-surface, var(--panel)));
}

/* KPI·조직 매출 상세: 긴 거래처명 등 텍스트 열 줄바꿈 */
body.erp-atlas
  #admin2KpiDetailModal
  :is(.admin2-kpi-modal-table-scroll, .admin2-net-cohort-table-scroll)
  table.ranking-table
  :is(thead th:not(.num), tbody td:not(.num)) {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: top;
  text-align: left;
}
body.erp-atlas #orgCompareSalesModal .org-compare-sales-table-scroll table.org-compare-sales-modal-table :is(thead th:not(.num), tbody td:not(.num)) {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: top;
}
body.erp-atlas #orgCompareSalesModal .org-compare-sales-table-scroll table.org-compare-sales-modal-table thead th.num,
body.erp-atlas #orgCompareSalesModal .org-compare-sales-table-scroll table.org-compare-sales-modal-table tbody td.num {
  text-align: right;
}
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table {
  table-layout: fixed;
  width: 100%;
}
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(1) { width: 8%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(2) { width: 10%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(3) { width: 9%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(4) { width: 11%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(5) { width: 8%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(6) { width: 9%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(7) { width: 9%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(8) { width: 9%; }
body.erp-atlas #mainSummaryGrowthModal .ms-pending-modal-table :is(th, td):nth-child(9) { width: 9%; }
body.erp-atlas #mainSummaryGrowthModal .ms-growth-modal-table-wrap:has(.ms-pending-modal-table) {
  max-height: min(70vh, 640px);
  overflow: auto;
}

/* 홈(커버) 관리자 공지 — 첫 화면 모달 (admin-notices.json modal) */
.cover-admin-notice-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-family: "Plus Jakarta Sans", "Noto Sans KR", system-ui, sans-serif;
}
.cover-admin-notice-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 12, 28, 0.55);
  backdrop-filter: blur(6px);
}
.cover-admin-notice-modal__card {
  position: relative;
  width: min(440px, 100%);
  max-height: min(78vh, 560px);
  overflow: auto;
  border-radius: 18px;
  padding: 22px 22px 18px;
  background: linear-gradient(165deg, #f8fafc 0%, #eef2ff 48%, #f1f5f9 100%);
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow:
    0 24px 64px rgba(2, 8, 24, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__card {
  background: linear-gradient(165deg, #0f172a 0%, #1e1b4b 42%, #0f172a 100%);
  border-color: rgba(148, 163, 184, 0.25);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}
.cover-admin-notice-modal__eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: #6366f1;
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__eyebrow {
  color: #a5b4fc;
}
.cover-admin-notice-modal__title {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
  line-height: 1.3;
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__title {
  color: #f8fafc;
}
.cover-admin-notice-modal__meta {
  margin: 0 0 14px;
  font-size: 0.9rem;
  color: #64748b;
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__meta {
  color: #94a3b8;
}
.cover-admin-notice-modal__md {
  font-weight: 700;
  color: #0369a1;
  margin-right: 6px;
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__md {
  color: #7dd3fc;
}
.cover-admin-notice-modal__y {
  font-weight: 700;
  color: #475569;
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__y {
  color: #cbd5e1;
}
.cover-admin-notice-modal__body {
  margin: 0 0 18px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #1e293b;
  word-break: break-word;
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__body {
  color: #e2e8f0;
}
.cover-admin-notice-modal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.cover-admin-notice-modal__btn {
  font: inherit;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 16px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.cover-admin-notice-modal__btn--primary {
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  color: #fff;
  border-color: rgba(79, 70, 229, 0.35);
}
.cover-admin-notice-modal__btn--primary:hover {
  filter: brightness(1.06);
}
.cover-admin-notice-modal__btn--ghost {
  background: rgba(255, 255, 255, 0.65);
  color: #334155;
  border-color: rgba(15, 23, 42, 0.14);
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__btn--ghost {
  background: rgba(30, 41, 59, 0.85);
  color: #e2e8f0;
  border-color: rgba(148, 163, 184, 0.25);
}
.cover-admin-notice-modal__btn--ghost:hover {
  border-color: rgba(99, 102, 241, 0.45);
  color: #4338ca;
}
body.erp-atlas.cover-mode[data-theme="dark"] .cover-admin-notice-modal__btn--ghost:hover {
  color: #c7d2fe;
}