/* ═══ Krtsanisi Club — тема «Glass» (прототип). Включение: ?theme=glass, выключение: ?theme=classic.
   Современный iOS-стиль: фото-обои с глубиной, стеклянные поверхности (backdrop-filter),
   парящий пилюля-таббар, крупная типографика. Старая тема не затрагивается: всё под body.glass ═══ */

body.glass{
  --wallpaper: url('splash.jpg?v=1'); /* рендер комплекса */
  background: transparent !important;
}
body.glass #app, body.glass .screen{ background: transparent !important }
html.glass{ background: #101816 !important }
body.glass::before{ /* обои: фото комплекса, мягкий блюр и затемнение к низу */
  content:""; position:fixed; inset:-20px; z-index:-2;
  background: var(--wallpaper) center/cover no-repeat;
  filter: blur(14px) saturate(1.15) brightness(1.02);
  transform: scale(1.06);
}
body.glass::after{
  content:""; position:fixed; inset:0; z-index:-1;
  background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(20,30,26,.18) 78%, rgba(10,18,14,.34) 100%);
}

/* типографика: цвета текста НЕ трогаем — читаемость важнее эффектов.
   Белый текст допустим только там, где мы сами положили тёмную подложку (таббар). */

/* ── стеклянные поверхности ── */
body.glass .card, body.glass .prof-tile, body.glass .theme-tile, body.glass .skgrp,
body.glass .hold-banner, body.glass .stat, body.glass .kv, body.glass .ku-pv, body.glass .main-card{
  background: rgba(255,255,255,.88) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.6);
  backdrop-filter: blur(22px) saturate(1.6);
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow: 0 8px 28px rgba(15,25,20,.18) !important;
  border-radius: 20px !important;
}
body.glass .field input, body.glass .field select, body.glass .field textarea, body.glass .search{
  background: rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-color: rgba(255,255,255,.6) !important;
}
body.glass .opts .opt, body.glass .chip, body.glass .slot, body.glass .seg{
  background: rgba(255,255,255,.66);
  -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4);
  border-color: rgba(255,255,255,.5);
}
body.glass .opts .opt.sel, body.glass .chip.on, body.glass .slot.on{
  background: var(--accent-deep, var(--accent)) !important; color:#fff !important; border-color: transparent !important;
}

/* ── шапка: прозрачное стекло ── */
body.glass #hdr{
  background: rgba(252,252,250,.88) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.8); backdrop-filter: blur(24px) saturate(1.8);
  border-bottom: none !important; box-shadow: 0 1px 0 rgba(255,255,255,.35);
}

/* ── таббар: парящая тёмная пилюля, как в iOS «Дом» ── */
body.glass #tabbar{
  left: 22px !important; right: 22px !important; bottom: 10px !important;
  transform: none !important; width: auto !important; max-width: 420px; margin: 0 auto;
  height: auto !important;
  display: flex; justify-content: space-around; align-items: center;
  padding: 4px 6px; gap: 0;
  background: rgba(252,252,250,.82) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.8); backdrop-filter: blur(26px) saturate(1.8);
  border-radius: 999px !important; border: 1px solid rgba(20,30,25,.06) !important;
  box-shadow: 0 8px 24px rgba(15,25,20,.16) !important;
}
body.glass #tabbar .tab{ color: rgba(22,32,27,.60) !important; padding:5px 10px; gap:2px }
body.glass #tabbar .tab .lab{ color: rgba(22,32,27,.60); font-size:10px }
body.glass #tabbar .tab svg{ stroke: rgba(22,32,27,.64); width:20px; height:20px }
body.glass #tabbar .tab.active{ background: rgba(22,32,27,.07); border-radius:999px }
body.glass #tabbar .tab.active .lab{ color: var(--accent-ink,#0E7A4F) }
body.glass #tabbar .tab.active svg{ stroke: var(--accent-ink,#0E7A4F) }
body.glass #tabbar .tab .pill{ display:none }
/* тёмная тема — тёмная пилюля */
body.glass.dark #tabbar{ background: rgba(28,32,30,.66) !important; border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.30) !important }
body.glass.dark #tabbar .tab, body.glass.dark #tabbar .tab .lab{ color: rgba(255,255,255,.72) !important }
body.glass.dark #tabbar .tab svg{ stroke: rgba(255,255,255,.75) }
body.glass.dark #tabbar .tab.active{ background: rgba(255,255,255,.16) }
body.glass.dark #tabbar .tab.active .lab{ color:#fff }
body.glass.dark #tabbar .tab.active svg{ stroke:#fff }

/* главная кнопка: парящая пилюля (стиль задаёт styles.css) */
body.glass #mainBtn{ border-radius: 999px !important }

/* ── шторки ── */
body.glass .sheet{
  background: rgba(250,250,248,.86) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.7); backdrop-filter: blur(28px) saturate(1.7);
  border-radius: 26px 26px 0 0 !important;
}
body.glass .sheet-bg{ background: rgba(10,14,12,.35) !important }

/* зелёная карточка КУ: внутри неё .kv — это текст, стеклянную плашку не рисуем */
body.glass .kucard .kv{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:none!important;box-shadow:none!important;border-radius:0!important}

/* хлебные крошки и баннеры */
body.glass .crumbs .crumb{ color: rgba(255,255,255,.85); background: rgba(255,255,255,.14); border-radius:999px }
body.glass .crumbs .crumb.cur{ color:#fff }

/* тёмная тема приложения + glass: приглушаем стекло в тёмное */
body.glass.dark .card, body.glass.dark .prof-tile, body.glass.dark .theme-tile, body.glass.dark .skgrp{
  background: rgba(24,28,26,.72) !important; border-color: rgba(255,255,255,.12) !important;
}
body.glass.dark .field input, body.glass.dark .field select, body.glass.dark .field textarea{
  background: rgba(24,28,26,.78) !important; border-color: rgba(255,255,255,.14) !important;
}
body.glass.dark #hdr{ background: rgba(18,22,20,.6) !important }
body.glass.dark .sheet{ background: rgba(22,26,24,.88) !important }