/* =========================================================
   YOPISHIB TURUVCHI YUQORI PANEL
   ---------------------------------------------------------
   "Kirish" tugmasi HAR DOIM ekranda bo'lishi kerak: odam
   sahifaning istalgan joyidan kirib ketishi mumkin. Kirish
   faqat bitta bo'limda turganda u pastga tushib ketadi va
   ko'rinmay qoladi.
   ========================================================= */
.panel{
  position:sticky;top:0;z-index:80;
  background:transparent;
  transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
             border-color var(--dur) var(--ease);
  border-bottom:1px solid transparent;
}
/* Panel oqim ichida, peshtoqdan YUQORIDA turadi — uning ustida
   suzmaydi. Ya'ni orqasida sahifa foni (pergament) bo'ladi, to'q
   peshtoq emas. Shuning uchun matn TO'Q rangda.
   Aylantirilgach faqat fon zichlashadi va soya qo'shiladi. */
.panel.yopishgan{
  background:var(--srf-overlay);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom-color:var(--line);
  box-shadow:var(--sh-sm);
}

.panel-ichki{
  max-width:var(--sayt-eni);margin:0 auto;
  padding:12px var(--bolim-x);
  display:flex;align-items:center;gap:16px;
}

/* ---- Brend ---- */
.panel-brend{
  display:flex;align-items:center;gap:11px;
  text-decoration:none;color:inherit;
  /* Keng ekranda brend SIQILMAYDI — u kompaniya nomi, uch nuqtaga
     aylanishi mumkin emas. Joy tanqis bo'lsa menyu chekinadi
     (havolalar oralig'i va shrifti kichrayadi).
     Tor ekranda esa aksincha: brend siqiladi, chunki u yerda
     "Kirish" tugmasi ustun turadi (09-mobil.css ga qarang). */
  flex-shrink:0;
  min-width:0;
}
/* Belgi endi rasm — plitka uslubi adolat-legal.css dagi .lx-logo
   dan keladi. Bu yerda faqat o'lcham qoladi. */
.panel-muhr{width:38px;height:38px;border-radius:11px}
.panel-nom{
  font-family:var(--font-display);font-size:1.06rem;font-weight:600;
  letter-spacing:-.01em;line-height:1.1;
  color:var(--txt-primary);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ---- Bo'lim havolalari ---- */
.panel-menyu{display:flex;align-items:center;gap:2px;margin-left:auto}
.panel-menyu a{
  padding:9px 13px;border-radius:var(--r-sm);
  font-size:.88rem;font-weight:600;text-decoration:none;
  color:var(--txt-secondary);white-space:nowrap;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.panel-menyu a:hover{color:var(--txt-accent);background:var(--accent-soft)}

/* Ayni damda ko'rinib turgan bo'lim — jez tag chiziq bilan.
   Rang bilan birga CHIZIQ ham qo'shiladi: rang ko'rmaydigan
   foydalanuvchi uchun ham farq bilinsin. */
.panel-menyu a.joriy{color:var(--txt-accent);position:relative;font-weight:700}
.panel-menyu a.joriy::after{
  content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;
  background:var(--accent);border-radius:2px;
}

/* ---- Doimiy "Kirish" tugmasi ---- */
.panel-kirish{
  flex-shrink:0;margin-left:8px;
  display:inline-flex;align-items:center;gap:8px;
  min-height:42px;padding:0 20px;border-radius:var(--r-sm);
  background:var(--accent);color:#1B1204;
  border:1px solid transparent;
  font-family:var(--font-ui);font-size:.9rem;font-weight:700;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  box-shadow:var(--sh-sm);
  transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
             transform var(--dur-fast) var(--ease);
}
.panel-kirish:hover{background:var(--accent-hover);box-shadow:var(--sh-md)}
.panel-kirish:active{transform:translateY(1px)}

/* ---- Mobil menyu tugmasi ---- */
.panel-burger{
  display:none;flex-shrink:0;margin-left:auto;
  width:42px;height:42px;place-items:center;
  background:var(--accent-soft);
  border:1px solid var(--accent-soft-bd);
  border-radius:var(--r-sm);color:var(--accent-on-soft);cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),
             border-color var(--dur) var(--ease);
}
.panel-burger:hover{background:var(--accent-soft-bd)}
.panel-burger .yop{display:none}
.panel-burger[aria-expanded="true"] .och{display:none}
.panel-burger[aria-expanded="true"] .yop{display:block}

/* ---- Til almashtirgich ----
   Menyu ichida emas, panelda DOIM ko'rinadi: sayt tili brauzer
   sozlamasidan taxmin qilinadi va taxmin xato bo'lganda odam
   "menyu" degan so'zni ham o'qiy olmaydi. Shu sababli u burger
   ostiga yig'ilmaydi — "Kirish" tugmasi bilan bir qatorda turadi.

   `<details>` — JavaScriptsiz ochiladi. Uchburchak belgi
   olib tashlanadi: uning o'rnida globus turadi. */
.panel-til{position:relative;flex-shrink:0;margin-left:8px}
.panel-til > summary{
  display:inline-flex;align-items:center;gap:6px;
  min-height:42px;padding:0 11px;
  border:1px solid var(--line);border-radius:var(--r-sm);
  color:var(--txt-secondary);cursor:pointer;list-style:none;
  font-family:var(--font-ui);font-size:.84rem;font-weight:700;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),
             background var(--dur) var(--ease);
}
.panel-til > summary::-webkit-details-marker{display:none}
.panel-til > summary:hover{
  color:var(--txt-accent);border-color:var(--accent-soft-bd);
  background:var(--accent-soft);
}
.panel-til[open] > summary{
  color:var(--txt-accent);border-color:var(--accent-soft-bd);
  background:var(--accent-soft);
}
.panel-til-belgi{font-variant-numeric:tabular-nums;letter-spacing:.04em}

.panel-til-royxat{
  position:absolute;right:0;top:calc(100% + 6px);z-index:40;
  min-width:190px;padding:6px;
  background:var(--srf-raised);
  border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-lg);
}
.panel-til-royxat a{
  display:flex;align-items:center;gap:10px;
  padding:9px 10px;border-radius:var(--r-sm);
  color:var(--txt-secondary);text-decoration:none;
  font-size:.9rem;white-space:nowrap;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.panel-til-royxat a:hover{color:var(--txt-accent);background:var(--accent-soft)}
.panel-til-royxat .belgi{
  flex-shrink:0;min-width:30px;
  font-family:var(--font-mono);font-size:.72rem;font-weight:700;
  letter-spacing:.06em;color:var(--txt-muted);
}
/* Tanlangan til — rang BILAN BIRGA qalinlik: rang ko'rmaydigan
   foydalanuvchi uchun ham qaysi til yoqilgani bilinsin. */
.panel-til-royxat a.tanlangan{
  color:var(--txt-accent);font-weight:700;background:var(--accent-soft);
}
.panel-til-royxat a.tanlangan .belgi{color:var(--accent)}