/* S58 (agent D) theme.css: kun / tun / avtomatik, 6 aksent, shrift, o'lcham, zichlik, burchak.
   Hammasi <html data-theme data-accent data-font data-size data-density data-radius> orqali (prefs.js qo'yadi, birinchi chizishdan oldin).
   base.css (A) tokenlarini almashtiradi: --v --v-d --v-t --v-s --on-v --bg --card --ink --gray --line --panel --surf, holat ranglari, --pillr.
   Tun: dizayn tizimining dark tokenlari (#1a0636 aurora asosi, #1c1b22 sirt, #23054a lenta). Har aksent ikkala mavzuda AA ga tekshirilgan:
   yorug'da aksent matni oq fonda >= 4.9:1 va oq matn aksent tugmada >= 4.9:1; tunda aksent matni #1c1b22 da >= 6.6:1, tugmada to'q matn. */

@font-face { font-family:'Inter'; font-weight:100 900; font-display:swap; src:url('/h/static/fonts/inter-latin.woff2') format('woff2'); }

/* ---- asos: aurora fon body ortida ko'rinsin ---- */
:root { --card-bg:var(--card); --page:#ffffff; --top-bg:#ffffff; --sheet-bg:#ffffff; --toast-bg:#1c1b22; --toast-tx:#ffffff;
  --red-tx:#a11a30; --amber-tx:#8a4b05; --green-tx:#0f6b31; --info-tx:#23054a;
  --font-h:var(--font); --zoom:1;
  --a1:#7703fc; --a2:#3894f7; --a3:#a970ff; --a-op:.09; }
html { background:var(--page); }
body { background:transparent; }

/* ---- aksentlar: yorug' ---- */
html[data-accent="blue"]   { --v:#1a66c8; --v-d:#1452a3; --a1:#1a66c8; --a3:#7ab8ff; }
html[data-accent="teal"]   { --v:#0f766e; --v-d:#0b5c56; --a1:#0f766e; --a3:#3fd1bf; }
html[data-accent="green"]  { --v:#13773a; --v-d:#0e5c2d; --a1:#13773a; --a3:#5ad88a; }
html[data-accent="orange"] { --v:#b43c0b; --v-d:#932f07; --a1:#b43c0b; --a3:#ff9a5c; }
html[data-accent="pink"]   { --v:#be185d; --v-d:#9b124b; --a1:#be185d; --a3:#ff7eb6; }
html[data-accent]:not([data-accent="violet"]) { --v-t:color-mix(in srgb, var(--v) 8%, #ffffff); --v-s:color-mix(in srgb, var(--v) 34%, #ffffff); }

/* ---- tun ---- */
html[data-theme="dark"] {
  color-scheme:dark;
  --page:#1a0636; --bg:#1c1b22; --card:#1d1b26; --sheet-bg:#211f2b;
  --surf:rgba(255,255,255,.04); --panel:rgba(255,255,255,.085); --line:rgba(255,255,255,.12);
  --ink:#f4f3f8; --gray:rgba(255,255,255,.72); --gray3:rgba(255,255,255,.35);
  --v:#b78bff; --v-d:#a970ff; --v-t:rgba(183,139,255,.16); --v-s:rgba(183,139,255,.45); --on-v:#1c1b22;
  --green:#5ad88a; --green-t:rgba(90,216,138,.14); --red:#ff8a9b; --red-t:rgba(255,138,155,.14);
  --amber:#f6b15a; --amber-t:rgba(246,177,90,.14); --blue:#7ab8ff; --blue-t:rgba(122,184,255,.14); --teal:#3fd1bf; --teal-t:rgba(63,209,191,.14);
  --red-tx:#ffb3be; --amber-tx:#fcd29a; --green-tx:#9debb9; --info-tx:#e5d6ff;
  --toast-bg:#f4f3f8; --toast-tx:#1c1b22; --top-bg:#1c1b22;
  --a-op:.24;
}
html[data-theme="dark"][data-accent="blue"]   { --v:#6cb4ff; --v-d:#4a9bf0; }
html[data-theme="dark"][data-accent="teal"]   { --v:#3fd1bf; --v-d:#22b3a2; }
html[data-theme="dark"][data-accent="green"]  { --v:#5ad88a; --v-d:#3cc06f; }
html[data-theme="dark"][data-accent="orange"] { --v:#ff9a5c; --v-d:#f07f3a; }
html[data-theme="dark"][data-accent="pink"]   { --v:#ff7eb6; --v-d:#f05d9d; }
html[data-theme="dark"][data-accent]:not([data-accent="violet"]) { --v-t:color-mix(in srgb, var(--v) 16%, transparent); --v-s:color-mix(in srgb, var(--v) 45%, transparent); }

/* qobiq va holat ranglari (A sinflari; faqat rang) */
html:not([data-surface="glass"]) .top { background:var(--top-bg); background-image:none; backdrop-filter:none; -webkit-backdrop-filter:none; }   /* S64: «Oddiy» yuzada qattiq sarlavha */
.sheet { background:var(--sheet-bg); }
.toast { background:var(--toast-bg); color:var(--toast-tx); }
.msg.info { color:var(--info-tx); } .msg.err, .errbox, .bwrap.red { color:var(--red-tx); }
.msg.warn, .bwrap.yellow { color:var(--amber-tx); } .msg.ok { color:var(--green-tx); }
.pill.r { color:var(--red-tx); } .pill.y { color:var(--amber-tx); } .pill.g { color:var(--green-tx); }
html[data-theme="dark"] .scrim { background:rgba(0,0,0,.55); }
/* telefon pastki menyusi tunda to'liq qattiq sirt: ro'yxat matni yorliqlar orqasidan ko'rinmasin (R-REVIEW 14) */
html[data-theme="dark"][data-surface="solid"] .bnav { background:#1c1b22; background-image:none; backdrop-filter:none; -webkit-backdrop-filter:none; border-top-color:rgba(255,255,255,.12); }
html[data-theme="dark"] :is(input, textarea, select) { background-color:var(--surf); color:var(--ink); }
html[data-theme="dark"] .search input { background-color:transparent; }   /* qidiruv pill ichida och to'rtburchak bo'lmasin (R-REVIEW 15) */
html[data-theme="dark"] ::placeholder { color:rgba(255,255,255,.45); }

/* ---- shrift ---- */
html[data-font="manrope"] { --font-h:'Manrope','Onest',system-ui,sans-serif; }
html[data-font="inter"] { --font:'Inter','Onest',system-ui,-apple-system,'Segoe UI',sans-serif; --font-h:var(--font); }
:is(h1, h2, h3, .ptitle, .kv b, .tile b, .pf-big) { font-family:var(--font-h); }

/* ---- o'lcham: faqat ish maydoni kattalashadi (menyu va oynalar joyida) ---- */
html[data-size="s"] { --zoom:.92; }
html[data-size="l"] { --zoom:1.1; }
main.page, .sheet .sbody { zoom:var(--zoom); }

/* ---- zichlik ---- */
html[data-density="compact"] { --gap:10px; --pad:14px; }
html[data-density="compact"] :is(.box, .card) { padding:12px 14px; }
html[data-density="compact"] :is(.list, .clist, .grid, .wgrid) { gap:8px; }
html[data-density="compact"] .t td { padding:7px 10px; }
html[data-density="compact"] .t th { padding:8px 10px; }

/* ---- burchaklar ---- */
html[data-radius="flat"] { --r:10px; --r2:8px; --ri:6px; --pillr:10px; }

/* ==== S66 «Liquid Glass» (data-surface="glass", standart): admin panel bilan bir xil --gm-* tokenlari (SPEC 2026-11-09).
   Tunda shisha OCH rangli shaffof (oq 5-12% + yupqa binafsha tutun), kunduz oq 38-82% + aniq chekka. Qora parda yo'q.
   To'rt qatlam: ultra-yupqa (u), yupqa (t), oddiy (r), qalin (k). Chekka: 1px yorug' chiziq (background-clip), tashqi chuqurlik effekti yo'q.
   Ichma-ich shisha: faqat to'ldirma + chekka (blur yo'q). Takrorlanuvchi qatorlar, chip, tugma, input: blur yo'q.
   Fon «Yo'q» bo'lsa ham shisha yoqiq (statik fon). «Oddiy» yuza (data-surface="solid") eski ko'rinishda qoladi. ==== */

/* ---- 1) tokenlar: kunduz ---- */
html[data-surface="glass"] {
  --gm-w:255,255,255; --gm-smk:20,8,44;
  --gm-a-u:.38; --gm-a-t:.50; --gm-a-r:.64; --gm-a-k:.82; --gm-hov:.10;
  --gm-s-u:0; --gm-s-t:0; --gm-s-r:0; --gm-s-k:0;
  --gm-u-tint:rgba(var(--gm-w), var(--gm-a-u)); --gm-t-tint:rgba(var(--gm-w), var(--gm-a-t)); --gm-r-tint:rgba(var(--gm-w), var(--gm-a-r)); --gm-k-tint:rgba(var(--gm-w), var(--gm-a-k));
  --gm-u-smoke:rgba(var(--gm-smk), var(--gm-s-u)); --gm-t-smoke:rgba(var(--gm-smk), var(--gm-s-t)); --gm-r-smoke:rgba(var(--gm-smk), var(--gm-s-r)); --gm-k-smoke:rgba(var(--gm-smk), var(--gm-s-k));
  --gm-r-tint-h:rgba(var(--gm-w), calc(var(--gm-a-r) + var(--gm-hov)));
  --gm-u-blur:blur(20px) saturate(170%); --gm-t-blur:blur(28px) saturate(180%); --gm-r-blur:blur(32px) saturate(180%); --gm-k-blur:blur(44px) saturate(190%);
  --gm-edge:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.55) 45%, rgba(35,5,74,.10) 100%);
  --gm-spec:rgba(255,255,255,.85);
  --gm-specl:linear-gradient(90deg, transparent, var(--gm-spec) 12%, var(--gm-spec) 88%, transparent) top / 100% 1px no-repeat padding-box;
  --gm-row:rgba(255,255,255,.45); --gm-row-hover:rgba(255,255,255,.70); --gm-sep:rgba(21,19,28,.08);
  --gm-ink:#15131c; --gm-ink2:rgba(21,19,28,.68); --gm-ink3:rgba(21,19,28,.52); --gm-caps:rgba(35,5,74,.62); --gm-ico:rgba(21,19,28,.62);
  --gm-acc:var(--v);
  --gm-nav:rgba(21,19,28,.80); --gm-nav-hover:rgba(255,255,255,.40); --gm-nav-on:rgba(255,255,255,.88); --gm-nav-on-tx:#23054a;
  --gm-chip:rgba(255,255,255,.60); --gm-seg-on:rgba(255,255,255,.88);
  --gm-inp:rgba(255,255,255,.55); --gm-inp-in:rgba(21,19,28,.06);
  --gm-scrim:rgba(20,10,40,.18); --gm-scrim-pop:rgba(20,10,40,.08);
  --gm-side-edge:rgba(255,255,255,.70); --gm-scroll:rgba(21,19,28,.20);
  --gm-hero-tint:color-mix(in srgb, #7703fc 6%, rgba(255,255,255,.66)); --gm-hero-smoke:rgba(20,8,44,0); --gm-hero-blur:var(--gm-r-blur);
  --gm-bgnone:radial-gradient(80% 60% at 15% 0%, rgba(119,3,252,.10), transparent 60%), radial-gradient(70% 50% at 100% 100%, rgba(56,148,247,.08), transparent 60%), #f4f2fa;
  --page:#f4f2fa;
  /* eski S58 tokenlarni shisha qiymatlariga ulaymiz: ro'yxatda yo'q komponentlar ham mos tushadi */
  --ink:var(--gm-ink); --gray:var(--gm-ink2); --gray3:var(--gm-ink3); --line:var(--gm-sep);
  --panel:rgba(21,19,28,.06); --surf:rgba(21,19,28,.04);
  --card:var(--gm-r-tint); --card-bg:var(--gm-r-tint); --sheet-bg:var(--gm-k-tint); --top-bg:var(--gm-u-tint); --toast-bg:var(--gm-k-tint); --toast-tx:var(--gm-ink);
  --v-t:color-mix(in srgb, var(--v) 14%, transparent); --v-s:color-mix(in srgb, var(--v) 35%, transparent);
  --green-t:rgba(19,119,58,.12); --red-t:rgba(180,20,46,.10); --amber-t:rgba(214,140,20,.14); --blue-t:rgba(26,102,200,.10); --teal-t:rgba(15,118,110,.12);
  --green-tx:#0f6b31; --red-tx:#b4142e; --amber-tx:#8a4b05; --blue-tx:#1452a3; --info-tx:var(--gm-ink);
  --gm-g-b:rgba(19,119,58,.30); --gm-r-b:rgba(180,20,46,.28); --gm-y-b:rgba(214,140,20,.34); --gm-b-b:rgba(26,102,200,.28);
}
html[data-surface="glass"][data-bg="alps"] { --gm-w:250,252,255; }
html[data-surface="glass"][data-bg="meadow"] { --gm-w:255,253,248; }

/* ---- tun ---- */
html[data-surface="glass"][data-theme="dark"] {
  --gm-w:255,255,255;
  --gm-a-u:.05; --gm-a-t:.07; --gm-a-r:.09; --gm-a-k:.12; --gm-hov:.04;
  --gm-s-u:.10; --gm-s-t:.18; --gm-s-r:.26; --gm-s-k:.44;
  --gm-edge:linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.10) 40%, rgba(255,255,255,.05) 100%);
  --gm-spec:rgba(255,255,255,.14);
  --gm-row:rgba(255,255,255,.05); --gm-row-hover:rgba(255,255,255,.09); --gm-sep:rgba(255,255,255,.09);
  --gm-ink:rgba(255,255,255,.96); --gm-ink2:rgba(255,255,255,.78); --gm-ink3:rgba(255,255,255,.58); --gm-caps:rgba(255,255,255,.62); --gm-ico:rgba(255,255,255,.72);
  --gm-nav:rgba(255,255,255,.82); --gm-nav-hover:rgba(255,255,255,.08); --gm-nav-on:rgba(255,255,255,.16); --gm-nav-on-tx:#ffffff;
  --gm-chip:rgba(255,255,255,.08); --gm-seg-on:rgba(255,255,255,.16);
  --gm-inp:rgba(255,255,255,.06); --gm-inp-in:rgba(0,0,0,.20);
  --gm-scrim:rgba(5,2,15,.42); --gm-scrim-pop:rgba(5,2,15,.28);
  --gm-side-edge:rgba(255,255,255,.10); --gm-scroll:rgba(255,255,255,.22);
  --gm-hero-tint:rgba(119,3,252,.18); --gm-hero-smoke:rgba(20,8,44,.42); --gm-hero-blur:var(--gm-k-blur);
  --gm-bgnone:radial-gradient(80% 60% at 10% 0%, rgba(119,3,252,.30), transparent 60%), radial-gradient(60% 50% at 100% 100%, rgba(63,209,191,.10), transparent 60%), #120a24;
  --page:#120a24;
  --panel:rgba(255,255,255,.08); --surf:rgba(255,255,255,.05);
  --v-t:color-mix(in srgb, var(--v) 22%, transparent); --v-s:color-mix(in srgb, var(--v) 45%, transparent);
  --green-t:rgba(90,216,138,.18); --red-t:rgba(255,138,155,.18); --amber-t:rgba(246,177,90,.18); --blue-t:rgba(122,184,255,.18); --teal-t:rgba(63,209,191,.18);
  --green-tx:#8be8b0; --red-tx:#ffa3b1; --amber-tx:#ffcb7a; --blue-tx:#9ccdff; --info-tx:var(--gm-ink);
  --gm-g-b:rgba(90,216,138,.40); --gm-r-b:rgba(255,138,155,.40); --gm-y-b:rgba(246,177,90,.40); --gm-b-b:rgba(122,184,255,.40);
}
html[data-surface="glass"][data-theme="dark"][data-accent="violet"] { --v:#c9a8ff; --v-d:#b78bff; --gm-acc:#c9a8ff; --on-v:#1c1b22; }
html[data-surface="glass"][data-theme="dark"][data-bg="aurora"] { --gm-s-u:.18; --gm-s-t:.26; --gm-s-r:.34; --gm-s-k:.52; }

/* ---- yengil rejim: kichik ekran va data-motion lite/off: blur kamayadi ---- */
html[data-surface="glass"][data-motion="lite"], html[data-surface="glass"][data-motion="off"] { --gm-u-blur:blur(18px) saturate(160%); --gm-t-blur:blur(18px) saturate(160%); --gm-r-blur:blur(18px) saturate(160%); --gm-k-blur:blur(24px) saturate(160%); }
@media (max-width:760px) {
  html[data-surface="glass"] { --gm-u-blur:blur(18px) saturate(160%); --gm-t-blur:blur(18px) saturate(160%); --gm-r-blur:blur(18px) saturate(160%); --gm-k-blur:blur(24px) saturate(160%); }
}

/* ---- 2) fon: «Yo'q» bo'lsa ham shisha yoqiq, statik orqa fon ---- */
html[data-surface="glass"] { background:var(--page); }
html[data-surface="glass"][data-bg="none"] { background:var(--gm-bgnone); background-attachment:fixed; }
html[data-surface="glass"][data-bg="none"] .aurora:not(.au-band) { background:var(--gm-bgnone); }
html[data-surface="glass"][data-bg="none"] .aurora:not(.au-band) > :is(i, svg.grain) { display:none; }
html[data-surface="glass"] body { color:var(--gm-ink); }

/* ---- 3) shisha qatlamlari (har qatlam uchun bitta qoida) ---- */
/* ultra-yupqa: sarlavha */
html[data-surface="glass"]:not(#gm) .top {
  background:linear-gradient(var(--gm-u-tint), var(--gm-u-tint)), linear-gradient(var(--gm-u-smoke), var(--gm-u-smoke));
  border-bottom:1px solid var(--gm-side-edge);
  -webkit-backdrop-filter:var(--gm-u-blur); backdrop-filter:var(--gm-u-blur);
}
/* yupqa: chap menyu va telefon pastki menyusi (menyuda faqat bitta chekka) */
html[data-surface="glass"]:not(#gm) .side,
html[data-surface="glass"]:not(#gm) .bnav {
  background:linear-gradient(var(--gm-t-tint), var(--gm-t-tint)), linear-gradient(var(--gm-t-smoke), var(--gm-t-smoke));
  -webkit-backdrop-filter:var(--gm-t-blur); backdrop-filter:var(--gm-t-blur);
}
html[data-surface="glass"]:not(#gm) .side { border-right:1px solid var(--gm-side-edge); scrollbar-color:var(--gm-scroll) transparent; }
html[data-surface="glass"]:not(#gm) .bnav { border-top:1px solid var(--gm-side-edge); }
/* oddiy: kartalar (blur bor) */
html[data-surface="glass"]:not(#gm) .card,
html[data-surface="glass"]:not(#gm) .first,
html[data-surface="glass"]:not(#gm) .hm-w,
html[data-surface="glass"]:not(#gm) .hm-calm,
html[data-surface="glass"]:not(#gm) .pg-home .hm-tile:not(.r):not(.v):not(.y),
html[data-surface="glass"]:not(#gm) .cp-card,
html[data-surface="glass"]:not(#gm) .kp-cal,
html[data-surface="glass"]:not(#gm) .kp-stats .box,
html[data-surface="glass"]:not(#gm) .wg > .box,
html[data-surface="glass"]:not(#gm) .box.sumc,
html[data-surface="glass"]:not(#gm) .cv-tt,
html[data-surface="glass"]:not(#gm) .cv-side,
html[data-surface="glass"]:not(#gm) .pf-prev,
html[data-surface="glass"]:not(#gm) .tk-newbox,
html[data-surface="glass"]:not(#gm) .empty-state,
html[data-surface="glass"]:not(#gm) .tw {
  border:1px solid transparent; background: var(--gm-specl), linear-gradient(var(--gm-r-tint), var(--gm-r-tint)) padding-box, linear-gradient(var(--gm-r-smoke), var(--gm-r-smoke)) padding-box, var(--gm-edge) border-box;
  -webkit-backdrop-filter:var(--gm-r-blur); backdrop-filter:var(--gm-r-blur);
}
/* takrorlanuvchi vazifa kartalari: oddiy to'ldirma, blur yo'q (tezlik; ro'yxat uzun bo'lishi mumkin) */
html[data-surface="glass"]:not(#gm) .card.task.tk-card { -webkit-backdrop-filter:none; backdrop-filter:none; }
/* qalin: oynalar, ro'yxatlar, xabar */
html[data-surface="glass"]:not(#gm) .sheet,
html[data-surface="glass"]:not(#gm) .cbx-pop,
html[data-surface="glass"]:not(#gm) .toast,
html[data-surface="glass"]:not(#gm) .nt-ov {
  border:1px solid transparent; background: var(--gm-specl), linear-gradient(var(--gm-k-tint), var(--gm-k-tint)) padding-box, linear-gradient(var(--gm-k-smoke), var(--gm-k-smoke)) padding-box, var(--gm-edge) border-box;
  -webkit-backdrop-filter:var(--gm-k-blur); backdrop-filter:var(--gm-k-blur);
}
/* oddiy to'ldirma (blur yo'q): yozuvlar bo'limi kartalari */
html[data-surface="glass"]:not(#gm) .nt-card,
html[data-surface="glass"]:not(#gm) .nt-item,
html[data-surface="glass"]:not(#gm) .nt-tpl-b,
html[data-surface="glass"]:not(#gm) .nt-rem-i,
html[data-surface="glass"]:not(#gm) .nt-pick-i,
html[data-surface="glass"]:not(#gm) .nt-ai-card,
html[data-surface="glass"]:not(#gm) .nt-ai-apply,
html[data-surface="glass"]:not(#gm) .nt-ai-item,
html[data-surface="glass"]:not(#gm) .ntvp-section,
html[data-surface="glass"]:not(#gm) .ntvp-item,
html[data-surface="glass"]:not(#gm) .nt-tab[aria-selected="true"] {
  border:1px solid transparent; background: var(--gm-specl), linear-gradient(var(--gm-r-tint), var(--gm-r-tint)) padding-box, linear-gradient(var(--gm-r-smoke), var(--gm-r-smoke)) padding-box, var(--gm-edge) border-box;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
/* ro'yxat qatorlari: faqat to'ldirma + chekka, blur yo'q */
html[data-surface="glass"]:not(#gm) .cli,
html[data-surface="glass"]:not(#gm) .kp-task,
html[data-surface="glass"]:not(#gm) .dl-task,
html[data-surface="glass"]:not(#gm) .dl-row,
html[data-surface="glass"]:not(#gm) .hm-att .att,
html[data-surface="glass"]:not(#gm) .hm-mini li > button,
html[data-surface="glass"]:not(#gm) .cv .fact,
html[data-surface="glass"]:not(#gm) .tk-panel,
html[data-surface="glass"]:not(#gm) .es-do,
html[data-surface="glass"]:not(#gm) .enext,
html[data-surface="glass"]:not(#gm) .dchip {
  border:1px solid transparent; background: linear-gradient(var(--gm-row), var(--gm-row)) padding-box, var(--gm-edge) border-box; -webkit-backdrop-filter:none; backdrop-filter:none;
}
html[data-surface="glass"]:not(#gm) .cli:hover,
html[data-surface="glass"]:not(#gm) .kp-task:hover,
html[data-surface="glass"]:not(#gm) .dl-task:hover,
html[data-surface="glass"]:not(#gm) .dl-row:hover,
html[data-surface="glass"]:not(#gm) .hm-att .att:hover,
html[data-surface="glass"]:not(#gm) .hm-mini li > button:hover,
html[data-surface="glass"]:not(#gm) .cv .fact:hover,
html[data-surface="glass"]:not(#gm) .tk-panel:hover,
html[data-surface="glass"]:not(#gm) .es-do:hover,
html[data-surface="glass"]:not(#gm) .enext:hover,
html[data-surface="glass"]:not(#gm) .dchip:hover { background: linear-gradient(var(--gm-row-hover), var(--gm-row-hover)) padding-box, var(--gm-edge) border-box; }
/* bosiladigan kartalar: hover da +tint (chekka o'zgarmaydi) */
html[data-surface="glass"]:not(#gm) .card.click:hover,
html[data-surface="glass"]:not(#gm) button.hm-w:hover,
html[data-surface="glass"]:not(#gm) .pg-home .hm-tile:not(.r):not(.v):not(.y):hover,
html[data-surface="glass"]:not(#gm) a.card:hover {
  background: var(--gm-specl), linear-gradient(var(--gm-r-tint-h), var(--gm-r-tint-h)) padding-box, linear-gradient(var(--gm-r-smoke), var(--gm-r-smoke)) padding-box, var(--gm-edge) border-box;
  transform:none;
}
/* ichma-ich shisha: ichkaridagi shisha yuza faqat to'ldirma (backdrop-filter yo'q) */
html[data-surface="glass"]:not(#gm) :is(.top, .side, .bnav, .card, .first, .hm-w, .hm-calm, .pg-home .hm-tile:not(.r):not(.v):not(.y), .cp-card, .kp-cal, .kp-stats .box, .wg > .box, .box.sumc, .cv-tt, .cv-side, .pf-prev, .tk-newbox, .empty-state, .tw, .sheet, .cbx-pop, .toast, .nt-ov) :is(.top, .side, .bnav, .card, .first, .hm-w, .hm-calm, .pg-home .hm-tile:not(.r):not(.v):not(.y), .cp-card, .kp-cal, .kp-stats .box, .wg > .box, .box.sumc, .cv-tt, .cv-side, .pf-prev, .tk-newbox, .empty-state, .tw, .sheet, .cbx-pop, .toast, .nt-ov) { -webkit-backdrop-filter:none; backdrop-filter:none; }
/* shisha ichida eski «karta» tokeni qator to'ldirmasi bo'lsin (qo'shaloq oq qatlam bo'lmasin) */
html[data-surface="glass"]:not(#gm) :is(.card, .first, .hm-w, .hm-calm, .pg-home .hm-tile:not(.r):not(.v):not(.y), .cp-card, .kp-cal, .kp-stats .box, .wg > .box, .box.sumc, .cv-tt, .cv-side, .pf-prev, .tk-newbox, .empty-state, .tw, .sheet, .cbx-pop, .toast, .nt-ov, .nt-ov) { --card:var(--gm-row); --card-bg:var(--gm-row); --panel:rgba(21,19,28,.06); }
html[data-surface="glass"]:not(#gm)[data-theme="dark"] :is(.card, .first, .hm-w, .hm-calm, .pg-home .hm-tile:not(.r):not(.v):not(.y), .cp-card, .kp-cal, .kp-stats .box, .wg > .box, .box.sumc, .cv-tt, .cv-side, .pf-prev, .tk-newbox, .empty-state, .tw, .sheet, .cbx-pop, .toast, .nt-ov, .nt-ov) { --panel:rgba(255,255,255,.08); }

/* ---- 4) bosh sahifa va alohida holatlar ---- */
/* «Birinchi qiling» kartasi: chap chekka 3px urg'u; kunduz yengil binafsha shisha, tunda shaffof to'q-binafsha shisha */
html[data-surface="glass"]:not(#gm) .first { --gm-r-tint:var(--gm-hero-tint); --gm-r-smoke:var(--gm-hero-smoke); --gm-r-blur:var(--gm-hero-blur);
  border-left:3px solid var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .pg-home .hm-tile:is(.r, .v, .y) { border:1px solid transparent; }
/* vazifa kartasi holatlari (chekka rangi tokeni orqali) */
html[data-surface="glass"]:not(#gm) .tk-card.is-done { --gm-edge:linear-gradient(var(--green), var(--green)); }
html[data-surface="glass"]:not(#gm) .tk-card:is(.hl, [data-mode]) { --gm-edge:linear-gradient(var(--v-s), var(--v-s)); }
html[data-surface="glass"]:not(#gm) .tk-card.hl { --gm-edge:linear-gradient(var(--gm-acc), var(--gm-acc)); }
html[data-surface="glass"]:not(#gm) :is(.kp-task.late, .cv-tr.late) { --gm-edge:linear-gradient(var(--gm-r-b), var(--gm-r-b)); }
html[data-surface="glass"]:not(#gm) .tk-newbox { --gm-edge:linear-gradient(var(--v-s), var(--v-s)); }

/* ---- 5) chap menyu ---- */
html[data-surface="glass"]:not([data-theme="dark"]) .side .wm .wm-l { display:block; }
html[data-surface="glass"]:not([data-theme="dark"]) .side .wm .wm-d { display:none; }
@media (min-width:1024px) {
  html[data-surface="glass"]:not([data-theme="dark"]):not(#gm) :is(.shell[data-tab="clients"], .shell[data-tab="deals"]) .side .wm .wm-l { display:block; width:32px; height:32px; margin:0 auto; object-fit:cover; object-position:left center; }
  html[data-surface="glass"]:not([data-theme="dark"]):not(#gm) :is(.shell[data-tab="clients"], .shell[data-tab="deals"]) .side .wm .wm-m { display:none; }
}
html[data-surface="glass"]:not(#gm) .side { color:var(--gm-nav); }
html[data-surface="glass"]:not(#gm) .sbrand p, html[data-surface="glass"]:not(#gm) .smet span { color:var(--gm-ink2); }
html[data-surface="glass"]:not(#gm) .side .navb { border:1px solid transparent; color:var(--gm-nav); }
html[data-surface="glass"]:not(#gm) .side .navb svg.ic { color:var(--gm-ico); }
html[data-surface="glass"]:not(#gm) .side .navb:hover { background:var(--gm-nav-hover); color:var(--gm-ink); }
html[data-surface="glass"]:not(#gm) .side .navb[aria-current="page"] {
  color:var(--gm-nav-on-tx); font-weight:600;
  background: var(--gm-specl), linear-gradient(var(--gm-nav-on), var(--gm-nav-on)) padding-box, var(--gm-edge) border-box; }
html[data-surface="glass"][data-theme="dark"]:not(#gm) .side .navb[aria-current="page"] { --gm-edge:linear-gradient(180deg, rgba(255,255,255,.40) 0%, rgba(255,255,255,.12) 45%, rgba(255,255,255,.06) 100%); }
html[data-surface="glass"]:not(#gm) .side .navb[aria-current="page"] svg.ic { color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .side .navb[aria-current="page"]::before { left:7px; top:50%; bottom:auto; width:3px; height:16px; margin-top:-8px; border-radius:2px; background:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .sfoot { border-top:1px solid var(--gm-sep); }
html[data-surface="glass"]:not(#gm) .bnav .navb { color:var(--gm-ink2); }
html[data-surface="glass"]:not(#gm) .bnav .navb[aria-current="page"] { color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .sidenav.editing button { outline-color:var(--gm-sep); }

/* ---- 6) tugmalar, chiplar, segmentlar, qidiruv (blur yo'q) ---- */
html[data-surface="glass"]:not(#gm) .chip,
html[data-surface="glass"]:not(#gm) .seg,
html[data-surface="glass"]:not(#gm) .search,
html[data-surface="glass"]:not(#gm) .langsw,
html[data-surface="glass"]:not(#gm) .qbtn,
html[data-surface="glass"]:not(#gm) .morelist button,
html[data-surface="glass"]:not(#gm) .btn:not(.solid):not(.ghost),
html[data-surface="glass"]:not(#gm) .iconbtn {
  border:1px solid transparent; background: linear-gradient(var(--gm-chip), var(--gm-chip)) padding-box, var(--gm-edge) border-box; -webkit-backdrop-filter:none; backdrop-filter:none; color:var(--gm-ink); }
html[data-surface="glass"]:not(#gm) .iconbtn { background:transparent; color:var(--gm-ico); }
html[data-surface="glass"]:not(#gm) .iconbtn:hover { background:var(--gm-nav-hover); color:var(--gm-ink); }
html[data-surface="glass"]:not(#gm) .btn:not(.solid):hover, html[data-surface="glass"]:not(#gm) .chip:hover, html[data-surface="glass"]:not(#gm) .qbtn:hover, html[data-surface="glass"]:not(#gm) .morelist button:hover { color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .btn.ghost { background:transparent; color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .btn.ghost:hover { background:var(--v-t); }
html[data-surface="glass"]:not(#gm) .btn.solid, html[data-surface="glass"]:not(#gm) .chip[aria-pressed="true"] { background:var(--v); border:1px solid transparent; color:var(--on-v); }
html[data-surface="glass"][data-theme="dark"][data-accent="violet"]:not(#gm) :is(.btn.solid, .chip[aria-pressed="true"], .nt-scr .btn.solid, .nt-ai-btn, .ntvp-btn-main) { background:#7703fc; color:#fff; }
html[data-surface="glass"]:not(#gm) .btn.solid { background-image:linear-gradient(180deg, rgba(255,255,255,.22), transparent 1px); }
html[data-surface="glass"]:not(#gm) .btn.solid:hover { background-color:var(--v-d); color:var(--on-v); }
html[data-surface="glass"]:not(#gm) .btn.danger { color:var(--red-tx); }
html[data-surface="glass"]:not(#gm) .chip.qn { background:var(--gm-chip); color:var(--gm-ink2); }
html[data-surface="glass"]:not(#gm) .search { color:var(--gm-ink2); }
html[data-surface="glass"]:not(#gm) .search:focus-within { border-color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .search input { background:transparent; }
html[data-surface="glass"]:not(#gm) .seg button { color:var(--gm-ink2); }
html[data-surface="glass"]:not(#gm) .seg button[aria-selected="true"] { color:var(--gm-ink); background: var(--gm-specl), linear-gradient(var(--gm-seg-on), var(--gm-seg-on)) padding-box, var(--gm-edge) border-box; border:1px solid transparent; }
html[data-surface="glass"]:not(#gm) .lpill { color:var(--gm-ink2); }
html[data-surface="glass"]:not(#gm) .lpill[aria-pressed="true"] { color:var(--gm-acc); background: linear-gradient(var(--gm-seg-on), var(--gm-seg-on)); }
html[data-surface="glass"]:not(#gm) .tk-card .tk-act { background:transparent; }
html[data-surface="glass"]:not(#gm) .tk-card :is(.tk-act[aria-expanded="true"], .tk-act.solid) { background:var(--v-t); color:var(--gm-acc); }

/* holat tabletkalari */
html[data-surface="glass"]:not(#gm) .pill { border:1px solid transparent; background:var(--panel); color:var(--gm-ink2); }
html[data-surface="glass"]:not(#gm) .pill.g { background:var(--green-t); border-color:var(--gm-g-b); color:var(--green-tx); }
html[data-surface="glass"]:not(#gm) .pill.r { background:var(--red-t); border-color:var(--gm-r-b); color:var(--red-tx); }
html[data-surface="glass"]:not(#gm) .pill.y { background:var(--amber-t); border-color:var(--gm-y-b); color:var(--amber-tx); }
html[data-surface="glass"]:not(#gm) .pill.b { background:var(--blue-t); border-color:var(--gm-b-b); color:var(--blue-tx); }
html[data-surface="glass"]:not(#gm) .pill.v { background:var(--v-t); border-color:var(--v-s); color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .badge { background:#e5484d; color:#fff; }

/* ---- 7) matn: sarlavhalar, belgilar, jadval ---- */
html[data-surface="glass"]:not(#gm) :is(.caps, table.t th, .cbx-gh) { color:var(--gm-caps); }
html[data-surface="glass"]:not(#gm) table.t th[aria-sort] { color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) table.t td { border-bottom-color:var(--gm-sep); }
html[data-surface="glass"]:not(#gm) table.t th { border-bottom-color:var(--gm-sep); }
html[data-surface="glass"]:not(#gm) table.t tbody tr:hover { background-color:var(--gm-row-hover); }
html[data-surface="glass"]:not(#gm) a { color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) :focus-visible { outline:2px solid var(--gm-acc); outline-offset:2px; }
html[data-surface="glass"]:not(#gm) :is(.cbx-q, .search input):focus-visible { outline:0; }
html[data-surface="glass"]:not(#gm) .ringw svg .bg, html[data-surface="glass"]:not(#gm) svg.bar .bg { stroke:var(--panel); fill:var(--panel); }
html[data-surface="glass"]:not(#gm) .ringw svg .bg { fill:none; }
html[data-surface="glass"]:not(#gm) svg.bar .bg { stroke:none; }
html[data-surface="glass"]:not(#gm) .msg.ok { background:var(--green-t); } html[data-surface="glass"]:not(#gm) .msg.warn { background:var(--amber-t); } html[data-surface="glass"]:not(#gm) .msg.err { background:var(--red-t); } html[data-surface="glass"]:not(#gm) .msg.info { background:var(--blue-t); }
html[data-surface="glass"]:not(#gm) .toast button { color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .errbox { background:var(--red-t); color:var(--gm-ink); }
html[data-surface="glass"]:not(#gm) .helpbox { background:var(--blue-t); }

/* ---- 8) input va combobox: yupqa to'ldirma, ichki chiziq, blur yo'q ---- */
html[data-surface="glass"]:not(#gm) .fld-in,
html[data-surface="glass"]:not(#gm) .cbx,
html[data-surface="glass"]:not(#gm) .tk-in,
html[data-surface="glass"]:not(#gm) .form :is(input, textarea, select),
html[data-surface="glass"]:not(#gm) .sheet :is(input, textarea, select),
html[data-surface="glass"]:not(#gm) .nt-search,
html[data-surface="glass"]:not(#gm) .nt-ai-in,
html[data-surface="glass"]:not(#gm) .nt-aip-text,
html[data-surface="glass"]:not(#gm) .nt-pick-q,
html[data-surface="glass"]:not(#gm) .nt-rem-in,
html[data-surface="glass"]:not(#gm) .ntvp-select {
  background-color:var(--gm-inp); background-image:linear-gradient(180deg, var(--gm-inp-in), transparent 4px); background-repeat:no-repeat;
  border:1px solid var(--gm-sep); color:var(--gm-ink); -webkit-backdrop-filter:none; backdrop-filter:none; }
html[data-surface="glass"]:not(#gm) :is(.form, .sheet, .fld-in) select, html[data-surface="glass"]:not(#gm) select.fld-in { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6c78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--gm-inp-in), transparent 4px); background-repeat:no-repeat; background-position:right 12px center, 0 0; background-size:18px 18px, 100% 4px; }
html[data-surface="glass"]:not(#gm) :is(.fld-in, .form :is(input, textarea, select), .sheet :is(input, textarea, select)):focus,
html[data-surface="glass"]:not(#gm) .cbx:focus-visible { outline:2px solid var(--gm-acc); outline-offset:1px; border-color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .cbx[aria-expanded="true"] { border-color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .cbx svg.ic { color:var(--gm-ico); }
html[data-surface="glass"]:not(#gm) ::placeholder { color:var(--gm-ink3); opacity:1; }
html[data-surface="glass"]:not(#gm) .cbx-o.act { background:var(--gm-row-hover); }
html[data-surface="glass"]:not(#gm) .cbx-o.on { color:var(--gm-acc); }
html[data-surface="glass"]:not(#gm) .cbx-sw { border-bottom-color:var(--gm-sep); }
html[data-surface="glass"]:not(#gm) .search input { border:0; background:transparent; }
html[data-surface="glass"]:not(#gm) .nwrap textarea.fld-in { border:1px solid var(--gm-sep); }
html[data-surface="glass"]:not(#gm) .kbd kbd { background:var(--gm-row); border-color:var(--gm-sep); color:var(--gm-ink2); }

/* ---- 9) oyna chekkalari va pardalar ---- */
html[data-surface="glass"]:not(#gm) .sheet { border-radius:var(--r) var(--r) 0 0; }
html[data-surface="glass"]:not(#gm) .sheet .grab { background:var(--gm-sep); }
html[data-surface="glass"]:not(#gm) .cbx-pop.low .grab { background:var(--gm-sep); }
@media (min-width:1024px) { html[data-surface="glass"]:not(#gm) .sheet { border-radius:var(--r) 0 0 var(--r); } }
@media (min-width:640px) { html[data-surface="glass"]:not(#gm) .sheet.pop { border-radius:var(--r); } }
html[data-surface="glass"]:not(#gm) .cbx-pop { border-radius:var(--r2); }
html[data-surface="glass"]:not(#gm) .cbx-pop.low { border-radius:var(--r) var(--r) 0 0; }
html[data-surface="glass"]:not(#gm) .toast { border-radius:var(--pillr); }
html[data-surface="glass"]:not(#gm) .scrim:not(.pop) { background:var(--gm-scrim); }
html[data-surface="glass"]:not(#gm) .scrim.pop { background:var(--gm-scrim-pop); }
html[data-surface="glass"]:not(#gm) .nt-ov-head { border-bottom:1px solid var(--gm-sep); }
html[data-surface="glass"]:not(#gm) .nt-ov { border:0; border-radius:0; }

/* telefonda jadval qatorlari: alohida kartalar (blur yo'q), o'rash shishasi yo'q */
@media (max-width:640px) {
  html[data-surface="glass"]:not(#gm) .tw:not(.keep) { background:none; border:0; -webkit-backdrop-filter:none; backdrop-filter:none; }
  html[data-surface="glass"]:not(#gm) .tw:not(.keep) table.t tr { border:1px solid transparent; background: var(--gm-specl), linear-gradient(var(--gm-r-tint), var(--gm-r-tint)) padding-box, linear-gradient(var(--gm-r-smoke), var(--gm-r-smoke)) padding-box, var(--gm-edge) border-box; }
}
@media (max-width:640px) {
  html[data-surface="glass"]:not(#gm) .tw.keep { background: var(--gm-specl), linear-gradient(var(--gm-r-tint), var(--gm-r-tint)) padding-box, linear-gradient(var(--gm-r-smoke), var(--gm-r-smoke)) padding-box, var(--gm-edge) border-box; }
}

/* ---- 10) zaxira: backdrop-filter yo'q yoki «shaffoflikni kamaytirish»: qattiq qatlamlar ---- */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-surface="glass"] { --gm-a-u:.96; --gm-a-t:.96; --gm-a-r:1; --gm-a-k:1; --gm-s-u:0; --gm-s-t:0; --gm-s-r:0; --gm-s-k:0; --gm-hero-tint:#fbf8ff; --gm-hero-smoke:rgba(20,8,44,0); }
  html[data-surface="glass"][data-theme="dark"] { --gm-u-tint:#1a1426; --gm-t-tint:#1a1426; --gm-r-tint:#1f1930; --gm-k-tint:#251e38; --gm-r-tint-h:#272040; --gm-u-smoke:transparent; --gm-t-smoke:transparent; --gm-r-smoke:transparent; --gm-k-smoke:transparent; --gm-hero-tint:#2a1d4a; --gm-hero-smoke:transparent; }
  html[data-surface="glass"]:not(#gm) :is(.top, .side, .bnav, .card, .first, .hm-w, .hm-calm, .tw, .sheet, .cbx-pop, .toast, .nt-ov) { -webkit-backdrop-filter:none; backdrop-filter:none; }
  html[data-surface="glass"]:not(#gm) .side { background:#f4f2fa; }
  html[data-surface="glass"][data-theme="dark"]:not(#gm) .side { background:#171022; }
}
@media (prefers-reduced-transparency:reduce) {
  html[data-surface="glass"] { --gm-a-u:.96; --gm-a-t:.96; --gm-a-r:1; --gm-a-k:1; --gm-s-u:0; --gm-s-t:0; --gm-s-r:0; --gm-s-k:0; --gm-hero-tint:#fbf8ff; --gm-hero-smoke:rgba(20,8,44,0); }
  html[data-surface="glass"][data-theme="dark"] { --gm-u-tint:#1a1426; --gm-t-tint:#1a1426; --gm-r-tint:#1f1930; --gm-k-tint:#251e38; --gm-r-tint-h:#272040; --gm-u-smoke:transparent; --gm-t-smoke:transparent; --gm-r-smoke:transparent; --gm-k-smoke:transparent; --gm-hero-tint:#2a1d4a; --gm-hero-smoke:transparent; }
  html[data-surface="glass"] * { -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  html[data-surface="glass"]:not(#gm) .side { background:#f4f2fa; }
  html[data-surface="glass"][data-theme="dark"]:not(#gm) .side { background:#171022; }
}