/**
 * TDS Surface — 그림자·hover lift만 전역 통일 (레이아웃/보더/배경은 건드리지 않음)
 * footer.php에서 마지막 로드
 */

body.tds-theme {
  --tds-surface-radius: var(--tds-radius-xl, 1.25rem);
  --tds-surface-inner-radius: var(--tds-radius-lg, 1rem);
  --tds-surface-shadow: none;
  --tds-shadow-elevated: 0 16px 48px rgba(2, 9, 19, 0.12);
  --tds-shadow-focus: 0 0 0 3px rgba(49, 130, 246, 0.15);
}

/* ── 카드류: shadow·hover lift 제거 (radius/background는 tds-global·각 CSS가 담당) ── */
body.tds-theme .card:hover,
body.tds-theme .dashboard-card:hover,
body.tds-theme .dashboard-upcoming-schedules:hover,
body.tds-theme .dashboard-upcoming-item:hover,
body.tds-theme .dashboard-quick-stat-card:hover,
body.tds-theme .dashboard-list-item:hover,
body.tds-theme .kpi-card:hover,
body.tds-theme .stats-card:hover,
body.tds-theme .vault-card:hover,
body.tds-theme .progress-stage-card:hover,
body.tds-theme .tds-highlight:hover,
body.tds-theme .client-dash-shortcut:hover,
body.tds-theme .order-card:hover,
body.tds-theme .pp-order-card:hover {
  box-shadow: none !important;
  transform: none !important;
}

body.tds-theme .vault-card:hover .vault-logo {
  transform: none !important;
}

/* ── TDS dashboard components ── */
body.tds-theme .tds-highlight,
body.tds-theme .tds-section:not(.tds-section--flat) {
  box-shadow: none;
}

body.tds-theme .tds-highlight:hover {
  background: var(--tds-grey50);
}

body.tds-theme .tds-section--flat {
  box-shadow: none;
  background: transparent;
}

body.tds-theme .tds-segmented__item.is-active,
body.tds-theme .dashboard-shell--tds .dash-chart-tab.is-active,
body.tds-theme .tab.active {
  box-shadow: none !important;
}

/* ── 버튼 flat ── */
body.tds-theme .btn,
body.tds-theme .btn-primary,
body.tds-theme .btn-secondary,
body.tds-theme .btn-outline,
body.tds-theme .btn-ghost,
body.tds-theme .btn-primary:hover,
body.tds-theme .btn-primary:active {
  box-shadow: none !important;
}

/* ── elevated: 모달·알림·토스트만 ── */
body.tds-theme .modal-overlay .modal,
body.tds-theme .modal.active .modal-content,
body.tds-theme .modal > .modal-content {
  box-shadow: var(--tds-shadow-elevated) !important;
}

body.tds-theme .notification-sidebar {
  box-shadow: -4px 0 24px rgba(2, 9, 19, 0.08) !important;
}

body.tds-theme .pp-toast,
body.tds-theme .toast {
  box-shadow: var(--tds-shadow-elevated) !important;
}

body.tds-theme .header-dropdown,
body.tds-theme .dropdown-menu {
  box-shadow: var(--tds-shadow-elevated) !important;
}