/* ============================================================
   hs.css — boshqaruv paneli uchun umumiy dizayn tokenlari va
   takrorlanuvchi komponentlar.

   Tokenlar :root da — shuning uchun ular istalgan sahifada, `.hs`
   o'ramisiz ham ishlaydi. Billing sahifalari ularni o'z <style>
   blokida `.hs` uchun ayni shu qiymatlar bilan qayta e'lon qiladi;
   qiymatlar bir xil bo'lgani uchun bu zararsiz.

   DIQQAT: Roboto layoutda faqat 400 va 500 og'irlikda yuklanadi
   (fonts.googleapis.com/css2?family=Roboto:wght@400;500).
   600/700 ishlatilsa brauzer sun'iy qalinlashtiradi va matn iflos
   chiqadi — shuning uchun bu yerda faqat 400/500 bor.
   ============================================================ */

:root{
  --paper:#fff;
  --sunk:#f1f4f9;
  --line:#e3e8f0;
  --ink:#16202c;
  --slate:#5a6472;
  --mute:#8b95a3;

  --azure:#0d6efd;
  --azure-s:rgba(13,110,253,.10);
  --in:#0f8a6a;
  --in-s:rgba(15,138,106,.12);

  --ok:#157347;   --ok-s:rgba(21,115,71,.11);
  --warn:#b46a00; --warn-s:rgba(180,106,0,.13);
  --crit:#d6293e; --crit-s:rgba(214,41,62,.10);

  --shadow:0 1px 2px rgba(22,32,44,.04), 0 4px 14px rgba(22,32,44,.05);
  --r:14px;
  --mono:ui-monospace, "SF Mono", "DejaVu Sans Mono", Menlo, monospace;
}

html.dark-theme{
  --paper:#12181a;
  --sunk:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.11);
  --ink:#e8eaec;
  --slate:#b6bcc3;
  --mute:#828b94;

  --azure:#4d90fe;
  --azure-s:rgba(77,144,254,.14);
  --in:#1aa87c;
  --in-s:rgba(26,168,124,.16);

  --ok:#2ea86c;   --ok-s:rgba(46,168,108,.15);
  --warn:#e0a02c; --warn-s:rgba(224,160,44,.15);
  --crit:#f0576a; --crit-s:rgba(240,87,106,.14);

  --shadow:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.28);
}

/* ===================== Non ushoqlari =====================
   Eski `.page-breadcrumb` `d-none d-sm-flex` bilan mobilda butunlay
   yashirilardi. Bu esa har doim ko'rinadi — telefonda foydalanuvchi
   qayerdaligini bilishi kerak. */
.hs-top{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin-bottom:16px;
}
.hs-crumb{
  display:flex; align-items:center; gap:7px; flex-wrap:wrap;
  font-family:inherit; font-size:12.5px; color:var(--mute);
  min-width:0;
}
.hs-crumb a{
  color:var(--mute); text-decoration:none;
  transition:color .16s ease;
}
.hs-crumb a:hover{ color:var(--azure); }
.hs-crumb a:focus-visible{
  outline:2px solid var(--azure); outline-offset:2px; border-radius:6px;
}
.hs-crumb-sep{ opacity:.5; }
/* Joriy sahifa — <b>, lekin qalin emas: 700 shriftda yo'q, ajratish rang bilan */
.hs-crumb b{ color:var(--slate); font-weight:400; }
.hs-crumb i{ font-size:14px; line-height:1; }

/* Uzun nom telefonda qatorni yorib yubormasin */
@media (max-width:480px){
  .hs-crumb{ font-size:12px; gap:6px; }
  .hs-crumb b{
    max-width:60vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
}