/* Internal workspace layer: preserves view IDs, events, and existing route behavior. */
:root{
  --sip-bg:#f5f7f9;
  --sip-paper:#ffffff;
  --sip-ink:#172033;
  --sip-muted:#667386;
  --sip-line:#d7dee7;
  --sip-teal:#087f72;
  --sip-teal-soft:#e7f5f2;
  --sip-blue:#1559d6;
  --sip-warm:#a15e22;
  --sip-shadow:0 12px 28px rgba(23,32,51,.07);
}

html body.onae-themed{background:var(--sip-bg)!important;color:var(--sip-ink)!important;letter-spacing:0!important;}
html body.onae-themed header.app{background:#fff!important;color:var(--sip-ink)!important;border-bottom:1px solid var(--sip-line)!important;box-shadow:none!important;}
html body.onae-themed .hd-inner{max-width:1240px!important;min-height:64px!important;}
html body.onae-themed .brand,
html body.onae-themed .brand small{color:var(--sip-ink)!important;letter-spacing:0!important;}
html body.onae-themed .brand small{font-weight:700!important;opacity:.7;}
html body.onae-themed .brand-mark rect:first-child,
html body.onae-themed .brand-mark circle:last-child{fill:var(--sip-teal)!important;}
html body.onae-themed .brand-mark rect:nth-child(2){fill:#fff!important;}
html body.onae-themed .brand-mark circle{stroke:var(--sip-teal)!important;}
html body.onae-themed .btn-dark,
html body.onae-themed .btn-export,
html body.onae-themed .wallet-badge{background:#fff!important;color:var(--sip-ink)!important;border:1px solid var(--sip-line)!important;border-radius:6px!important;box-shadow:none!important;}
html body.onae-themed .btn-gold{background:var(--sip-teal)!important;border:1px solid var(--sip-teal)!important;border-radius:6px!important;box-shadow:none!important;color:#fff!important;}

html body.onae-themed nav.tabs{top:64px!important;background:#fff!important;border-bottom:1px solid var(--sip-line)!important;box-shadow:none!important;}
html body.onae-themed .tabs-inner{max-width:1240px!important;}
html body.onae-themed .tab-btn{min-height:48px!important;color:var(--sip-muted)!important;border-radius:0!important;font-weight:700!important;}
html body.onae-themed .tab-btn:hover{background:#f1f6f6!important;color:var(--sip-ink)!important;}
html body.onae-themed .tab-btn.active{background:#fff!important;color:var(--sip-teal)!important;border-bottom:3px solid var(--sip-teal)!important;}
html body.onae-themed .tab-ico{display:none!important;}
html body.onae-themed .study-journey-nav{background:#eef2f5!important;border-bottom:1px solid var(--sip-line)!important;}
html body.onae-themed .study-journey-inner{max-width:1000px!important;}
html body.onae-themed .study-journey-step{background:transparent!important;border-radius:0!important;color:var(--sip-muted)!important;}
html body.onae-themed .study-journey-step.is-active{color:var(--sip-ink)!important;}
html body.onae-themed .study-journey-step.is-active span{background:var(--sip-teal)!important;color:#fff!important;}
html body.onae-themed .study-journey-nav{display:none!important;}

html body.onae-themed main{max-width:1120px!important;padding:28px 24px 64px!important;}
html body.onae-themed .ctx-hero{margin:16px auto 8px!important;padding:0!important;}
html body.onae-themed .ctx-card{gap:16px!important;padding:20px 22px!important;background:#fff!important;border:1px solid var(--sip-line)!important;border-left:4px solid var(--sip-teal)!important;border-radius:8px!important;box-shadow:none!important;}
html body.onae-themed .ctx-card::before,
html body.onae-themed .ctx-card::after{display:none!important;}
html body.onae-themed .ctx-ico{width:48px!important;height:48px!important;background:var(--sip-teal-soft)!important;color:var(--sip-teal)!important;border-radius:8px!important;}
html body.onae-themed .ctx-txt h3,
html body.onae-themed h1,
html body.onae-themed h2,
html body.onae-themed h3,
html body.onae-themed h4{color:var(--sip-ink)!important;letter-spacing:0!important;}
html body.onae-themed .ctx-txt p,
html body.onae-themed .sec-desc,
html body.onae-themed .src,
html body.onae-themed .res-meta,
html body.onae-themed .store-info p{color:var(--sip-muted)!important;}
html body.onae-themed .ctx-badge{background:var(--sip-teal-soft)!important;color:#096b60!important;border-radius:4px!important;}
html body.onae-themed h2.sec{padding-left:0!important;font-size:24px!important;margin-top:28px!important;margin-bottom:6px!important;}
html body.onae-themed h2.sec::before{display:none!important;}
html body.onae-themed .view .card,
html body.onae-themed .care-banner,
html body.onae-themed .diag-card,
html body.onae-themed .rx-card{background:var(--sip-paper)!important;color:var(--sip-ink)!important;border:1px solid var(--sip-line)!important;border-radius:8px!important;box-shadow:none!important;}
html body.onae-themed .view .card:hover,
html body.onae-themed .diag-card:hover,
html body.onae-themed .rx-card:hover{border-color:#aebdca!important;box-shadow:var(--sip-shadow)!important;transform:translateY(-1px)!important;}
html body.onae-themed .btn,
html body.onae-themed .diag-go{background:var(--sip-teal)!important;border:1px solid var(--sip-teal)!important;border-radius:6px!important;color:#fff!important;box-shadow:none!important;}
html body.onae-themed .btn.ghost{background:#fff!important;color:var(--sip-ink)!important;border-color:#aebdca!important;}
html body.onae-themed .badge,
html body.onae-themed .chip,
html body.onae-themed .admin-pill{border-radius:4px!important;}
html body.onae-themed .badge.good{background:var(--sip-teal-soft)!important;color:#096b60!important;}

/* The planner is a focused daily workspace, not a decorative dashboard. */
html body.onae-themed #view-planner{max-width:960px;margin:0 auto;}
html body.onae-themed #view-planner .care-banner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:14px 16px!important;margin:18px 0!important;background:#fff!important;border-left:4px solid var(--sip-blue)!important;}
html body.onae-themed #view-planner .care-txt{display:grid!important;gap:2px!important;}
html body.onae-themed #view-planner .care-txt b{color:var(--sip-ink)!important;}
html body.onae-themed #view-planner .care-txt span{color:var(--sip-muted)!important;font-size:13px!important;}
html body.onae-themed #view-planner .card{padding:20px!important;margin-bottom:14px!important;}
html body.onae-themed #view-planner .progress-outer{height:8px!important;background:#e7edf1!important;border-radius:99px!important;}
html body.onae-themed #view-planner .progress-inner{background:var(--sip-teal)!important;}
html body.onae-themed #view-planner .week-grid{gap:8px!important;}
html body.onae-themed #view-planner .wk-cell{min-height:54px!important;display:grid!important;place-content:center!important;background:#f8fafb!important;border:1px solid var(--sip-line)!important;border-radius:6px!important;color:var(--sip-muted)!important;}
html body.onae-themed #view-planner .wk-cell b{color:var(--sip-ink)!important;}
html body.onae-themed #view-planner .wk-cell.today{background:var(--sip-teal-soft)!important;border-color:var(--sip-teal)!important;}
html body.onae-themed #view-planner .planner-top{padding-bottom:14px!important;border-bottom:1px solid var(--sip-line)!important;}
html body.onae-themed #view-planner input[type=date],
html body.onae-themed #view-planner .add-row input{background:#fff!important;border:1px solid #aebdca!important;border-radius:6px!important;color:var(--sip-ink)!important;}
html body.onae-themed #view-planner .todo-row{padding:13px 0!important;border-color:var(--sip-line)!important;}
html body.onae-themed #view-planner .empty{padding:28px 12px!important;border:1px dashed #aebdca!important;border-radius:6px!important;background:#f8fafb!important;color:var(--sip-muted)!important;text-align:left!important;}

/* The digital book store exposes evidence first, then the paid choice. */
html body.onae-themed #view-store{max-width:1000px;margin:0 auto;}
html body.onae-themed #view-store .store-banner{display:none!important;}
html body.onae-themed #view-store .store-card{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:20px!important;align-items:start!important;padding:20px!important;margin-bottom:12px!important;}
html body.onae-themed #view-store .store-cover{width:108px!important;height:151px!important;border-radius:4px!important;box-shadow:0 8px 18px rgba(23,32,51,.16)!important;}
html body.onae-themed #view-store .store-info{min-width:0!important;}
html body.onae-themed #view-store .store-info h3{font-size:18px!important;line-height:1.35!important;}
html body.onae-themed #view-store .store-info p{max-width:70ch!important;line-height:1.7!important;}
html body.onae-themed #view-store .store-price{display:flex!important;gap:8px!important;align-items:center!important;margin:13px 0!important;color:var(--sip-muted)!important;}
html body.onae-themed #view-store .store-price b{color:var(--sip-ink)!important;font-size:16px!important;}
html body.onae-themed #view-store .store-btns{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding-top:12px!important;border-top:1px solid var(--sip-line)!important;}
html body.onae-themed #view-store .store-btns .btn:first-child{background:#fff!important;color:var(--sip-teal)!important;border-color:var(--sip-teal)!important;}
html body.onae-themed #view-store .reader-card{max-width:780px!important;margin:0 auto!important;padding:30px!important;}
html body.onae-themed #view-store .reader-hero{margin:-30px -30px 24px!important;border-radius:8px 8px 0 0!important;overflow:hidden!important;}

/* UI-only display tools are intentionally removed from customer workspaces. */
html body.onae-themed .onae-dock,
html body.onae-themed #onaeDock,
html body.onae-themed .theme-dock,
html body.onae-themed .display-dock,
html body.onae-themed [data-onae-theme-dock],
html body.onae-themed .onae-switcher--float,
html body.onae-themed button[aria-label="화면 설정 열기"],
html body.onae-themed .promo-toast,
html body.onae-themed .welcome-code-banner,
html body.onae-themed #lpkWelcome{display:none!important;}
html body.onae-themed .site-foot{background:#172033!important;}

html body.onae-themed button:focus-visible,
html body.onae-themed a:focus-visible,
html body.onae-themed input:focus-visible,
html body.onae-themed select:focus-visible,
html body.onae-themed [tabindex]:focus-visible{outline:3px solid var(--sip-blue)!important;outline-offset:2px!important;}

@media(max-width:700px){
  html body.onae-themed .hd-inner{min-height:60px!important;padding:10px 14px!important;}
  html body.onae-themed .hd-actions{gap:5px!important;}
  html body.onae-themed .tabs-inner{overflow-x:auto!important;}
  html body.onae-themed .tab-btn{flex:0 0 auto!important;padding-inline:14px!important;}
  html body.onae-themed main{padding:20px 16px 48px!important;}
  html body.onae-themed .ev-workflow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 0 16px!important;border-radius:6px!important;}
  html body.onae-themed .ev-workflow button{min-height:62px!important;padding:10px!important;border-right:1px solid var(--sip-line)!important;border-bottom:1px solid var(--sip-line)!important;}
  html body.onae-themed .ev-workflow button:last-child{grid-column:1/-1!important;border-right:0!important;}
  html body.onae-themed .study-journey-step small{display:none!important;}
  html body.onae-themed #view-planner .care-banner{align-items:flex-start!important;flex-direction:column!important;}
  html body.onae-themed #view-store .store-card{grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important;padding:16px!important;}
  html body.onae-themed #view-store .store-cover{width:76px!important;height:106px!important;}
  html body.onae-themed #view-store .store-info h3{font-size:16px!important;}
}
@media(prefers-reduced-motion:reduce){html body.onae-themed *,html body.onae-themed *::before,html body.onae-themed *::after{animation:none!important;transition:none!important;}}