/* 아그만 — 어른 화면(부모 서재·선생님 연구실) 차분하게 (2026-11-12)
   범위: :root[data-band="adult"] 아래 규칙만. 학생 화면(e34·e56·m·h)은 건드리지 않음.
   불러오기: index.html에서 app.css 다음 줄에 <link rel="stylesheet" href="assets/css/adult.css">
   글꼴: Pretendard는 fonts.css에 이미 있음(400·600·700·800) — 따로 링크 필요 없음.
   어둡게: app.css와 같은 방식(data-theme="dark" + prefers-color-scheme:dark & not light). */

/* ── 1. 토큰: 장식 글꼴·큰 둥글기·큰 그림자 빼기 ── */
:root[data-band="adult"]{
  --display:"Pretendard","Pretendard Variable","Malgun Gothic",system-ui,sans-serif;
  --label:"Pretendard","Pretendard Variable","Malgun Gothic",system-ui,sans-serif;
  --r-btn:8px; --r-card:10px; --r-stage:12px; --r-s:8px;
  --lift:none; --lift-hi:none;
}

/* 제목: Pretendard 굵게(700), 자간 덜 조이기 */
:root[data-band="adult"] :is(h1,h2,h3){font-family:var(--display);font-weight:700;letter-spacing:-.02em}
:root[data-band="adult"] h1{font-size:clamp(1.5rem,4vw,2rem)}
:root[data-band="adult"] .brand{font-weight:700}

/* ── 2. 모눈·그림 배경 → 단색 바탕 ── */
:root[data-band="adult"] .room{display:none}
:root[data-band="adult"] body{background:var(--bg)}
:root[data-band="adult"] .top{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line)}

/* 부모 서재 머리띠: 짙은 숲색 띠·황동 괘선 → 그냥 제목 */
:root[data-band="adult"][data-room="study"] .view>.stack>h1:first-child{font-size:clamp(1.5rem,4vw,2rem);color:var(--ink);background:none;box-shadow:none;clip-path:none;padding:0}
:root[data-band="adult"][data-room="study"] .view>.stack>h1:first-child+p{color:var(--ink-2);background:none;box-shadow:none;clip-path:none;margin:-8px 0 4px;padding:0}

/* ── 3. 카드: 큰 그림자 → 1px 테두리, 둥글기 10px ── */
:root[data-band="adult"] :is(.sheet,.unit,.stu,.who,.report,.billing){box-shadow:none;border:1px solid var(--line);border-radius:var(--r-card)}
:root[data-band="adult"] .sheet .sheet{border:0}
:root[data-band="adult"] :is(.rblock,.report-next,.passage,.notice){border-radius:8px}
:root[data-band="adult"] .rblock{background:var(--bg);border:1px solid var(--line)}
:root[data-band="adult"] .report .big{font-family:var(--ui);font-weight:700;font-size:1.6rem;letter-spacing:-.02em}
:root[data-band="adult"] .t-today{border:1px solid var(--line);border-top:3px solid var(--leaf)}
/* 고른 학생: 두꺼운 테두리 대신 왼쪽 줄 + 연한 바탕 */
:root[data-band="adult"] .stu[aria-pressed="true"],
:root[data-band="adult"] .t-stu .stu[aria-pressed="true"]{outline:0;border-color:var(--leaf);box-shadow:inset 3px 0 0 var(--leaf);background:color-mix(in srgb,var(--leaf-weak) 45%,var(--paper))}
:root[data-band="adult"] .stu .av{border-radius:8px}
:root[data-band="adult"] .who{border-radius:8px;min-height:40px}
:root[data-band="adult"] .iconbtn{border-radius:8px}
/* 노란 안내 상자 → 바탕색 + 테두리 */
:root[data-band="adult"] .notice{background:var(--bg);border:1px solid var(--line)}

/* ── 4. 알약 탭 → 밑줄 탭 ── */
:root[data-band="adult"] .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;width:100%;max-width:100%;
  padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
:root[data-band="adult"] .tabs::-webkit-scrollbar{display:none}
:root[data-band="adult"] .tab{flex:none;white-space:nowrap;min-height:44px;padding:0 14px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;
  border-radius:0;background:transparent;box-shadow:none;color:var(--ink-2);font-weight:600}
:root[data-band="adult"] .tab:hover{color:var(--ink)}
:root[data-band="adult"] .tab[aria-selected="true"]{background:transparent;color:var(--ink);border-bottom-color:var(--leaf);box-shadow:none;font-weight:700}
:root[data-band="adult"] .tab .cnt,
:root[data-band="adult"] .tab[aria-selected="true"] .cnt{background:var(--leaf-weak);color:var(--leaf);border-radius:6px}
/* 숫자 버튼 묶음(seg)도 각지게 */
:root[data-band="adult"] .seg{border-radius:8px}
:root[data-band="adult"] .seg button{border-radius:6px}

/* ── 5. 52px 알약 버튼 → 44px 각진 버튼 ── */
:root[data-band="adult"] .btn{min-height:44px;padding:0 18px;border-radius:var(--r-btn);font-weight:700;font-size:.95rem}
:root[data-band="adult"] .btn:not(.ghost):not(.quiet){box-shadow:none}
:root[data-band="adult"] .btn.ghost,
:root[data-band="adult"] .btn.quiet{box-shadow:none;border:1px solid var(--line)}
:root[data-band="adult"] .btn.ghost:active:not(:disabled),
:root[data-band="adult"] .btn.quiet:active:not(:disabled){box-shadow:none;transform:none;opacity:.85}
:root[data-band="adult"] .t-today-act .btn,
:root[data-band="adult"] .mebar .btn{min-height:44px}
:root[data-band="adult"] .chip{border-radius:8px}
:root[data-band="adult"] .field input,
:root[data-band="adult"] .field select{border-width:1px;border-radius:8px}

/* ── 6. 노란 숫자 상자 → 흰 바탕 + 테두리 ── */
:root[data-band="adult"] .t-stats>div{background:var(--paper);border:1px solid var(--line);border-radius:8px}
:root[data-band="adult"] .t-stats b{font-weight:700}

/* ── 7. 캐릭터는 로고에만 ── */
:root[data-band="adult"] .main :is(svg.cr,.snail,.avatar,.crew,.disc){display:none}
:root[data-band="adult"] .main div:has(>svg.cr){display:none}
:root[data-band="adult"] .talk{grid-template-columns:minmax(0,1fr)}
/* 아이 화면 미리보기 말풍선: 굵은 테두리·눌림 그림자 빼기 */
:root[data-band="adult"] .bubble{border:1px solid var(--line);border-radius:8px;box-shadow:none;background:var(--bg);font-weight:500;max-width:none}

/* 하단 탭(폰)·상단 메뉴(PC)도 평평하게 */
:root[data-band="adult"] .nav{box-shadow:none;border-radius:12px;background:var(--paper)}
:root[data-band="adult"] .nav a{border-radius:8px}
@media (min-width:900px){
  :root[data-band="adult"] .nav{border:0;border-radius:8px;background:transparent}
  :root[data-band="adult"] .nav a{border-radius:6px}
}

/* ── 8. 어둡게: 같은 규칙이 토큰(--paper·--line·--bg)으로 따라감. 바탕만 확실히 단색 ── */
:root[data-band="adult"][data-theme="dark"]{--bg:#0F2321}
@media (prefers-color-scheme:dark){:root[data-band="adult"]:not([data-theme="light"]){--bg:#0F2321}}
:root[data-band="adult"][data-theme="dark"] .rblock{background:color-mix(in srgb,var(--bg) 60%,var(--paper))}
@media (prefers-color-scheme:dark){:root[data-band="adult"]:not([data-theme="light"]) .rblock{background:color-mix(in srgb,var(--bg) 60%,var(--paper))}}