/* RASTA Mobile mavzulari: Soft (sukut), Admin, Glassy. app.css dan KEYIN yuklanadi.
   Asos - app.css tokenlari (ranglar); bu yerda faqat har mavzuning "qo'l yozuvi":
   shrift, burchak radiusi, soya, tugma shakli, menyu uslubi. Joylashuv o'zgarmaydi -
   yangi ekran qo'shilsa u uchala mavzuda ham avtomatik to'g'ri chiqadi. */

/* ========================= SOFT - och kulrang, yumaloq oq kartalar ========================= */
[data-theme="soft"]{
  --ink:#15171C; --paper:#ECEEF3; --accent:#5B6CF0; --good:#15803D; --bad:#DC2626;
  --line:#E4E6EC; --muted:#6B7080; --card:#FFFFFF; --chek:#FFFFFF; --shadow:rgba(21,23,28,.06);
  --nav-bg:#F6F7FA; --nav-fg:#15171C;
  --ak2:#8793F7; --radius:20px; --shrift:'Urbanist';
}
/* ========================= ADMIN - oq-ko'k, klassik boshqaruv paneli ========================= */
[data-theme="admin"]{
  --ink:#141A2B; --paper:#EEF1F7; --accent:#1D4ED8; --good:#15803D; --bad:#B91C1C;
  --line:#E3E8F0; --muted:#5B6475; --card:#FFFFFF; --chek:#FFFFFF; --shadow:rgba(20,26,43,.06);
  --nav-bg:#1D4ED8; --nav-fg:#FFFFFF;
  --ak2:#3B6BF0; --radius:16px; --shrift:'Manrope';
}
/* ========================= GLASSY - to'q, iliq, shisha panellar ========================= */
[data-theme="glass"]{
  --ink:#F5EFE8; --paper:#120E0A; --accent:#F0A44B; --good:#6EE7A0; --bad:#F7907F;
  --line:rgba(255,255,255,.13); --muted:rgba(245,239,232,.64); --card:rgba(255,255,255,.06);
  --chek:#FFFDF7; --shadow:rgba(0,0,0,.45);
  --nav-bg:rgba(255,255,255,.05); --nav-fg:#F5EFE8;
  --ak2:#F6BC72; --radius:22px; --shrift:'Manrope';
  color-scheme: dark;
}

/* ---------- Uchala mavzu uchun umumiy ---------- */
/* Shriftlar app.css tokenlari orqali: sarlavha, matn va "mono" yorliqlar mavzu shriftiga o'tadi.
   Raqamlar .num/.mono da tabular-nums bilan tekis qoladi. Chek va chop etiladigan hujjatlar
   data-theme olmaydi - ular eski shriftda qoladi. */
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]){
  --shrift-matn: var(--shrift), system-ui, -apple-system, sans-serif;
  --shrift-sarlavha: var(--shrift), system-ui, sans-serif;
  --shrift-mono: var(--shrift), system-ui, sans-serif;
}
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) :is(h1, h2, h3, h4){ font-weight:700; letter-spacing:-.01em; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) :is(.card, .empty-state){ border-radius: var(--radius); }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .card{ padding:20px 22px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .stat-tile{ border-radius: calc(var(--radius) - 4px); padding:14px 16px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .stat-tile .val{ font-weight:700; font-size:21px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) :is(input[type=text], input[type=password], input[type=number], input[type=date], input[type=datetime-local], input[type=search], select, textarea){
  border-radius:12px; padding:10px 13px; background: var(--card);
}
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) label{ text-transform:none; letter-spacing:0; font-size:13px; font-weight:600; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .btn{ border-radius:999px; font-weight:600; font-size:14px; padding:10px 18px; border-width:1px; letter-spacing:0; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .btn.small{ padding:6px 12px; font-size:12.5px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .btn.primary{
  background: linear-gradient(180deg, var(--ak2), var(--accent)); border-color: transparent;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--accent) 32%, transparent);
}
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .flash{ border-radius:14px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .page-head{ border-bottom:none; padding-bottom:4px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .page-head h1{ font-size:28px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .page-head .eyebrow{ text-transform:none; letter-spacing:0; font-size:13px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) :is(table.jadval th, .table th){ text-transform:none; letter-spacing:0; font-size:12.5px; font-weight:600; }

/* Menyu: to'q chiziqli "chap chegara" o'rniga yumaloq, to'ldirilgan faol band */
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .sidebar{ padding:18px 12px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .sidebar .brand{ letter-spacing:.02em; padding:0 10px 16px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .sidebar .grp{ padding:14px 10px 6px; text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .sidebar a.nav-item{ border-left:none; border-radius:12px; padding:9px 12px; margin:1px 0; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .sidebar :is(.who, form.mavzu){ margin-left:0; margin-right:0; padding-left:10px; padding-right:10px; }
:is([data-theme="soft"], [data-theme="admin"], [data-theme="glass"]) .mavzu-btn{ border-radius:999px; }

/* ---------- Soft ---------- */
[data-theme="soft"] .sidebar{ border-right:1px solid var(--line); }
[data-theme="soft"] .sidebar a.nav-item.active{ background: linear-gradient(180deg, var(--ak2), var(--accent)); color:#fff; box-shadow:0 8px 18px rgba(91,108,240,.3); }
[data-theme="soft"] .card, [data-theme="soft"] .stat-tile{ border-color:transparent; box-shadow:0 1px 2px var(--shadow); }
[data-theme="soft"] .stat-tile.jami{ background: linear-gradient(180deg, var(--ak2), var(--accent)); border-color:transparent; }
[data-theme="soft"] .stat-tile.jami :is(.lbl, .val){ color:#fff; }
[data-theme="soft"] .btn:not(.primary):not(.good):not(.danger){ background:#fff; border-color: var(--line); }

/* ---------- Admin ---------- */
[data-theme="admin"] .sidebar a.nav-item.active{ background: rgba(255,255,255,.18); color:#fff; }
[data-theme="admin"] .sidebar a.nav-item:hover{ background: rgba(255,255,255,.1); }
[data-theme="admin"] .card, [data-theme="admin"] .stat-tile{ box-shadow:0 1px 3px var(--shadow); }
[data-theme="admin"] .stat-tile.jami{ background: var(--accent); border-color: var(--accent); }
[data-theme="admin"] .stat-tile.jami :is(.lbl, .val){ color:#fff; }
[data-theme="admin"] .main{ padding-top:22px; }

/* ---------- Glassy ---------- */
/* Fon dog'lari blur filtri emas, radial-gradient: kuchsiz kompyuterda ham og'ir emas */
[data-theme="glass"] body{
  background:
    radial-gradient(700px 700px at 12% 0%, rgba(240,164,75,.30), transparent 70%),
    radial-gradient(760px 760px at 100% 100%, rgba(124,58,18,.50), transparent 70%),
    #120E0A fixed;
}
[data-theme="glass"] .sidebar{ border-right:1px solid var(--line); background: rgba(18,14,10,.86); }
[data-theme="glass"] .sidebar a.nav-item.active{ background: var(--accent); color:#1A120B; }
[data-theme="glass"] .card, [data-theme="glass"] .stat-tile{ border-color: var(--line); }
[data-theme="glass"] .stat-tile.jami{ background: var(--accent); border-color: var(--accent); }
[data-theme="glass"] .stat-tile.jami :is(.lbl, .val){ color:#1A120B; }
[data-theme="glass"] .btn.primary{ color:#1A120B; }
[data-theme="glass"] .btn:not(.primary):not(.good):not(.danger){ background: rgba(255,255,255,.06); border-color: var(--line); color: var(--ink); }
[data-theme="glass"] :is(input, select, textarea){ background: rgba(255,255,255,.07) !important; color: var(--ink); border-color: var(--line); }
[data-theme="glass"] select option{ background:#1E1812; color: var(--ink); }
/* Chek va chop etiladigan hujjatlar oq qog'ozda qoladi */
[data-theme="glass"] :is(.chek, .receipt){ color:#15171C; }