/* AiROP "premium qatlam": app.css dan KEYIN yuklanadi. Chuqurlik, yumshoq fon, aniq tipografik ierarxiya.
   Qoida: ierarxiyani o'lcham emas, og'irlik va rang kontrasti beradi; mayda yozuvlar polish.js tomonidan ⓘ ga yig'iladi. */
:root{
  --bg:#f3f4f8;
  --ink:#12141c; --ink-2:#434958; --ink-3:#656b7a;
  --line:rgba(20,24,40,.12); --hair:rgba(20,24,40,.06); --track:rgba(20,24,40,.08);
  --ichip-bg:#f0f2f7; --ichip-ink:#3a4050; --glass-solid:#f6f7fb;
  --r-card:20px; --pad-card:20px; --gap:18px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0c0e13; 
    --glass-solid:#1b1f29; --ichip-bg:#232836;
  }
}
:root[data-theme="dark"]{
  --bg:#0c0e13; 
  --glass-solid:#1b1f29; --ichip-bg:#232836;
}

/* fon: ambient shisha qatlami app.css oxirida (body::before); body shaffof */
body{font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; background:transparent}

/* sarlavhalar: og'irlik va qisilgan tracking bilan xarakter */
.top h1{font-size:26px;font-weight:700;letter-spacing:-.025em}
.lead{font-size:24px;font-weight:650;letter-spacing:-.022em;line-height:1.28}
h2,.sec-head h2{font-size:20px;font-weight:650;letter-spacing:-.018em}
h3{letter-spacing:-.012em}
.sec-head{margin-bottom:12px}

/* kartalar: yumshoq chuqurlik, ingichka chiziq, kattaroq radius */
.card,.tile{box-shadow:var(--shadow)}
.card{border-radius:var(--r-card)}
.lift{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.lift:hover{box-shadow:var(--shadow-up)}
.card .tile,.card.tiles-in .tile{background:var(--surf);box-shadow:none}

/* raqamlar: ko'zga tashlanadigan, lekin me'yorda */
.kpi .val,.m-val,.t-val{font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kpi .label,.m-label{font-weight:600;color:var(--ink-2)}

/* chiplar: toza, aniq */
.chip,.stchip{font-weight:600;letter-spacing:0}

/* chap menyu va yuqori panel: tinch, nafis */
.side{box-shadow:0 0 0 1px var(--hair),0 24px 48px -32px rgba(20,24,40,.25)}
.nav a{font-weight:600;border-radius:12px}
.nav a:not([aria-current="page"]){color:var(--ink-2)}

/* jadval: kengroq nafas */
.tbl th{font-size:13px;font-weight:650;letter-spacing:.02em;color:var(--ink-3);text-transform:none}
.tbl td{padding-top:13px;padding-bottom:13px}

/* guruh o'rtachasi qatori: pushti emas, neytral */
html .xl-row.avg{background:var(--surf)}

/* ---- Mayda matn dietasi (polish.js) ---- */
.fine-x{display:none!important}
.fine-btn{position:absolute;top:14px;right:14px;z-index:2}
.fine-host{position:relative}
.fine-inline{display:inline-grid;vertical-align:middle;margin-left:8px}
.lead .fine-inline{width:28px;height:28px}
.ip-text{white-space:pre-line}

/* karta sarlavha qatori: ikonka + nom + ⓘ (o'ngda) */
.tile .t-top{display:flex;align-items:center;gap:10px;min-width:0}
.tile .t-top .info-btn{margin-left:auto;flex:none}
