/* =====================================================================
   popup-dark.css  —  팝업(iframe) 안쪽 화면용 다크 테마
   ---------------------------------------------------------------------
   * 팝업은 html/*.html 을 iframe 으로 띄우는 별도 문서라 부모의 dark.css 가 닿지 않습니다.
   * 그래서 js/main.js 가 팝업을 불러온 뒤, 다크모드일 때만 이 파일을 팝업 문서에 끼워 넣습니다.
   * html/*.html 파일은 하나도 고치지 않았습니다.
   * 대상: 세차 일정, 타이어 교체, 교육 일정, 독감 예방접종, 연속 근무 통계, 복귀거리 계산기, 차트
   ===================================================================== */

html.dark-mode {
    color-scheme: dark;
    /* chart.html 이 쓰는 변수 */
    --bg: #121212;  --card: #1D1E20;  --line: #2E3033;
    --ink: #F2F2F3;  --ink-soft: #E6E8EB;
    --gray-900: #E6E8EB;  --gray-600: #B6BAC1;  --gray-400: #8B9099;
    --gray-200: #3A3D42;  --gray-100: #2A2C30;
    --shadow: 0 0 0 1px rgba(255,255,255,.06);
}

html.dark-mode body { background-color: #1D1E20 !important; color: #E6E8EB; }

/* ---- 세차/타이어/교육/독감(같은 계열 디자인) ---- */
html.dark-mode .card,
html.dark-mode .schedule-container,
html.dark-mode .modal-card { background: #1D1E20 !important; box-shadow: none; }
html.dark-mode .header { border-bottom-color: #2E3033; }
html.dark-mode .title, html.dark-mode .team-title, html.dark-mode .section-title,
html.dark-mode .hospital-name, html.dark-mode .shop-detail strong, html.dark-mode .date { color: #F2F2F3; }
html.dark-mode .badge { background-color: #12334A; color: #7CC4F2; }
html.dark-mode .notice-box, html.dark-mode .schedule-box, html.dark-mode .schedule-list,
html.dark-mode .summary-box { background-color: #26282B; border-color: #2E3033; color: #B6BAC1; }
html.dark-mode .notice-box { border-left-color: #38A4DD; }
html.dark-mode .shop-info-card { background-color: #15283F; border-color: #24456E; }
html.dark-mode .shop-name { color: #7FB0FF; }
html.dark-mode .shop-detail, html.dark-mode .info-label, html.dark-mode .car-model, html.dark-mode .label { color: #B6BAC1; }
html.dark-mode .info-val, html.dark-mode .car-date, html.dark-mode .value { color: #7CC4F2; }
html.dark-mode .schedule-row { border-bottom-color: #3A3D42; }
html.dark-mode .sub-btn { background-color: #2A2C30; color: #B6BAC1; }
html.dark-mode .badge-warning { color: #FF8A80; }
html.dark-mode .error-card, html.dark-mode .error-text { color: #FF8A80; }
html.dark-mode [style*="64748b"] { color: #9AA0A8 !important; }
html.dark-mode .shop-info-card a, html.dark-mode .shop-detail a { color: #7FB0FF; }

/* 독감 표 */
html.dark-mode .table-wrapper { border-color: #3A3D42; }
html.dark-mode .compact-table th { background-color: #2A2C30; color: #E6E8EB; border-bottom-color: #3A3D42; }
html.dark-mode .compact-table td { color: #E6E8EB; border-bottom-color: #2E3033; }
html.dark-mode .hospital-loc { color: #8B9099; }
html.dark-mode .badge-disabled { background-color: #3C2326; color: #FF8A80; }
html.dark-mode .badge-ok { background-color: #1B3324; color: #6FD08C; }
html.dark-mode .highlight-text { color: #FFB84D; }

/* ---- 연속 근무 통계 ---- */
html.dark-mode #fe_title { color: #F2F2F3; }
html.dark-mode table { background: #1D1E20; box-shadow: 0 0 0 1px #2E3033; }
html.dark-mode th { background: #FEE500; color: #191919; border-bottom-color: #2E3033; }
html.dark-mode td { color: #F2F2F3; border-bottom-color: #2E3033; }
html.dark-mode .fe_myteam td { color: #FF6B9D; }
html.dark-mode th span[id^="sort_"] { color: #B3004F; }

/* ---- 복귀거리 계산기 ---- */
html.dark-mode .fe_card { background: #1D1E20; box-shadow: none; color: #E6E8EB; }
html.dark-mode .fe_title { color: #F2F2F3; }
html.dark-mode #address { background: #2A2C30; color: #F2F2F3; border-color: #3A3D42; -webkit-text-fill-color: #F2F2F3; }
html.dark-mode #address::placeholder { color: #7C818A; -webkit-text-fill-color: #7C818A; }
html.dark-mode .fe_btn { color: #191919; }
html.dark-mode .item { background: #26282B; border-color: #2E3033; box-shadow: none; color: #E6E8EB; }
html.dark-mode .item.selected { background: #3A3500; border-color: #FEE500; }
html.dark-mode .item:active { background: #332F00; }
html.dark-mode .distance_box { background: #3A3500; color: #FEE500; }