/* v9.250 · 직원 라운지 다크 모드 — 바탕(첫 화면 머리 · 타일 · 배지 · 로그인 · 공통 단추 · 입력칸)
   + 직원 정보(명단 · 가입 신청 · 권한 · 기기 · 인터넷 · 열람 기록) · 내 정보 · 양식&링크 · 교육자료 · 기구·장비 대장 · 진료비 · 이메일 인증
   (원장 지시 2026-10-20) — 라운지 페이지에서만 실림(md_sup_enqueue_dark). 밝은 화면은 그대로. */
@media (prefers-color-scheme: dark) {

  /* ---------- 공통: 주색(밝은 초록) 바탕 위 글자는 어둡게 — 흰 글자는 대비 1.9:1 ---------- */
  html body .mds-btn--fill,
  html body .mds-btn--fill:hover,
  html body a.mds-btn--fill,
  html body .mds-tab.is-on,
  html body .mds-app__badge,
  html body .mda-wide.mds-btn--fill,
  html body .mds-gate .button-primary,
  html body .mds-gate input[type="submit"] { color: #121212; }

  /* ---------- 공통: 모양 꼬리표 없는 <button class="mds-btn"> — 브라우저 기본 회색(#6B6B6B)에 흰 글자로 나오던 것 (연결 · 모두 끊기 등).
     :where 로 가볍게(0,1,3) — 다른 화면의 html body .x .mds-btn 규칙이 이긴다 ---------- */
  html body button.mds-btn:where(:not(.mds-btn--fill):not(.mds-btn--ghost):not(.mds-btn--danger):not(.mda-btn-danger):not(.mdf-danger)) { background: var(--color-surface-alt, #202020); color: var(--color-primary, #9CC5B5); border-color: var(--color-primary, #9CC5B5); }

  /* ---------- 공통: 입력칸 — 사이트 옛 다크(style.css 의 갈색 #241c17 !important)를 토큰으로.
     같은 칸 묶음 · 같은 무게(0,1,1)로 뒤에 실려 그것만 바꾼다 — 다른 작업자의 html body … 규칙은 그대로 이긴다 ---------- */
  :where(html body) input[type="text"], :where(html body) input[type="email"], :where(html body) input[type="tel"],
  :where(html body) input[type="date"], :where(html body) textarea, :where(html body) select {
    background-color: var(--color-white, #1E1E1E) !important;
    color: var(--color-text, #F2F2F0) !important;
    border-color: var(--color-border, #2E2E2C) !important;
  }
  /* 그 묶음에 없는 칸(비밀번호 · 찾기 · 주소 · 숫자 · type 없음)은 !important 없이 — 흰 바탕 #fff 로 남던 것 */
  :where(html body) input[type="password"], :where(html body) input[type="search"], :where(html body) input[type="url"],
  :where(html body) input[type="number"], :where(html body) input:not([type]) {
    background-color: var(--color-white, #1E1E1E);
    color: var(--color-text, #F2F2F0);
    border-color: var(--color-border, #2E2E2C);
  }
  html body .mdst-q, html body .mdf-q, html body .mdfee__q { background: var(--color-white, #1E1E1E); color: var(--color-text, #F2F2F0); border-color: var(--color-border, #2E2E2C); }
  html body .mds-gate__box input[type="password"], html body .mds-gate__box .mda-f input[type="password"] { background: var(--color-white, #1E1E1E); }
  html body .mds-gate .button-primary { border-color: var(--color-primary, #9CC5B5); }
  html body input::placeholder, html body textarea::placeholder { color: var(--color-text-mute, #8C8C88); opacity: 1; }
  html body input:focus, html body textarea:focus, html body select:focus { border-color: var(--color-primary, #9CC5B5) !important; }
  html body input[type="checkbox"], html body input[type="radio"] { accent-color: var(--color-primary, #9CC5B5); color-scheme: dark; }

  /* ---------- 첫 화면 타일 · 배지 ---------- */
  html body .mds-app { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); box-shadow: 0 6px 20px rgba(0, 0, 0, .4); }
  html body .mds-app:hover { border-color: var(--color-primary, #9CC5B5); box-shadow: 0 14px 32px rgba(0, 0, 0, .55); }
  html body .mds-app__label { color: var(--color-text, #F2F2F0); }
  html body .mds-app__icon { background: var(--color-surface-alt, #202020); }
  html body .mds-app__badge { background: var(--color-primary, #9CC5B5); }
  html body .mds-app__badge.mds-app__badge--trial { background: rgba(230, 180, 80, .13); color: #E8CF9A; border-color: rgba(230, 180, 80, .3); }

  /* ---------- 로그인 · 회원가입 신청 ---------- */
  html body .mds-gate__box { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); box-shadow: 0 6px 20px rgba(0, 0, 0, .4); }
  html body .mda-join-btn { color: var(--color-primary, #9CC5B5); border-color: var(--color-primary, #9CC5B5); }
  html body .mda-join-btn:hover { background: rgba(156, 197, 181, .12); }
  html body .mda-lost, html body .mda-back { color: var(--color-text-sub, #B4B4B0); }
  html body .mda-login-note, html body .mda-privacy { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mda-login-err { background: rgba(198, 107, 94, .16); color: #F0B3A8; border-color: rgba(198, 107, 94, .35); }
  html body .mda-set { border-color: var(--color-border, #2E2E2C); }
  html body .mda-set legend { color: var(--color-text, #F2F2F0); }
  html body .mda-f { color: var(--color-text-sub, #B4B4B0); }
  html body .mda-f b, html body .mda-agree b, html body .mda-err { color: #F0B3A8; }

  /* ---------- 내 정보 · 기기 ---------- */
  html body .mda-temp { background: var(--color-surface-alt, #202020); color: var(--color-text, #F2F2F0); }
  html body .mdsec-list li { border-color: var(--color-border, #2E2E2C); }
  html body .mdsec-tag { background: rgba(156, 197, 181, .12); color: #CFE3DA; }

  /* ---------- 직원 정보 · 명단 ---------- */
  html body .mdst-bar { background: var(--color-bg, #121212); }
  html body .mdst-stats li { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mdst-stats b { color: var(--color-text, #F2F2F0); }
  html body .mdst-sum:hover, html body .mdst-item.is-open > .mdst-sum { background: var(--color-surface-alt, #202020); }
  html body .mdst-item.is-open { background: var(--color-surface, #1A1A19); }
  html body .mdst-sum__ph { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mdst-sum__c[data-empty] { color: var(--color-text-mute, #8C8C88); }
  html body .mdst-sum--new { color: var(--color-primary, #9CC5B5); }
  html body .mdst-acc--on { background: rgba(156, 197, 181, .12); color: #CFE3DA; }
  html body .mdst-acc--pending { background: rgba(230, 180, 80, .13); color: #E8CF9A; }
  html body .mdst-acc--shared { background: rgba(120, 160, 220, .14); color: #B9CCEB; }
  html body .mdst-acc--none { background: transparent; color: var(--color-text-mute, #8C8C88); }
  html body .mdst-cols { border-color: var(--color-border, #2E2E2C); color: var(--color-text-mute, #8C8C88); }
  html body .mdst-item, html body .mdst-item:first-child { border-top-color: var(--color-border, #2E2E2C); }
  html body .mdst-item:first-child { border-top: 0; }

  /* 계정 칸 · 가입 신청 */
  html body .mda-acc, html body .mda-perms { background: var(--color-surface-alt, #202020); color: var(--color-text, #F2F2F0); }
  html body .mda-acc--loose { background: var(--color-surface-alt, #202020); border-color: var(--color-border, #2E2E2C); }
  html body .mda-acc__line--none, html body .mda-note, html body .mda-last, html body .mda-app__when, html body .mda-perm small,
  html body .mda-reject summary, html body .mda-notify summary, html body .mda-manage summary, html body .mda-logdet summary { color: var(--color-text-sub, #B4B4B0); }
  html body .mda-chip { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); color: var(--color-text-sub, #B4B4B0); }
  html body .mda-chip--active { color: #CFE3DA; border-color: rgba(156, 197, 181, .45); background: rgba(156, 197, 181, .12); }
  html body .mda-chip--off { color: #F0B3A8; border-color: rgba(198, 107, 94, .45); background: rgba(198, 107, 94, .16); }
  html body .mda-chip--pending { color: #E8CF9A; border-color: rgba(230, 180, 80, .4); background: rgba(230, 180, 80, .13); }
  html body .mda-app { background: var(--color-surface-alt, #202020); border-color: var(--color-primary, #9CC5B5); }
  html body .mda-perms__base, html body .mda-log tr.is-unlock td { color: #CFE3DA; }
  html body .mda-lock { background: rgba(198, 107, 94, .16); border-color: rgba(198, 107, 94, .35); }
  html body .mda-log th, html body .mda-log td, html body .mda-ret { border-color: var(--color-border, #2E2E2C); }
  html body .mda-log th { color: var(--color-text-sub, #B4B4B0); }
  html body .mda-log tr.is-fail td, html body .mda-retire summary { color: #F0B3A8; }
  html body .mda-unknown { background: rgba(198, 107, 94, .16); color: #F0B3A8; }
  html body .mda-out { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mda-btn-danger { color: #F0B3A8 !important; border-color: rgba(198, 107, 94, .6) !important; }
  html body .mdsp-me { background: var(--color-surface-alt, #202020) !important; }

  /* ---------- 직원 정보 · 권한 표 ---------- */
  html body .mdsec-matrix th, html body .mdsec-matrix td { background-color: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); color: var(--color-text, #F2F2F0); }
  html body .mdsec-matrix thead th { background: var(--color-white, #1E1E1E); color: var(--color-text-sub, #B4B4B0); box-shadow: 0 1px 0 var(--color-border, #2E2E2C); }
  html body .mdsec-matrix thead th .mdsec-lab { color: var(--color-text, #F2F2F0); }
  html body .mdsec-matrix tbody th small { color: var(--color-text-mute, #8C8C88); }
  html body .mdsec-matrix tbody tr:nth-child(even) > * { background: var(--color-surface, #1A1A19); }
  html body .mdsec-matrix tbody tr:hover > * { background: var(--color-surface-alt, #202020); }
  html body .mdsec-matrix .is-col { background: rgba(156, 197, 181, .08); }
  html body .mdsec-matrix tbody tr:hover > .is-col { background: rgba(156, 197, 181, .16); }
  html body .mdsec-matrix thead th.is-tog:hover, html body .mdsec-matrix thead th.is-tog:focus { color: var(--color-primary, #9CC5B5); }
  html body .mdsec-matrix .mdsec-cell input { accent-color: #9CC5B5; }
  html body .mdsec-matrix .mdsec-grade { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mdsec-matrix .mdsec-grade--owner { background: rgba(156, 197, 181, .12); color: #CFE3DA; }
  html body .mdsec-matrix .mdsec-grade--mgr { background: rgba(120, 160, 220, .14); color: #B9CCEB; }
  html body .mdsec-matrix tbody tr:nth-child(5n) > * { border-bottom-color: #3A3A38; }
  html body .mdsec-legend li { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mdsec-legend li b { color: var(--color-text, #F2F2F0); }
  html body .mdsec-legend__lock { background: #3A3A38; border-color: #4A4A47; }
  html body .mdsec-save { background: linear-gradient(to top, var(--color-white, #1E1E1E) 75%, rgba(30, 30, 30, 0)); }
  html body .mdsec-save .mds-btn.is-dirty { box-shadow: 0 0 0 3px rgba(156, 197, 181, .35); }
  html body .mdsec-help summary { color: var(--color-text-sub, #B4B4B0); }
  @media (max-width: 760px) {
    html body .mdsec-matrix tbody tr { background: var(--color-white, #1E1E1E); }
    html body .mdsec-matrix tbody th, html body .mdsec-matrix tbody td,
    html body .mdsec-matrix tbody tr:nth-child(even) > *, html body .mdsec-matrix tbody tr:hover > * { background: transparent; }
    html body .mdsec-matrix tbody td[data-l] { background: var(--color-surface-alt, #202020); border-color: var(--color-border, #2E2E2C); }
    html body .mdsec-matrix tr.is-lock td[data-l] { background: var(--color-surface, #1A1A19); color: var(--color-text-mute, #8C8C88); }
    html body .mdsec-matrix tbody th { box-shadow: none; }
  }

  /* ---------- 양식&링크 · 교육자료 ---------- */
  html body .mdf-secret, html body .mde .mdf-secret { color: #F0B3A8; }
  html body .mde .mdf-secret { background: rgba(198, 107, 94, .16); border: 1px solid rgba(198, 107, 94, .35); }
  html body .mdf-up input[type=file], html body .mdf-edit input[type=file] { background: var(--color-surface-alt, #202020); border-color: var(--color-border, #2E2E2C); color: var(--color-text-sub, #B4B4B0); }
  html body .mdf-edit { border-color: var(--color-border, #2E2E2C); }
  html body .mdf-danger { color: #F0B3A8 !important; }
  html body .mde-hero { background: linear-gradient(135deg, var(--color-white, #1E1E1E) 0%, var(--color-white, #1E1E1E) 55%, var(--color-surface-alt, #202020) 100%); }
  html body .mde-stats li { background: var(--color-surface-alt, #202020); border-color: var(--color-border, #2E2E2C); color: var(--color-text-sub, #B4B4B0); }
  html body .mde-stats b { color: var(--color-text, #F2F2F0); }
  html body .mde-sec small { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mde-card:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, .4); }
  html body .mde-media { background: var(--color-surface-alt, #202020); }
  html body .mde-media--link { background: linear-gradient(135deg, rgba(120, 160, 220, .14), rgba(120, 160, 220, .08)); }
  html body .mde-host { color: #B9CCEB; }
  html body .mde-fileico { background: var(--color-white, #1E1E1E); box-shadow: 0 2px 8px rgba(0, 0, 0, .4); color: var(--color-text-sub, #B4B4B0); }
  html body .mde-fileico::after { border-color: transparent rgba(255, 255, 255, .12) transparent transparent; }
  html body .mde-media--pdf { background: rgba(198, 107, 94, .16); } html body .mde-media--pdf .mde-fileico { color: #F0B3A8; }
  html body .mde-media--hwp, html body .mde-media--doc { background: rgba(120, 160, 220, .14); } html body .mde-media--hwp .mde-fileico, html body .mde-media--doc .mde-fileico { color: #B9CCEB; }
  html body .mde-media--xls { background: rgba(156, 197, 181, .12); } html body .mde-media--xls .mde-fileico { color: #CFE3DA; }
  html body .mde-media--ppt { background: rgba(230, 180, 80, .13); } html body .mde-media--ppt .mde-fileico { color: #E8CF9A; }
  html body .mde-media--zip, html body .mde-media--txt { background: var(--color-surface-alt, #202020); }
  html body .mde-secs__row input[name="e_name[]"] { background: var(--color-white, #1E1E1E); }
  html body .mde-secdel { background: rgba(198, 107, 94, .16); border-color: rgba(198, 107, 94, .35); }

  /* ---------- 기구·장비 대장 · 진료비 ---------- */
  html body .mdeq__frame iframe { background: var(--color-white, #1E1E1E); }
  html body .mdfee__tab { background: var(--color-white, #1E1E1E); border-color: var(--color-border, #2E2E2C); color: var(--color-text, #F2F2F0); }
  html body .mdfee__tab.is-on { background: var(--color-primary, #9CC5B5); border-color: var(--color-primary, #9CC5B5); color: #121212; }
  html body .mdfee__wrap, html body .mdfee__t td, html body .mdfee__t tr { border-color: var(--color-border, #2E2E2C); }
  html body .mdfee__t th { background: var(--color-surface-alt, #202020); color: var(--color-text-sub, #B4B4B0); }
  html body .mdfee__won { color: var(--color-text, #F2F2F0); }
  html body .mdfee__t tbody tr:nth-child(even) { background: var(--color-surface, #1A1A19); }
  html body .mdfee__t mark { background: rgba(230, 180, 80, .35); color: #F2F2F0; }
  html body .mdfee__t td::before { color: var(--color-text-mute, #8C8C88); }
  @media (max-width: 640px) { html body .mdfee__t tbody tr:nth-child(even) { background: none; } }
}