@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap');
/* ═══════════════════════════════════════════════════════════════
   PREMIUM OVERLAY — umumiy yengil premium qatlam (atmosfera + glass + light).
   Har sahifaning <style>'idan KEYIN ulanadi → background override (source-order).
   VIZUAL ONLY. Hardcoded ranglar (sahifa --var sxemasiga bog'liq emas, klobber yo'q).
   !important YO'Q → rangli variantlar (.sc.green, .badge...) yuqori spetsifiklik bilan saqlanadi.
   Foydalanish: <link ...premium-overlay.css> (head oxiri) + <div class="xa-atmos"></div> (body boshi).
   ═══════════════════════════════════════════════════════════════ */

/* ── Tinch navy fon (XENORA yangi brend) ── */
body{background:radial-gradient(ellipse 120% 80% at 55% -12%,#0d1c33 0%,#0a1628 52%,#070f1e 100%)}
[data-theme="light"] body{background:radial-gradient(ellipse 120% 80% at 55% -12%,#ffffff 0%,#eef2f9 55%,#f4f6fb 100%)}

/* content atmosfera ustида (atmos z-index:0, qolgani 1). Modallar (yuqori z-index) tegmaydi. */
body > *:not(.xa-atmos){position:relative;z-index:1}

/* ── Atmosfera qatlami (bitta bo'sh div, mandala+nur CSS) ── */
.xa-atmos{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
/* Koshin (o'zbek milliy naqsh) — butun fonga NOZIK yoyilgan (dark .09 / light .16).
   Namunadagi shell::before kabi tile; aylanmaydi. koshin-*.svg styles/ da. */
.xa-atmos::before{
  content:'';position:absolute;inset:0;
  background:url('koshin-dark.svg') repeat;
  background-size:132px 132px;
  opacity:.09;
}
.xa-atmos::after{
  content:'';position:absolute;inset:0;mix-blend-mode:screen;
  background:
    radial-gradient(46vmin 46vmin at 3% -8%, rgba(34,197,94,.09), transparent 70%),
    radial-gradient(40vmin 40vmin at 99% 108%, rgba(202,168,90,.08), transparent 70%);
  animation:xaBreathe 34s ease-in-out infinite;
}
@keyframes xaBreathe{0%,100%{opacity:.5}50%{opacity:.8}}
[data-theme="light"] .xa-atmos::before{background-image:url('koshin-light.svg');opacity:.16}
[data-theme="light"] .xa-atmos::after{mix-blend-mode:normal;opacity:.4}

/* ── Glass: konteyner/karta/panel/modal (background-li wrapperlar). Jadval (.tbl/.data-table) EMAS. ── */
.card,.tbl-wrap,.table-wrap,.data-table-wrap,.stat-card,.sc,.panel,.modal-box,.modal-card,.mc,.setting-card,.debt-card{
  background:linear-gradient(180deg, rgba(15,32,56,.82), rgba(10,22,42,.86));
  border:1px solid rgba(34,197,94,.16);
  backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);
}
[data-theme="light"] .card,
[data-theme="light"] .tbl-wrap,[data-theme="light"] .table-wrap,[data-theme="light"] .data-table-wrap,
[data-theme="light"] .stat-card,[data-theme="light"] .sc,[data-theme="light"] .panel,
[data-theme="light"] .modal-box,[data-theme="light"] .modal-card,[data-theme="light"] .mc,
[data-theme="light"] .setting-card,[data-theme="light"] .debt-card{
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,250,253,.93));
}

/* ── Jadval: thead tilla tint + qator hover yengil zumrad ── */
thead th{background:rgba(34,197,94,.06)}
tbody tr:hover{background:rgba(34,197,94,.05)}

/* ── Tugma/input: press feedback + fokus emerald glow (recolor YO'Q — variantlar saqlanadi) ── */
.btn:active,.tb-btn:active,button.btn:active{transform:scale(.97)}
.inp:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(34,197,94,.14),0 0 12px rgba(34,197,94,.1)}

/* ── BOSQICH 5: karta hover ko'tarilishi + bosish bounce (43 sahifa). Stagger YO'Q
   (sahifa animatsiyasiga tegmasin). transform ALMASHADI (qo'shilmaydi) → xavfsiz. ── */
.card,.stat-card,.sc,.panel,.setting-card,.debt-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease}
.card:hover,.stat-card:hover,.sc:hover,.panel:hover,.setting-card:hover,.debt-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.3),0 0 20px rgba(34,197,94,.12)}
[data-theme="light"] .card:hover,[data-theme="light"] .stat-card:hover,[data-theme="light"] .sc:hover,[data-theme="light"] .panel:hover,[data-theme="light"] .setting-card:hover,[data-theme="light"] .debt-card:hover{box-shadow:0 12px 28px rgba(20,40,70,.14)}
.card:active,.stat-card:active,.sc:active,.panel:active,.setting-card:active,.debt-card:active{transform:translateY(-1px) scale(.99)}
@media (hover:none){ .card:hover,.stat-card:hover,.sc:hover,.panel:hover,.setting-card:hover,.debt-card:hover{transform:none} }
@media (prefers-reduced-motion:reduce){ .card,.stat-card,.sc,.panel,.setting-card,.debt-card{transition:none} .card:hover,.stat-card:hover,.sc:hover,.panel:hover,.setting-card:hover,.debt-card:hover,.card:active,.stat-card:active,.sc:active,.panel:active,.setting-card:active,.debt-card:active{transform:none} }

/* ── Reduced motion ── */
@media (prefers-reduced-motion:reduce){
  .xa-atmos::before,.xa-atmos::after{animation:none!important}
}
/* ── Mobil: blur o'chadi (tezlik), mandala yengil ── */
@media (max-width:768px){
  .xa-atmos::before{opacity:.08}
  .card,.tbl-wrap,.table-wrap,.data-table-wrap,.stat-card,.sc,.panel,
  .modal-box,.modal-card,.mc,.setting-card,.debt-card{backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* ── Chop etish (labels/qr/chek): atmosfera + glass YO'Q (toza print) ── */
@media print{
  .xa-atmos{display:none!important}
  body{background:#fff!important}
  .card,.tbl-wrap,.table-wrap,.data-table-wrap,.stat-card,.sc,.panel,
  .modal-box,.modal-card,.mc,.setting-card,.debt-card{
    background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#ddd!important;
  }
}