/* ═══════════════════════════════════════════════════════════════════════════
   비서(일정관리) 앱 전용 테마 보정 (2026-11-13)
   공용 부품 apeak-themes.css 가 색 변수를 바꿔 주고, 여기서는 이 앱에만 있는 것만 손본다.
   맨 아래 '고르는 칸' 두 줄만 빼고 전부 html[data-skin] 으로 시작 → 기본 화면에는 영향 없음.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 이 앱만 쓰는 색(상태 칩·내 말풍선·입력칸·시트 바탕) ── */
html[data-skin]{--x-field:rgb(255 255 255/.36);--x-scrim:rgb(30 32 60/.34);--x-toastbtn:#9fc3ff;--x-onpri:#fff;--x-chk:#fff}
html[data-skin="6"]{--x-panel:rgb(241 242 247/.76);--x-pop:rgb(246 247 251/.93);--x-me:rgb(124 200 255/.26)}
html[data-skin="7"]{--x-panel:rgb(235 233 246/.74);--x-pop:rgb(242 240 250/.93);--x-me:rgb(106 79 224/.16)}
html[data-skin="12"]{--x-panel:rgb(245 242 237/.80);--x-pop:rgb(250 248 244/.95);--x-me:rgb(111 95 174/.15)}
html[data-skin="9"],html[data-skin="11"]{--x-field:rgb(0 0 0/.34);--x-scrim:rgb(0 0 0/.62);--x-toastbtn:#1f55d0;--x-chk:#04120c;
  --ok-bg:rgb(61 255 143/.14);--warn-ink:#ffc46b;--warn-bg:rgb(255 190 90/.16);--bad:#ff8072;--bad-bg:rgb(255 100 90/.18);--rec:#ff5a5a;--star:#ffd45a}
html[data-skin="9"]{--x-panel:rgb(6 10 9/.74);--x-pop:rgb(14 22 20/.94);--x-me:rgb(79 230 180/.16);--x-onpri:#03130d}
html[data-skin="11"]{--x-panel:rgb(5 5 7/.76);--x-pop:rgb(18 20 28/.95);--x-me:rgb(108 196 255/.18);--x-onpri:#040a1c}

/* ── 주요 카드: 뒤 배경이 희미하게 비치는 유리 ── */
html[data-skin] .day,html[data-skin] .cal{-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}

/* ── 아래 입력 줄: 불투명 띠 대신 배경 위에 그대로 ── */
html[data-skin] .inbar,html[data-skin] .thumbs{background:transparent;box-shadow:none}
html[data-skin] .inwrap textarea,html[data-skin] .inp,html[data-skin] .rcard{background:var(--x-field)}
html[data-skin] .thumbs button i{color:var(--bg)}

/* ── 대화 화면(전체를 덮는 창): 반투명 + 뒤를 흐리게 ── */
html[data-skin] .chat{background:var(--x-panel);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%)}
html[data-skin] .chat-h{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin] .me .bub,html[data-skin] .c.long{background:var(--x-me)}

/* ── 시트·알림창·토스트·로그인 ── */
html[data-skin] .scrim{background:var(--x-scrim)}
html[data-skin] .sheet{background:var(--x-panel);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);box-shadow:var(--up)}
html[data-skin] .alert{background:var(--x-pop);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
html[data-skin] .toast{color:var(--bg)}
html[data-skin] .toast button{color:var(--x-toastbtn)}
html[data-skin] .toast.bad{background:#c8372b;color:#fff}
html[data-skin] .toast.bad button{color:#fff}
html[data-skin] .login{background:var(--t-veil,linear-gradient(transparent,transparent)),var(--t-bgimg,none) center / cover no-repeat,var(--bg)}

/* ── 체크 칸: 테마의 줄 색이 옅어 테두리가 안 보이던 것 ── */
html[data-skin] .chk i,html[data-skin] .bigchk:not(.on) i{border-color:var(--faint)}
html[data-skin] .chk svg,html[data-skin] .bigchk svg{stroke:var(--x-chk)}

/* ── 강조 버튼(보내기·저장): 테마 그라데이션 위 글자가 읽히게 ── */
html[data-skin] .btn.primary,html[data-skin] .ib.send{color:var(--x-onpri);box-shadow:var(--up-sm)}
html[data-skin="6"] .btn.primary,html[data-skin="6"] .ib.send{background:linear-gradient(180deg,#3d4258,#14162c)}
html[data-skin="12"] .btn.primary,html[data-skin="12"] .ib.send{color:#3a2f5a}
html[data-skin="6"] .login .brand{background:linear-gradient(100deg,#14162c 0%,#3f4a8a 38%,#2a8a8a 62%,#8a4a9a 100%);-webkit-background-clip:text;background-clip:text}
html[data-skin="12"] .login .brand{background:linear-gradient(100deg,#6f5fae,#3f8fb0 60%,#b9591c);-webkit-background-clip:text;background-clip:text}
html[data-skin] .callbar .btn,html[data-skin] .ib.recon{color:#fff}

/* ── 테마 고르는 칸(설정 › 디자인): 시트 폭이 좁아 넓은 화면에서도 3칸씩. 기본 화면에서도 쓰는 유일한 규칙 ── */
.sheet .apk-skins{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 4px}
.sheet .apk-skins button{padding-right:8px}