/* 도구 페이지 '밤하늘' 디자인 — 출석 대시보드·새신자 관리·사역 기획서·HTML Live Studio·HTML 스튜디오·설교 프롬프트 생성기
   화면에서만 적용하고, 인쇄할 때는 원래의 흰 종이 모양 그대로 나갑니다. */
@media screen{
/* ── 출석·새신자·기획서 앱: 색 변수 */
html[data-theme=dark]:root{
  --navy:#c8d6ff;--navy-2:#7d9dff;--navy2:#7d9dff;--navy-pale:#16224a;--navy-l:#16224a;
  --gold:#e0b25e;--gold-pale:#2a2618;--gold-l:#2a2618;
  --green:#3fae74;--green-pale:#11291f;--green-l:#11291f;
  --red:#ef6b5b;--red-pale:#3a1f28;--red-l:#3a1f28;--orange:#f0a050;--orange-pale:#33240f;
  --parch:#070c1c;--parch-2:#0f1733;--parch2:#0f1733;--parch-3:#22305a;--parch3:#22305a;
  --ink:#e9eeff;--ink-2:#c9d3f0;--ink2:#c9d3f0;--ink-3:#97a3c6;--ink3:#97a3c6;--ink-4:#7f8bb0;--ink4:#7f8bb0;
  --surface:#0f1733;--bg:#070c1c;--card:#0f1733;--line:#22305a;--shadow:0 10px 30px rgba(0,0,0,.3)}
html[data-theme=light]:root{--parch:#f4f6fc;--parch-2:#e9eefa;--parch2:#e9eefa;--parch-3:#dde3f3;--parch3:#dde3f3;--bg:#f4f6fc;--line:#dde3f3;--navy:#1b2a66;--navy-2:#3552d4;--navy2:#3552d4;--navy-pale:#eaeefd;--navy-l:#eaeefd}

/* 앱 머리말: 밤하늘 띠 */
html[data-theme] .app-header,html[data-theme] body:has(.hbtns) .header{position:relative;overflow:hidden;
  background:radial-gradient(ellipse 60% 140% at 50% 160%,rgba(150,180,255,.45),rgba(60,95,220,.25) 40%,transparent 70%),#060a18!important;border-bottom:1px solid rgba(150,175,255,.16);box-shadow:none}
html[data-theme] .app-header .app-title,html[data-theme] .logo-name{color:#f2f5ff}
html[data-theme] .header-btns .btn,html[data-theme] .hbtns .btn{border-radius:999px}
html[data-theme] .btn-gold{color:#2b1d05!important}
html[data-theme] .app-header .theme-toggle,html[data-theme] .hbtns~.theme-toggle,html[data-theme] body:has(.hbtns) .header .theme-toggle{color:#e9eeff;border-color:rgba(255,255,255,.25)}
html[data-theme] .logo-mark{background:radial-gradient(circle at 35% 30%,#fff,#7d9dff 55%,#26338a)!important;border-radius:50%!important}

/* 탭·표·입력 */
html[data-theme=dark] .tabs{background:rgba(7,12,28,.6);border-color:#22305a}
html[data-theme] .tab{border-radius:0}
html[data-theme=dark] :is(.section,.stat-card,.plan-card,.pipe-step,.modal-box,.modal-content,.form-card,.person-card,.card){background:linear-gradient(180deg,rgba(28,42,82,.5),rgba(15,23,51,.75))!important;border-color:rgba(150,175,255,.16)!important}
html[data-theme] :is(.section,.stat-card,.plan-card){border-radius:16px}
html[data-theme=dark] th{background:#16224a!important;color:#c8d6ff!important;border-color:#22305a!important}
html[data-theme=dark] td{border-color:#22305a!important}
html[data-theme=dark] tr:hover td{background:rgba(125,157,255,.07)}
html[data-theme=dark] :is(input,select,textarea){background:rgba(7,12,28,.7)!important;color:#e9eeff!important;border-color:rgba(150,175,255,.24)!important}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#7f8bb0}
html[data-theme] :is(input,select,textarea){border-radius:10px}
html[data-theme=dark] .pipe-step:hover{background:rgba(125,157,255,.1)!important}

/* ── HTML Live Studio 안내 페이지 */
html[data-theme] .wrap>.top .logo{color:var(--ink)}
html[data-theme=dark] .wrap>.top .btn{background:transparent;color:#e9eeff;border-color:rgba(150,175,255,.3);border-radius:999px}
html[data-theme] .wrap>.hero{background:radial-gradient(ellipse 70% 120% at 50% 140%,rgba(150,180,255,.5),rgba(60,95,220,.3) 35%,transparent 65%),#060a18!important;border:1px solid rgba(150,175,255,.16)}
html[data-theme] .wrap>.hero h1{font-family:'Nanum Myeongjo','Noto Serif KR',serif}
html[data-theme=dark] .code{background:#050914;border:1px solid #22305a}

/* ── HTML 스튜디오(전체 화면 편집기): 항상 남색 */
body.studio{--bg:#070c1c;--panel:#0f1733;--panel-soft:#0b1228;--border:rgba(150,175,255,.14);--accent:#7d9dff;--accent-soft:rgba(125,157,255,.16);background:radial-gradient(1000px 420px at 50% -120px,rgba(40,70,170,.4),transparent 70%),#070c1c!important}
body.studio header{background:rgba(7,12,28,.8)!important}
body.studio button,body.studio input{border-radius:999px}

/* ── 설교 프롬프트 생성기(Tailwind 화면) */
html[data-theme=dark] body.shrai{background:#070c1c!important;color:#e9eeff!important;
  background-image:radial-gradient(1200px 520px at 50% -160px,rgba(40,70,170,.35),transparent 70%)!important;background-attachment:fixed!important}
html[data-theme=dark] .shrai :is(.bg-white,.bg-stone-50,.bg-stone-100,.bg-gray-50,.bg-gray-100,.bg-white\/80,.bg-white\/90){background-color:#0f1733!important}
html[data-theme=dark] .shrai :is(.bg-stone-200,.bg-gray-200){background-color:#16224a!important}
html[data-theme=dark] .shrai :is(.bg-stone-800,.bg-stone-900,.bg-gray-800,.bg-gray-900){background-color:#4a66e0!important}
html[data-theme=dark] .shrai :is(.text-stone-900,.text-stone-800,.text-gray-900,.text-gray-800){color:#e9eeff!important}
html[data-theme=dark] .shrai :is(.text-stone-700,.text-stone-600,.text-gray-700,.text-gray-600){color:#c9d3f0!important}
html[data-theme=dark] .shrai :is(.text-stone-500,.text-stone-400,.text-gray-500,.text-gray-400){color:#97a3c6!important}
html[data-theme=dark] .shrai :is(.border-stone-100,.border-stone-200,.border-stone-300,.border-gray-100,.border-gray-200,.border-gray-300){border-color:#22305a!important}
html[data-theme=dark] .shrai :is(input,select,textarea){background:#070c1c!important;color:#e9eeff!important;border-color:#22305a!important}
html[data-theme=dark] .shrai ::-webkit-scrollbar-track{background:#070c1c}
html[data-theme=dark] .shrai ::-webkit-scrollbar-thumb{background:#22305a}
html[data-theme] .shrai .theme-toggle{position:fixed;right:16px;top:14px;z-index:50;background:rgba(7,12,28,.7);color:#e9eeff}

/* --navy 를 바탕으로 쓰던 곳 */
html[data-theme=dark] :is(.toast,.add-sched-btn){background:#4a66e0!important;color:#fff!important}
html[data-theme=dark] .add-sched-btn:hover{background:#5d78ec!important}
html[data-theme=dark] tr:nth-child(even) td{background:rgba(125,157,255,.05)}
html[data-theme=dark] .shrai :is(.bg-blue-50){background-color:rgba(125,157,255,.14)!important;border-color:rgba(125,157,255,.3)!important}
html[data-theme=dark] .shrai :is(.text-blue-600,.text-blue-600\/80,.text-blue-700){color:#a9bbff!important}
html[data-theme=dark] .shrai :is(.bg-stone-200\/50,.bg-stone-300,.bg-stone-100\/50){background-color:#16224a!important}
html[data-theme=dark] .shrai [class*="cream-paper"]{background-image:none!important}
html[data-theme=dark] .shrai .text-stone-300{color:#7f8bb0!important}

/* ── 새신자 정착 관리 Pro (원래 남색 앱): 사이트 남색으로 맞춤 */
html.newcomer-pro{--bg:#070c1c;--panel:#0f1733;--panel-2:#16224a;--card:#0d1530;--blue:#7d9dff;--blue-2:#4a66e0;--line:rgba(150,175,255,.12)}
html.newcomer-pro,html.newcomer-pro body{background:radial-gradient(1100px 480px at 60% -160px,rgba(40,70,170,.38),transparent 70%),#070c1c!important;background-attachment:fixed!important}
html.newcomer-pro :is(.input,.select,.textarea){background:#0b1228}
html.newcomer-pro th{background:#16224a}
html.newcomer-pro .person-card{background:#0f1733}
html.newcomer-pro .person-card:hover{background:#16224a}

/* ── 심방 기도문 (검정·금색 앱): 남색 밤하늘 + 금색 포인트 */
html.prayer-app{--bg:#070c1c;--s1:#0f1733;--s2:#16224a;--s3:#1c2a58;--b1:rgba(150,175,255,.1);--b2:rgba(150,175,255,.2);--gold:#e0b25e;--gold-d:#a37a2c;--gold-g:rgba(242,208,143,.14);--tx:#e9eeff;--tx2:#c9d3f0;--tx3:#97a3c6;--wh:#f2f5ff}
html.prayer-app body{background:radial-gradient(1100px 480px at 50% -160px,rgba(40,70,170,.38),transparent 70%),#070c1c!important;background-attachment:fixed!important}
html.prayer-app header{background:rgba(7,12,28,.82)!important;border-color:rgba(150,175,255,.14)!important}

/* ── 디지털 명함: 어두운 화면이면 밤하늘 명함 */
html.card-page[data-theme=dark]{--card:rgba(15,23,51,.92);--text:#e9eeff;--sub:#a3aecf;--line:rgba(150,175,255,.18);--soft:#16224a;--shadow:0 30px 80px rgba(0,0,0,.5);--shadow-soft:0 12px 30px rgba(0,0,0,.3)}
html.card-page[data-theme=dark],html.card-page[data-theme=dark] body{background:radial-gradient(1100px 480px at 50% -160px,rgba(40,70,170,.4),transparent 70%),#070c1c!important;color:#e9eeff}
html.card-page[data-theme=dark] .hero{background:radial-gradient(ellipse 80% 70% at 50% 125%,rgba(150,180,255,.55),rgba(60,95,220,.32) 35%,transparent 65%),radial-gradient(700px 300px at 50% -10%,#14224f,transparent 70%),#060a18!important}
html.card-page[data-theme=dark] :is(.intro-box,.consult-box,.service-card,.info-item,.gallery-card,.mini-shot){background:linear-gradient(180deg,rgba(28,42,82,.55),rgba(15,23,51,.85))!important;border-color:rgba(150,175,255,.16)!important;color:#e9eeff}
html.card-page[data-theme=dark] :is(.intro-lead,.consult-lead){background:rgba(125,157,255,.12)!important;color:#dce4ff}
html.card-page[data-theme=dark] :is(.intro-chip,.consult-chip,.service-tag,.btn-light){background:transparent!important;border-color:rgba(150,175,255,.3)!important;color:#e9eeff!important}
html.card-page[data-theme=dark] .info-icon{background:#16224a!important}
html.card-page[data-theme=dark] :is(.mini-caption,.gallery-caption){background:#0f1733!important;color:#c9d3f0}
html.card-page[data-theme=dark] .btn-dark{background:#e9eeff!important;color:#070c1c!important}
html.card-page[data-theme=dark] .sticky-cta a{background:linear-gradient(135deg,#4a66e0,#7d9dff)!important}

html.card-page[data-theme=dark] :is(.section-title,.info-icon,.service-meta,.intro-label,.consult-label){color:#a9bbff!important}
html.card-page[data-theme=dark] :is(h3,h4):not(.hero *){color:#e9eeff!important}
html.card-page[data-theme=dark] :is(p,.intro-paragraph,.consult-text):not(.hero *){color:#c9d3f0!important}
html.card-page[data-theme=dark] :is(.footer,.info-item strong,strong):not(.hero *){color:#97a3c6!important}
}