/* ═══════════════════════════════════════════════════════════════════
   GEONAZORAT SRM v2 — Karier Kontrol uslubidagi interfeys tizimi
   ═══════════════════════════════════════════════════════════════════ */
/* Matn ranglari WCAG AA kontrast talabiga moslangan (oq va #f6f6f7 fonlarda
   o'lchangan): --kul 4.5+ (eng och fon #eaf0fc da ham), --kul2 4.5+, --yashil 4.61, --sariq 4.50.
   Bu qiymatlarni ochroq qilish o'qilishni buzadi — o'zgartirishdan oldin qayta o'lchang.
   Palitra my.soliq.uz dan o'lchab olingan: asosiy #325ECD (Ant Design primary),
   fon #F6F6F7, to'q #282F38, chegara #E6E9ED, matn rgba(0,0,0,.85)=#262626,
   karta radiusi 15px, shrift PT Sans.
   O'zgaruvchi nomlari eski holicha (--teal endi = asosiy ko'k). */
:root{
  --fon:#f6f6f7; --oq:#ffffff;
  --chiziq:#e6e9ed; --chiziq2:#eff1f5;
  --matn:#262626; --kul:#6a6d74; --kul2:#647192;
  --teal:#325ecd; --teal2:#26499f; --teal-soft:#eaf0fc; --teal-soft2:#f5f8fe;
  --toq:#282f38; --ochko:#5b7ed7;
  --yashil:#11803a; --yashil-bg:#e8f7ee;
  --qizil:#d21b43; --qizil-bg:#fde8ec;
  --sariq:#a65b05; --sariq-bg:#fef3c7;
  --binafsha:#7c3aed;
  --kok:#0c7c6f; --kok-bg:#e3f6f3;
  --r:15px;
  --soya:0 1px 2px rgba(40,47,56,.04),0 1px 6px rgba(40,47,56,.03);
  --soya2:0 6px 20px rgba(40,47,56,.09);
  --tez:.15s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--fon);color:var(--matn);
  font-family:"PT Sans","Segoe UI Variable Text","Segoe UI",Inter,system-ui,sans-serif;
  font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
button,input,select{font-family:inherit}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#cdd1dd;border-radius:99px;border:3px solid var(--fon)}
::-webkit-scrollbar-track{background:transparent}
@keyframes kirdi{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes aylan{to{transform:rotate(360deg)}}

/* ═══ OYNA FORMASI ══════════════════════════════════════════════════
   Sahifalar buni o'z <style> blokida ham e'lon qiladi (ular keyin keladi va
   ustun turadi). Bu yerdagi nusxa shell.js dagi umumiy oynalar uchun —
   ular har sahifada, jumladan kirish sahifasida ham chiqadi. */
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .keng{grid-column:1/-1}
.form label{display:block;font-size:11.5px;color:var(--kul);font-weight:650;margin-bottom:5px}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:13px;padding:9px 11px;
  border:1px solid var(--chiziq);border-radius:9px;background:var(--oq);color:var(--matn)}
.form input:focus,.form select:focus{outline:none;border-color:var(--teal)}
.form .izoh{font-size:11px;color:var(--kul2);margin-top:4px}
.oyna-amal{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;
  border-top:1px solid var(--chiziq)}
.oyna-ogoh{background:var(--sariq-bg);color:var(--sariq);border-radius:10px;
  padding:10px 13px;font-size:12.5px;font-weight:600;margin-bottom:14px}
.oyna-xato{background:var(--qizil-bg);color:var(--qizil);border-radius:10px;
  padding:9px 12px;font-size:12.5px;font-weight:600;margin-top:12px}
.oyna-ok{background:var(--yashil-bg);color:var(--yashil);border-radius:10px;
  padding:9px 12px;font-size:12.5px;font-weight:600;margin-top:12px}

/* ═══ SHELL: chap panel + yuqori panel ══════════════════════════════ */
body.shelled{display:grid;min-height:100vh;grid-template-columns:250px 1fr;
  grid-template-rows:auto 1fr;grid-template-areas:"side top" "side main"}
body.shelled>main{grid-area:main;padding:22px 28px 40px;max-width:1240px;width:100%}

.yon{
  grid-area:side;position:sticky;top:0;height:100vh;overflow:auto;z-index:30;
  background:var(--oq);border-right:1px solid var(--chiziq);
  display:flex;flex-direction:column;padding:18px 14px;
}
.yon .brend{display:flex;align-items:center;gap:11px;padding:2px 8px 20px}
.yon .brend .belgi{width:40px;height:40px;flex:none;border-radius:11px;overflow:hidden}
.yon .brend .belgi svg,.yon .brend .belgi img{width:100%;height:100%;display:block}
.yon .brend b{font-size:14.5px;letter-spacing:.4px;display:block;line-height:1.2}
.yon .brend span{font-size:11px;color:var(--kul)}
.yon .bolim{font-size:10px;letter-spacing:1.4px;color:var(--kul2);font-weight:700;padding:8px 12px 7px}
.nav{
  display:flex;align-items:center;gap:11px;padding:10px 12px;margin:1px 0;
  border-radius:10px;color:#374151;font-weight:550;font-size:13.5px;cursor:pointer;
  text-decoration:none;transition:background var(--tez),color var(--tez);
}
.nav svg{width:19px;height:19px;flex:none;stroke-width:1.7}
.nav:hover{background:#f2f5fb}
.nav.on{background:var(--teal-soft);color:var(--teal2);font-weight:650}
.nav.on svg{color:var(--teal)}

.top{
  grid-area:top;position:sticky;top:0;z-index:25;
  display:flex;align-items:center;gap:16px;padding:13px 28px;
  background:var(--oq);border-bottom:1px solid var(--chiziq);
}
.iz{display:flex;align-items:center;gap:8px;font-size:14px}
.iz .b1{color:var(--kul)}
.iz .aj{color:var(--kul2)}
.iz .b2{font-weight:700;font-size:15px}
.top .bosh{margin-left:auto;display:flex;align-items:center;gap:14px}
.tillar{display:flex;background:#eef1f6;border-radius:10px;padding:3px}
.tillar button{
  border:none;background:none;padding:5px 12px;border-radius:8px;cursor:pointer;
  font-size:12px;font-weight:650;color:var(--kul);
}
.tillar button.on{background:var(--oq);color:var(--matn);box-shadow:var(--soya)}
.foydalanuvchi{display:flex;align-items:center;gap:9px;position:relative;cursor:pointer;
  padding:4px 6px;border-radius:10px;transition:background var(--tez)}
.foydalanuvchi:hover{background:var(--fon)}
.foydalanuvchi .ava{
  width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;
}
.foydalanuvchi b{font-size:13.5px}
.foydalanuvchi .rol{font-size:11.3px;color:var(--kul)}
.fmenu{position:absolute;top:calc(100% + 9px);right:0;z-index:60;width:262px;
  background:var(--oq);border:1px solid var(--chiziq);border-radius:12px;
  box-shadow:var(--soya2);padding:11px 13px;display:none;cursor:default}
.fmenu.on{display:block}
.fmenu .fq{display:flex;justify-content:space-between;gap:10px;font-size:12.3px;
  padding:6px 0;border-bottom:1px solid var(--chiziq2)}
.fmenu .fq span{color:var(--kul)}
.fmenu .fq b{font-weight:650}
.fmenu .btn{width:100%;justify-content:center;margin-top:11px}
.btn.qizil-btn{border-color:#f6c3ce;color:var(--qizil);background:var(--qizil-bg)}
.chiqbtn{border:none;background:none;color:var(--kul);cursor:pointer;font-size:12px;padding:4px}
.chiqbtn:hover{color:var(--qizil)}

/* ═══ KARTALAR / KPI ════════════════════════════════════════════════ */
.karta{background:var(--oq);border:1px solid var(--chiziq);border-radius:var(--r);
  padding:18px 20px;margin-bottom:16px;box-shadow:var(--soya);animation:kirdi .35s ease both}
.karta h3{font-size:15px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.karta .izoh{font-size:12.5px;color:var(--kul);margin-bottom:10px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.kpi{background:var(--oq);border:1px solid var(--chiziq);border-radius:var(--r);
  padding:16px 18px;display:flex;gap:13px;align-items:flex-start;box-shadow:var(--soya);
  animation:kirdi .35s ease both}
.kpi .ik{width:42px;height:42px;flex:none;border-radius:11px;background:var(--teal-soft);
  color:var(--teal);display:flex;align-items:center;justify-content:center}
.kpi .ik svg{width:21px;height:21px;stroke-width:1.7}
.kpi .l{font-size:12.3px;color:var(--kul);line-height:1.35}
.kpi .v{font-size:23px;font-weight:750;margin-top:3px;font-variant-numeric:tabular-nums}
.kpi .v small{font-size:12px;color:var(--kul);font-weight:600;margin-left:2px}
.grid2{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}
@media(max-width:980px){.grid2,.kpis{grid-template-columns:1fr 1fr}body.shelled{grid-template-columns:210px 1fr}}

/* ═══ MOBIL (≤760px) ══════════════════════════════════════════════════
   760px dan pastda yon panel sig'maydi: 375px ekranda u 210px olsa,
   kontentga 165px qoladi va sahifa gorizontal siljiydi. Shuning uchun
   yon panel ekrandan chiqariladi va burger tugmasi bilan chaqiriladi. */
@media(max-width:760px){
  body.shelled{grid-template-columns:1fr;grid-template-areas:"top" "main"}
  body.shelled>main{padding:16px 14px 32px}

  /* Yon panel — ustma-ust qatlam, sukut bo'yicha yashirin */
  .yon{
    position:fixed;top:0;left:0;bottom:0;width:264px;height:100vh;
    transform:translateX(-100%);transition:transform .22s ease;
    box-shadow:0 0 40px rgba(40,47,56,.22);
  }
  body.yon-ochiq .yon{transform:none}
  /* Ochiq panel ortidagi qorong'i fon */
  body.yon-ochiq::before{
    content:"";position:fixed;inset:0;z-index:29;background:rgba(15,21,32,.45);
  }

  .burger{display:inline-flex!important}
  .top{padding:10px 14px;gap:10px}
  .top .iz{display:none}                    /* «Nazorat › Asosiy oyna» — joy yetmaydi */
  .top .foydalanuvchi .ism{display:none}    /* avatar qoladi, ism yashiriladi */
  .tillar{margin-left:auto}

  .kpis,.kpis4,.grid2{grid-template-columns:1fr}
  .filtrbar{flex-wrap:wrap}
  .filtrbar input,.filtrbar select{width:100%!important;min-width:0}

  /* Jadval sahifani kengaytirmasin: o'zi siljiydigan blokka aylanadi.
     `display:block` + `overflow-x:auto` — o'ramsiz ham ishlaydi, chunki
     mavjud sahifalarda jadvallar <div> ichiga olinmagan. */
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  table thead,table tbody{display:table;width:100%;min-width:520px}

  /* Yuqori panel elementlari siqilsin — aks holda panel sahifani kengaytiradi */
  .top{flex-wrap:nowrap;min-width:0;overflow:hidden}
  .top>*{min-width:0}
  .top .bosh{min-width:0;overflow:hidden}
  .foydalanuvchi{min-width:0}
  .foydalanuvchi .ism,.foydalanuvchi .rol{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Sahifa hech qachon gorizontal siljimasin — ichki bloklar o'zi siljiydi */
  body.shelled>main{overflow-x:hidden;min-width:0}
  .karyer-bosh,.filtrbar,.kpis,.kpis4,.grid2{min-width:0;max-width:100%}

  .modal{max-width:calc(100vw - 24px)!important;margin:12px}
  .oyna-amal{flex-wrap:wrap}
  .oyna-amal .btn{flex:1 1 auto}
}

/* Burger tugmasi — faqat mobilda ko'rinadi */
.burger{
  display:none;align-items:center;justify-content:center;
  width:38px;height:38px;flex:none;border:1px solid var(--chiziq);
  background:var(--oq);border-radius:10px;cursor:pointer;padding:0;
}
.burger svg{width:19px;height:19px;stroke:var(--matn);stroke-width:2}
.burger:active{background:var(--fon)}

/* ═══ CHIPLAR / HOLATLAR ════════════════════════════════════════════ */
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;
  border-radius:99px;padding:3px 11px}
.chip.ok{background:var(--yashil-bg);color:var(--yashil)}
.chip.xato{background:var(--qizil-bg);color:var(--qizil)}
.chip.kut{background:var(--sariq-bg);color:var(--sariq)}
.chip.teal{background:var(--teal-soft);color:var(--teal2)}
.chip.kok{background:var(--kok-bg);color:var(--kok)}
.chip .nq{width:7px;height:7px;border-radius:50%;background:currentColor}
.cam{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;
  background:var(--oq);border:1px solid var(--chiziq);border-radius:99px;padding:4px 12px}
.cam .nq{width:8px;height:8px;border-radius:50%;background:var(--yashil)}

/* Agent holat paneli */
.agent{display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  background:var(--oq);border:1px solid var(--chiziq);border-radius:12px;
  padding:11px 16px;font-size:12.8px;color:var(--kul)}
.agent b{color:var(--matn)}
.agent .yashil-nq{width:9px;height:9px;border-radius:50%;background:var(--yashil);
  box-shadow:0 0 0 3px var(--yashil-bg)}

/* ═══ DAVLAT RAQAMI ═════════════════════════════════════════════════ */
.plate{display:inline-flex;align-items:stretch;border:2px solid #16181c;border-radius:5px;
  overflow:hidden;background:#fff;font-weight:800;font-size:12px;letter-spacing:.5px;
  line-height:1;white-space:nowrap;vertical-align:middle}
.plate .hud{padding:3px 5px;border-right:1.5px solid #16181c;font-size:11px;display:flex;align-items:center}
.plate .rq{padding:3px 7px;display:flex;align-items:center;letter-spacing:1.5px}
.plate .uz{background:#1d4ed8;color:#fff;font-size:8px;font-weight:800;padding:0 4px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}
.plate .uz::before{content:"";width:10px;height:6px;border-radius:1px;
  background:linear-gradient(180deg,#3ec1e7 33%,#fff 33% 66%,#3aa655 66%)}
.plate.sariq{background:#fbbf24}
.plate.sariq .rq,.plate.sariq .hud{color:#111}
.raqamsiz{color:var(--qizil);background:var(--qizil-bg);border-radius:7px;
  padding:3px 10px;font-size:11.5px;font-weight:700}

/* ═══ JADVALLAR ═════════════════════════════════════════════════════ */
.twrap{overflow:auto;border:1px solid var(--chiziq);border-radius:12px;background:var(--oq)}
table{width:100%;border-collapse:collapse;background:var(--oq)}
th{font-size:10.5px;letter-spacing:.8px;color:var(--kul);text-align:left;font-weight:700;
  padding:11px 12px;border-bottom:1px solid var(--chiziq);white-space:nowrap;background:var(--oq)}
th.guruh{text-align:center;background:#f7f9fd;border-left:1px solid var(--chiziq2);
  border-right:1px solid var(--chiziq2)}
th.ai{background:#eaf0fc}
td{padding:11px 12px;border-bottom:1px solid var(--chiziq2);font-size:12.8px;vertical-align:middle}
td.ai{background:#f5f8fe}
tbody tr:hover td{background:#fafbfe}
tbody tr:hover td.ai{background:#eaf0fc}
tbody tr:last-child td{border-bottom:none}
.num{font-variant-numeric:tabular-nums}
.vaqt2{line-height:1.4}
.vaqt2 b{font-size:12.5px}
.vaqt2 .og{color:var(--teal2);font-weight:750}
.turi-sotuv{color:var(--binafsha);font-weight:650}
.turi-hom{color:var(--kok);font-weight:650}
.yon-teal{color:var(--teal2);font-weight:700}

/* Rasm/video ikon tugmalari */
.ikb{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;
  border:1px solid var(--chiziq);border-radius:7px;background:var(--oq);cursor:pointer;
  color:var(--teal2);vertical-align:middle;margin-left:4px;transition:all var(--tez);position:relative}
.ikb:hover{background:var(--teal-soft);border-color:var(--teal)}
.ikb svg{width:14px;height:14px;stroke-width:1.8}
.ikb .prev{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;
  transform:translateX(-50%);z-index:40;border-radius:10px;overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,.35);border:2px solid #16181c}
.ikb .prev img{display:block;width:300px;height:auto}
.ikb:hover .prev{display:block}

/* ═══ TUGMALAR / FILTRLAR ═══════════════════════════════════════════ */
.btn{border:1px solid var(--chiziq);background:var(--oq);color:var(--matn);
  border-radius:10px;padding:8px 16px;font-size:12.8px;font-weight:650;cursor:pointer;
  transition:all var(--tez);display:inline-flex;align-items:center;gap:7px}
.btn svg{width:15px;height:15px;stroke-width:1.8;flex:none}
.btn:hover{border-color:var(--teal);color:var(--teal2)}
.btn.asosiy{background:var(--teal);border-color:var(--teal);color:#fff}
.btn.asosiy:hover{background:var(--teal2);color:#fff}
.btn.excel{background:var(--yashil-bg);border-color:#bbe7cd;color:var(--yashil)}
.btn.excel:hover{background:#dcf3e6}
.fchip{border:1.5px solid var(--chiziq);background:var(--oq);color:var(--kul);
  border-radius:99px;padding:7px 16px;font-size:12.8px;font-weight:650;cursor:pointer;
  transition:all var(--tez);display:inline-flex;gap:7px;align-items:center}
.fchip b{font-weight:750}
.fchip:hover{border-color:var(--teal)}
.fchip.on{border-color:var(--teal);color:var(--teal2);background:var(--teal-soft2)}
.fqator{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.filtrbar{display:flex;align-items:center;gap:10px;background:var(--oq);
  border:1px solid var(--chiziq);border-radius:12px;padding:10px 16px;margin-bottom:14px}
.filtrbar .toza{margin-left:auto;color:var(--kul2);cursor:pointer;font-size:12.5px}
.filtrbar .toza:hover{color:var(--qizil)}
.filtrbar input{border:1px solid var(--chiziq);border-radius:9px;padding:7px 12px;
  font-size:12.8px;width:190px}
.filtrbar input:focus{outline:none;border-color:var(--teal)}
select.tanla{border:1px solid var(--chiziq);border-radius:10px;padding:8px 12px;
  font-size:12.8px;background:var(--oq);font-weight:600;cursor:pointer}
select.tanla:focus{outline:none;border-color:var(--teal)}

/* Tab (Ma'lumotlar / Hodisalar) */
.tabs{display:inline-flex;background:#eff1f5;border-radius:12px;padding:4px;margin:4px 0 2px}
.tabs button{border:none;background:none;padding:8px 20px;border-radius:9px;cursor:pointer;
  font-size:13.5px;font-weight:650;color:var(--kul)}
.tabs button.on{background:var(--oq);color:var(--matn);box-shadow:var(--soya)}

/* ═══ SAHIFALASH ════════════════════════════════════════════════════ */
.sahifa-satr{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:13px 16px;font-size:12.8px;color:var(--kul)}
.sahifa-satr b{color:var(--matn)}
.sahifa-satr .ong{margin-left:auto;display:flex;align-items:center;gap:10px}
.sahifa-satr .ok{width:30px;height:30px;border:1px solid var(--chiziq);border-radius:8px;
  background:var(--oq);cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:var(--kul);font-size:14px}
.sahifa-satr .ok:hover:not(:disabled){border-color:var(--teal);color:var(--teal2)}
.sahifa-satr .ok:disabled{opacity:.4;cursor:default}

/* ═══ SOATLIK GRAFIK ════════════════════════════════════════════════ */
.soatlik{position:relative;height:180px;margin-top:14px;display:flex;align-items:flex-end;
  gap:6px;padding-left:34px}
.soatlik .oq-chiz{position:absolute;left:34px;right:0;border-top:1px solid var(--chiziq2)}
.soatlik .yq{position:absolute;left:0;font-size:10.5px;color:var(--kul2);transform:translateY(-50%)}
.soatlik .ust{flex:1;position:relative;display:flex;flex-direction:column;
  justify-content:flex-end;height:100%;min-width:8px}
.soatlik .b{background:var(--teal);border-radius:5px 5px 2px 2px;min-height:2px;
  transition:height .4s ease}
.soatlik .ust:hover .b{background:var(--teal2)}
.soatlik .tip{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;
  transform:translateX(-50%);background:#282f38;color:#fff;font-size:10.5px;
  padding:4px 9px;border-radius:6px;white-space:nowrap;z-index:5;font-weight:700}
.soatlik .ust:hover .tip{display:block}
.soatlik-x{display:flex;gap:6px;padding-left:34px;margin-top:5px}
.soatlik-x span{flex:1;font-size:10px;color:var(--kul2);text-align:center;min-width:8px}

/* ═══ MODAL ═════════════════════════════════════════════════════════ */
.mfon{display:none;position:fixed;inset:0;z-index:60;align-items:center;justify-content:center;
  padding:24px;background:rgba(15,23,42,.55)}
.mfon.on{display:flex}
.modal{background:var(--oq);border-radius:16px;max-width:760px;width:100%;max-height:92vh;
  overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.35);padding:20px;animation:kirdi .25s ease}
.modal h3{font-size:15.5px;font-weight:750;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.modal .yop{margin-left:auto}
.modal img.katta{width:100%;border-radius:12px;display:block;border:1px solid var(--chiziq)}

/* Jonli ko'rish kartalari */
.jgrid{display:grid;gap:16px}
.jgrid.g1{grid-template-columns:1fr}
.jgrid.g2{grid-template-columns:1fr 1fr}
.jgrid.g3{grid-template-columns:1fr 1fr 1fr}
.jgrid.g4{grid-template-columns:1fr 1fr 1fr 1fr}
.jkam{background:var(--oq);border:1px solid var(--chiziq);border-radius:14px;
  overflow:hidden;box-shadow:var(--soya)}
.jkam .sarl{display:flex;align-items:center;gap:9px;padding:11px 15px}
.jkam .sarl b{font-size:13.5px;letter-spacing:.5px}
.jkam img{width:100%;display:block;background:#0b0d10;aspect-ratio:16/9;object-fit:cover}

.bosh-holat{padding:34px;text-align:center;color:var(--kul2);font-size:13px}
.yuk-spin{display:inline-block;width:15px;height:15px;border:2.5px solid var(--teal-soft);
  border-top-color:var(--teal);border-radius:50%;animation:aylan .7s linear infinite;vertical-align:-3px}
.srm{display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:1px;
  background:linear-gradient(135deg,#f7b524,#e09a0a);color:#3a2c00;border-radius:4px;
  padding:1.5px 5px;vertical-align:2px;margin-left:5px}

/* ═══ XARITA TOOLTIP ═════════════════════════════════════════════════
   Leaflet sukut bo'yicha oq fon ustiga oq matn beradi (kontrast 1.22) —
   xarita ustidagi izohlar o'qilmaydi. To'q fonga o'tkazamiz. */
.leaflet-tooltip{
  background:var(--toq);color:#fff;border:none;border-radius:7px;
  padding:5px 9px;font-size:11.5px;font-weight:600;
  box-shadow:0 3px 10px rgba(0,0,0,.28)}
.leaflet-tooltip-top:before{border-top-color:var(--toq)}
.leaflet-tooltip-bottom:before{border-bottom-color:var(--toq)}
.leaflet-tooltip-left:before{border-left-color:var(--toq)}
.leaflet-tooltip-right:before{border-right-color:var(--toq)}

/* Dasturiy fokus (modal ochilganda) ko'rinadigan halqa chizmasin —
   u sichqoncha bilan ochganda ham chiqib, chalg'itadi. Klaviatura bilan
   yurgan foydalanuvchi uchun ichki elementlar o'z halqasini saqlaydi. */
.modal:focus{outline:none}
.modal :focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}

/* Tasdiq oynasi (shell.js → tasdiq()) */
.tasdiq-matn{font-size:13.5px;line-height:1.62;color:var(--matn);padding:2px 0 4px}
.btn.qizil{background:var(--qizil);border-color:var(--qizil);color:#fff}
.btn.qizil:hover{filter:brightness(.93)}