/* =============================================================
   직원 라운지 · 다크 모드 (작업자 C)
   환자 만족도 결과(app=survey_result · survey) · 감사 인사(.mdpr · .mdpn · app=praise)
   글귀(.mdq · app=quote) · 경영지원실 요청·건의(app=support) · Moon Dental Care(app=care)
   달력(app=calendar · 첫 화면 달력)
   라이트 화면은 건드리지 않는다. 셀렉터는 모두 html body 로 시작해 화면 안 <style> 보다 앞선다.
   ============================================================= */
@media (prefers-color-scheme: dark) {

  /* ---------- 공통: 맡은 화면의 입력칸 (style-v5 의 갈색 !important 를 토큰 색으로) ---------- */
  html body .mdsv-range input, html body .mdsv-range select, html body .mdsv-datepick input,
  html body .mdsv-settings input, html body .mdsv-settings textarea,
  html body .mdsv-upload__who, html body .mdsv-upload__row input[type="file"],
  html body .mdsv-import textarea, html body .mdsv-share textarea, html body .mdsv-scr__bar select,
  html body .mdq-edit textarea,
  html body .mdsp-field input, html body .mdsp-field select, html body .mdsp-field textarea,
  html body .mdsp-search input[type="search"], html body .mdsp-askform__foot input, html body .mdsp-askform textarea,
  html body .mdc-search input,
  html body .mdcal-form input, html body .mdcal-form select, html body .mdcal-form textarea {
    background-color: var(--color-white, #1E1E1E) !important;
    color: var(--color-text, #F2F2F0) !important;
    border-color: #3A3A37 !important;
  }
  html body .mdsv-range input:focus, html body .mdsv-settings input:focus, html body .mdsv-settings textarea:focus,
  html body .mdq-edit textarea:focus, html body .mdsp-field input:focus, html body .mdsp-field select:focus,
  html body .mdsp-field textarea:focus, html body .mdc-search input:focus,
  html body .mdcal-form input:focus, html body .mdcal-form select:focus {
    border-color: var(--color-primary, #9CC5B5) !important;
  }
  html body .mdsv-range input::placeholder, html body .mdsp-field input::placeholder, html body .mdsp-field textarea::placeholder,
  html body .mdcal-form input::placeholder, html body .mdc-search input::placeholder, html body .mdsp-search input::placeholder {
    color: var(--color-text-mute, #8C8C88);
  }
  html body .mdsv-range input[type="date"], html body .mdsv-datepick input[type="date"], html body .mdcal-form input[type="date"] { color-scheme: dark; }

  /* ================= 환자 만족도 결과 ================= */
  html body .mdsv-filterbar a, html body .mdsv-day.is-now .mdsv-day__d,
  html body .mdsv-fill__have, html body .mdsv-fill__lack summary { color: var(--color-primary, #9CC5B5); }
  html body .mdsv-day.is-ok { background: rgba(156,197,181,.10); border-color: rgba(156,197,181,.35); }
  html body .mdsv-day.is-ok .mdsv-day__n { color: #CFE3DA; }
  html body .mdsv-day.is-none { background: rgba(198,107,94,.16); border-color: rgba(198,107,94,.35); }
  html body .mdsv-day.is-none .mdsv-day__n, html body .mdsv-missing { color: #F0B3A8; }
  html body .mdsv-missing.is-clear { color: #CFE3DA; }
  html body .mdsv-day.is-sel { outline-color: var(--color-primary, #9CC5B5); }
  html body .mdsv-fill__bar { background: #2A2A28; }
  html body .mdsv-fill__row.is-lack .mdsv-fill__bar i { background: #E0B04A; }
  html body .mdsv-url code { background: var(--color-surface-alt, #202020); color: var(--color-text, #F2F2F0); }
  html body .mdsv-tpl pre { background: var(--color-surface-alt, #202020) !important; color: var(--color-text, #F2F2F0); }
  html body .mdsv-name { border-bottom-color: #4A4A47; }
  html body .mdsv-name:hover { color: var(--color-primary, #9CC5B5); }
  html body .mdsv-dim { color: #75756F; }

  /* 표 (명단 · 집계 · 응답) */
  html body .mdsv-table tr.is-answered td { background: rgba(156,197,181,.06); }
  html body .mdsv-table tr.is-lowrow td { background: rgba(198,107,94,.10); }
  html body .mdsv-rtable tr.mdsv-dayrow td { background: var(--color-surface-alt, #202020); color: var(--color-text, #F2F2F0); border-top-color: var(--color-border, #2E2E2C); }
  html body .mdsv-rtable tr.mdsv-dayrow small { color: var(--color-text-mute, #8C8C88); }
  html body .mdsv-when small { color: var(--color-text-mute, #8C8C88); }
  html body .mdsv-when .mdsv-same { color: #F0B3A8; }
  html body .mdsv-sc { background: #2A2A28; color: var(--color-text, #F2F2F0); }
  html body .mdsv-rtable .mdsv-sc:not(.is-low) { color: #D2D2CE; }
  html body .mdsv-sc.is-low { background: rgba(198,107,94,.22); color: #F0B3A8; }
  html body .mdsv-rtable td.num::before { color: var(--color-text-mute, #8C8C88); }
  @media (max-width: 700px) {
    html body .mdsv-rtable tbody tr:not(.mdsv-dayrow) { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); }
    html body .mdsv-rtable tbody tr.is-lowrow { background: rgba(198,107,94,.12); border-color: rgba(198,107,94,.35); }
    html body .mdsv-rtable tbody tr.mdsv-dayrow td { background: var(--color-surface-alt, #202020); }
  }

  /* 거르기 칩 · 태그 */
  html body .mdsv-chip { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); color: var(--color-text-sub, #B4B4B0); }
  html body .mdsv-chip.is-on { background: var(--color-primary, #9CC5B5); border-color: var(--color-primary, #9CC5B5); color: #121212; }
  html body .mdsv-chip--low:not(.is-on) b { color: #F0B3A8; }
  html body .mdsv-tag { background: #2A2A28; color: var(--color-text-sub, #B4B4B0); }
  html body .mdsv-tag--on { background: rgba(156,197,181,.12); color: #CFE3DA; }
  html body .mdsv-tag--nos { background: rgba(230,180,80,.13); color: #E8CF9A; }
  html body .mdsv-tag--call { background: rgba(198,107,94,.16); color: #F0B3A8; }
  html body .mdsv-nostat__on { background: #2A2A28; color: var(--color-text-sub, #B4B4B0); }
  html body .mdsv-link { color: var(--color-primary, #9CC5B5); }
  html body .mdsv-link--del, html body .mdsv-link--nos { color: var(--color-text-mute, #8C8C88) !important; }
  html body .mdsv-share.is-on { color: var(--color-text-sub, #B4B4B0); }
  html body .mdsv-tags .mdsv-share form { background: var(--color-surface-alt, #202020); border-color: var(--color-border, #2E2E2C); }
  html body .mdsv-share small { color: var(--color-text-mute, #8C8C88); }

  /* ⋯ 메뉴 */
  html body .mdsv-more > summary { color: var(--color-text-sub, #B4B4B0); }
  html body .mdsv-more > summary:hover, html body .mdsv-more[open] > summary { background: #2A2A28; color: var(--color-text, #F2F2F0); }
  html body .mdsv-more__box { background: var(--color-surface-alt, #202020); border-color: #3A3A37; box-shadow: 0 10px 26px rgba(0,0,0,.5); }
  html body .mdsv-more__box button { color: var(--color-text, #F2F2F0); }
  html body .mdsv-more__box button:hover { background: #2C2C2A; }
  html body .mdsv-more__box button.is-del { color: #F0B3A8; }

  /* 환자 화면 미리보기 — 아직 안 열린 틀이 흰 판으로 보이지 않게 */
  html body .mdsv-scr__ph { background: #121212; border-color: #333331; box-shadow: 0 10px 26px rgba(0,0,0,.45); }
  html body .mdsv-scr__bar select { border-color: #3A3A37 !important; }

  /* 엑셀 올리기 */
  html body .mdsv-upload__row input[type="file"] { background-color: var(--color-surface-alt, #202020) !important; }

  /* ================= 감사 인사 ================= */
  /* 첫 화면 「나에게 온 감사 인사」 */
  html body .mdpn { border-color: rgba(230,170,100,.45); background: linear-gradient(135deg, rgba(230,160,90,.16), rgba(230,160,90,.05)), var(--color-surface, #1A1A19); }
  html body .mdpn h2 { color: var(--color-text, #F2F2F0); }
  html body .mdpn p.mdpn-sub, html body .mdpn li small { color: var(--color-text-sub, #B4B4B0); }
  html body .mdpn li { background: var(--color-white, #1E1E1E); border-color: rgba(230,170,100,.22); }
  html body .mdpn blockquote { color: var(--color-text, #F2F2F0); }
  html body .mdpn-ok { background: #E0A54C; color: #1A1206; }
  html body .mdpn-ok:hover { background: #ECB561; }

  /* 첫 화면 돌아가는 카드 */
  html body .mdpr-item { background: var(--color-surface-alt, #202020); }
  html body .mdpr-q { color: var(--color-text, #F2F2F0); }
  html body .mdpr h2 small, html body .mdpr-all { color: var(--color-text-mute, #8C8C88); }
  html body .mdpr-nav button { color: var(--color-text-sub, #B4B4B0); }
  html body .mdpr-nav button:hover { background: #2A2A28; }

  /* 전체 보기 — 포스트잇을 어둡게 비친 색으로 */
  html body .mdpr-wall .mdpr-note { background: #3A3520; box-shadow: 0 6px 14px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3); }
  html body .mdpr-wall .mdpr-note:nth-child(5n+2) { background: #3D2A31; }
  html body .mdpr-wall .mdpr-note:nth-child(5n+3) { background: #233528; }
  html body .mdpr-wall .mdpr-note:nth-child(5n+4) { background: #24304A; }
  html body .mdpr-wall .mdpr-note:nth-child(5n+5) { background: #3D2F1E; }
  html body .mdpr-note::before { background: rgba(255,255,255,.14); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
  html body .mdpr-wall .mdpr-q { color: #F2EEE2; }
  html body .mdpr-wall .mdpr-meta { color: rgba(242,238,226,.68); }
  html body .mdpr-page .mdpr-note:target { outline-color: #E0A54C; }
  html body .mdpr-day h3 small { color: var(--color-text-mute, #8C8C88); }

  /* ================= 글귀 ================= */
  html body .mdq-t { color: var(--color-text-mute, #8C8C88); }

  /* ================= 경영지원실 요청·건의 ================= */
  html body .mdsp-field select {
    background-image: linear-gradient(45deg, transparent 50%, var(--color-text-sub, #B4B4B0) 50%), linear-gradient(135deg, var(--color-text-sub, #B4B4B0) 50%, transparent 50%) !important;
    background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
  }
  html body .mdsp-chip { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); color: var(--color-text-sub, #B4B4B0); }
  html body .mdsp-chip b { color: var(--color-text, #F2F2F0); }
  html body .mdsp-chip.is-on, html body .mdsp-chip.is-on b { background: var(--color-primary, #9CC5B5); border-color: var(--color-primary, #9CC5B5); color: #121212; }
  html body .mdsp-item__team { background: #2A2A28; color: var(--color-text, #F2F2F0); }
  html body .mdsp-item--is-pending { border-left-color: var(--color-primary, #9CC5B5); }
  html body .mdsp-item--is-done { border-left-color: #6E8F80; }
  html body .mdsp-answer { background: rgba(156,197,181,.10); border-left-color: rgba(156,197,181,.55); }
  html body .mdsp-answer__label { color: var(--color-primary, #9CC5B5); }
  html body .mdsp-answerform { border-color: var(--color-border, #2E2E2C); }
  html body .mdsp-btn { background: var(--color-white, #1E1E1E); border-color: #3A3A37; color: var(--color-text, #F2F2F0); }
  html body .mdsp-btn:hover { border-color: var(--color-primary, #9CC5B5); color: var(--color-primary, #9CC5B5); }
  html body .mdsp-btn--del { color: var(--color-text-mute, #8C8C88); }
  html body .mdsp-btn--done { background: #3F6656; border-color: #3F6656; color: #fff; }
  html body .mds-status.is-hold { background: #2A2A28; color: var(--color-text-sub, #B4B4B0); }
  html body .mdsp-office { background: var(--color-surface-alt, #202020); border-color: var(--color-border, #2E2E2C); border-left-color: var(--color-primary, #9CC5B5); }
  html body .mdsp-office__h, html body .mdsp-office .mdsp-field > span { color: var(--color-text, #F2F2F0); }
  html body .mdsp-office__tag { background: var(--color-primary, #9CC5B5); color: #121212; }
  html body .mdsp-msg { background: rgba(156,197,181,.07); border-left-color: #3E4A45; }
  html body .mdsp-msg__who { color: #A9BFB5; }
  html body .mdsp-msg--ask { background: rgba(224,138,90,.10); border-left-color: #E08A5A; }
  html body .mdsp-waiting { color: var(--color-text-mute, #8C8C88); }
  html body .mdsp-new__office { border-top-color: var(--color-border, #2E2E2C); }

  /* ================= Moon Dental Care ================= */
  html body .mdc-btn--primary, html body .mdc-btn--primary:hover { color: #121212; }
  html body .mdc-btn:hover, html body .mdc-topic__back:hover, html body .mdc-link:hover { color: var(--color-primary, #9CC5B5); }
  html body .mdc-tile:hover { box-shadow: 0 10px 26px rgba(0,0,0,.45); }
  html body .mdc-tab b, html body .mdc-prose strong, html body .mdc-drop__prog { color: var(--color-primary, #9CC5B5); }
  html body .mdc-steps__n { color: #121212; }
  html body .mdc-steps em { color: #F0B3A8; background: rgba(198,107,94,.16); }
  html body .mdc-tip { background: rgba(156,197,181,.10); border-left-color: rgba(156,197,181,.55); }
  html body .mdc-tip strong { color: var(--color-primary, #9CC5B5); }
  html body .mdc-table th { background: var(--color-surface-alt, #202020); }
  html body .mdc-caution li { background: rgba(198,107,94,.14); }
  html body .mdc-box--warn { border-color: rgba(198,107,94,.4); }
  html body .mdc-editbar { background: rgba(156,197,181,.10); border-color: rgba(156,197,181,.35); }
  html body .mdc-btn--edit[aria-pressed="true"] { background: #3F6656; border-color: #3F6656; }
  html body .mdc-drop { background: rgba(156,197,181,.06); }
  html body .mdc-drop:hover, html body .mdc-drop.is-over { background: rgba(156,197,181,.14); }
  html body .is-editing [data-care-caption]:focus { background: var(--color-white, #1E1E1E); }
  html body .mdc-file { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); }
  html body .mdc-file__ext { background: rgba(156,197,181,.14); color: #CFE3DA; }
  html body .mdc-file__del { background: var(--color-surface-alt, #202020); border-color: #3A3A37; color: #F0B3A8; }

  /* ================= 달력 ================= */
  html body .is-birthday { --cal: #F0A58C; --cal-bg: rgba(216,128,98,.18); }
  html body .is-anniv    { --cal: #9CC5B5; --cal-bg: rgba(156,197,181,.15); }
  html body .is-dayoff   { --cal: #6FCACA; --cal-bg: rgba(46,140,140,.20); }
  html body .is-event    { --cal: #93B4EE; --cal-bg: rgba(120,160,220,.18); }
  html body .is-closed   { --cal: #C2B6A8; --cal-bg: rgba(143,127,110,.20); }
  html body .is-edu      { --cal: #E6C45C; --cal-bg: rgba(230,180,80,.16); }
  html body .is-other    { --cal: #C4C4BF; --cal-bg: rgba(180,180,176,.14); }
  html body .mdcal-cell { background: var(--color-surface-alt, #202020); }
  html body .mdcal-cell.is-pad { background: transparent; }
  html body .mdcal-cell.is-today { background: #262625; border-color: var(--color-primary, #9CC5B5); }
  html body .mdcal-cell.is-sat .mdcal-cell__day span, html body .mdcal-dow.is-sat { color: #93B4EE; }
  html body .mdcal-cell.is-sun .mdcal-cell__day span, html body .mdcal-dow.is-sun { color: #F0A090; }
  html body .mdcal-cell__day em, html body .mdcal-bar__today, html body .mdcal-strip__more { color: var(--color-primary, #9CC5B5); }
  html body .mdcal-item, html body .mdcal-strip__list a { color: var(--color-text, #F2F2F0); }
  html body .mdcal-item:hover { color: #121212; }
  html body .mdcal-bar__nav, html body .mdcal-btn { background: var(--color-white, #1E1E1E); border-color: #3A3A37; color: var(--color-text, #F2F2F0); }
  html body .mdcal-bar__nav:hover, html body .mdcal-btn:hover { border-color: var(--color-primary, #9CC5B5); color: var(--color-primary, #9CC5B5); }
  html body .mdcal-btn--del:hover { border-color: #C66B5E; color: #F0B3A8; }
  html body .mdcal-bar__today { border-color: #3A3A37; }
  html body .mdcal-bar__add, html body .mdcal-bar__add:hover { background: var(--color-primary, #9CC5B5); border-color: var(--color-primary, #9CC5B5); color: #121212; }
  html body .mdcal-bar__add:hover { background: var(--color-primary-light, #B5D6C9); }
  html body .mdcal-form--edit { border-color: #3A3A37; }
}