/* ==========================================================================
   ALLSERVIS — yangi komponentlar (hamma ekranlar) va TELEFON VERSIYASI (≤760px), noldan yozilgan.
   Qoidalar: og'ir effektlar yo'q (blur, 3D, butun sahifani kichraytirish), bitta barmoq — sahifa scrolli,
   hamma narsa ekranga sig'adi (gorizontal scroll yo'q), tugmalar kamida 40px, iOS zoom bo'lmasligi uchun input 16px.
   ========================================================================== */

/* ---------------- ishonchlilik darajasi ---------------- */
.trust{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;font-size:11.5px;font-weight:800;line-height:1.6;white-space:nowrap;background:var(--surface2);color:var(--muted)}
.trust i{font-size:10.5px}
.trust.l1{background:rgba(47,123,245,.1);color:#2F7BF5}
.trust.l2{background:rgba(14,165,233,.12);color:#0284C7}
.trust.l3{background:var(--ok-soft);color:var(--ok)}
.trust.l4{background:rgba(224,165,38,.16);color:#B7791F}
[data-theme="dark"] .trust.l4{color:#F5C451}
.trust-box{border-radius:16px;padding:12px 14px;margin:0 0 14px;background:var(--surface2);border:1px solid var(--line)}
.trust-box .tb-h{display:flex;align-items:center;gap:10px}
.tb-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:#94A3B8;flex-shrink:0}
.trust-box.l1 .tb-ic{background:#2F7BF5}.trust-box.l2 .tb-ic{background:#0EA5E9}.trust-box.l3 .tb-ic{background:#12925F}.trust-box.l4 .tb-ic{background:linear-gradient(135deg,#F5C451,#E0A526)}
.trust-box b{display:block;font-size:14.5px}.trust-box small{color:var(--muted);font-size:12px;font-weight:600}
.tb-n{font-size:22px!important;letter-spacing:-.5px}
.tb-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px}
.tb-bar i{height:6px;border-radius:6px;background:var(--line)}
.tb-bar i.on{background:var(--btn)}
.trust-box.l4 .tb-bar i.on{background:#E0A526}.trust-box.l3 .tb-bar i.on{background:var(--ok)}
.tb-tips{margin-top:10px;display:grid;gap:6px;font-size:12.5px}
.tb-tips>small{font-weight:800;color:var(--text)!important}
.tb-tips div{display:flex;gap:8px;align-items:flex-start;color:var(--muted)}
.tb-tips div i{color:var(--btn);width:14px;margin-top:3px;flex-shrink:0}
.soha-t{display:inline-block;font-size:11px;font-weight:700;color:var(--muted);background:var(--surface2);padding:1px 7px;border-radius:12px;margin-left:4px;vertical-align:1px}

/* ---------------- ro'yxatdan o'tish: rol, kuchli parol, kasb tanlash ---------------- */
.roles{grid-template-columns:repeat(3,1fr)}
button.role{font:inherit;color:inherit;text-align:left;background:var(--surface);width:100%}
.role small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;line-height:1.3}
.role b{font-size:13.5px}
.meter i{background:#DC3F45}
.meter i[data-s="3"]{background:#E59A0B}.meter i[data-s="4"]{background:#2F7BF5}.meter i[data-s="5"]{background:var(--ok)}
.pw-rules{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-top:8px;font-size:12px;color:var(--muted)}
.pw-rules li{display:flex;gap:6px;align-items:center;line-height:1.35}
.pw-rules li i{color:#DC3F45;font-size:12px;flex-shrink:0}
.pw-rules li.ok{color:var(--text)}.pw-rules li.ok i{color:var(--ok)}
.pw2h{font-weight:700;color:var(--danger)}.pw2h.ok{color:var(--ok)}
.kasb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:196px;overflow:auto;overscroll-behavior:contain;padding:2px}
.kasb-chips:empty{display:none}
.kchip{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:6px 11px;font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:.15s}
.kchip:hover{border-color:var(--btn);color:var(--btn)}
.kchip.on{background:var(--btn);border-color:var(--btn);color:#fff}
.select.bad{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}

/* taqqoslash paneli — tanlanmagan bo'lsa umuman ko'rinmaydi */
.cmp-bar:not(.on){visibility:hidden;pointer-events:none}
/* bildirishnomalar varag'i */
.nt-sheet{padding:0!important}
.nt-sheet>.hd{display:none}
.nt-sheet .nt{padding:12px 16px}
.nt-sheet .nt p{font-size:14px}
/* xaritani surish tugmasi (faqat sensorli ekranlarda qo'shiladi) */
.map-unlock{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:600;border:0;border-radius:24px;padding:10px 16px;font:inherit;font-size:13.5px;font-weight:800;
  background:var(--surface);color:var(--text);box-shadow:0 8px 22px -8px rgba(0,0,0,.35);display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.map-unlock i{color:var(--btn)}
.map-wrap.live .map-unlock{background:var(--btn);color:#fff}.map-wrap.live .map-unlock i{color:#fff}
.map-wrap.live{box-shadow:0 0 0 3px var(--btn)}
.onb-ic.brand-ic{background:#F06A28;color:#fff}.onb-ic.brand-ic svg{width:46px;height:46px}

/* sayt yangilanganda chiqadigan taklif */
.upd-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--bnav) + 16px);z-index:3100;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);
  border-radius:16px;padding:8px 8px 8px 14px;box-shadow:var(--shadow-lg);font-weight:700;font-size:14px;max-width:calc(100% - 24px)}
.upd-bar>i{color:var(--btn)}.upd-bar span{flex:1;white-space:nowrap}

/* ==========================================================================
   TELEFON (≤760px)
   ========================================================================== */
@media (max-width:760px){
  :root{--hdr:56px;--bnav:calc(62px + env(safe-area-inset-bottom))}
  html{scroll-padding-top:calc(var(--hdr) + 8px)}
  body{font-size:15px;padding-bottom:var(--bnav)}
  .container{padding:0 14px}
  .nav,.hide-sm,.spot-btn,.fab-tip{display:none!important}

  /* sarlavha: to'liq rangli fon, blur yo'q (tez chiziladi) */
  .header{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:border-color .2s}
  body.scrolled .header{border-bottom-color:var(--line);box-shadow:0 4px 14px -12px rgba(0,0,0,.4)}
  .header .container{gap:6px}
  .brand{font-size:20px}.brand-mark{width:30px;height:32px;margin-right:6px}.brand-mark svg{width:18px;height:18px}
  .hdr-r{gap:4px}
  .hdr-r .btn-icon{width:40px;height:40px;border-radius:50%;background:var(--surface2);border-color:transparent}
  .user-chip{padding:0;border:0;background:none}.user-chip .nm,.user-chip>i{display:none}
  #authArea .btn-primary{padding:0 12px;min-height:40px;border-radius:20px}
  .adm-chip{min-height:40px;padding:0 10px}
  /* yuqoridagi menyular telefonda ekranga sig'adi */
  .dropdown{position:fixed;left:10px!important;right:10px!important;top:calc(var(--hdr) + 6px);min-width:0;max-height:calc(100dvh - var(--hdr) - var(--bnav) - 20px)}
  .vbar .container{font-size:13px;gap:8px;flex-wrap:wrap}
  .vbar span{flex:1 1 60%}
  .vbar .btn span{display:none}

  /* bosh qism: oddiy va tez — 3D sahna, aylanadigan belgilar yo'q */
  .hero{padding:12px 0 4px;overflow:visible}
  .hero::before,.hero .naqsh-bg,.stage3d,.rosette,.orbit,.logo3d{display:none!important}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .hero-card{padding:0;background:none;border:0;box-shadow:none}
  .m-title{display:block;margin:2px 0 8px}
  .m-title small{display:block;font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
  .m-title h1{font-size:27px;font-weight:800;letter-spacing:-.8px;line-height:1.15;margin:2px 0 0}
  .hero h1.h-big{display:none}
  .hero p.lead{display:block;font-size:14px;margin:6px 0 0}
  .hero p.lead .maqol{display:none}
  .pill{font-size:12px;padding:4px 10px}
  .search-box{margin-top:12px;border-radius:16px;padding:5px;box-shadow:0 6px 18px -12px rgba(0,0,0,.35)}
  .search-box .ai-badge span,.search-box .wc{display:none}
  .search-box .ai-badge{padding:9px 10px}
  .search-box input{font-size:16px;padding:9px 4px}
  .search-box .mic{width:40px;height:40px;flex-shrink:0}
  .search-box #aiBtn{width:44px;min-height:40px;padding:0;border-radius:12px}.search-box #aiBtn span{display:none}
  .suggest{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:10px -14px 0;padding:0 14px 2px;-webkit-overflow-scrolling:touch}
  .suggest::-webkit-scrollbar{display:none}
  .suggest button{padding:8px 12px;font-size:13px}
  .qa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px;margin:16px 0 4px}
  .qa-grid a,.qa-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--text);-webkit-tap-highlight-color:transparent;min-width:0}
  .qa-grid i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:21px;color:#fff;background:linear-gradient(160deg,var(--c1),var(--c2))}
  .qa-grid a:active i,.qa-grid button:active i{transform:scale(.92)}
  .qa-grid span{font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .hero-vis{height:auto;perspective:none;position:static}
  .hero-stats,.hero-vis .hero-stats{position:static;display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;margin:6px -14px 0;padding:2px 14px 6px}
  .hero-stats::-webkit-scrollbar{display:none}
  .stat-card,.hero-vis .stat-card{position:static;flex:0 0 auto;animation:none;box-shadow:none;padding:10px 12px;border-radius:14px;backdrop-filter:none}

  /* bo'limlar */
  .sec{padding:20px 0}
  .sec-head{margin-bottom:10px;align-items:flex-start}
  .sec-head h2{font-size:21px}
  .sec-tools{width:100%;gap:6px}
  .sec-tools .seg{order:3;width:100%}
  .sec-tools .btn-primary,.sec-tools .btn-accent{margin-left:auto}
  .toolbar .field{width:100%!important;flex:1 1 100%}
  .naqsh-div{display:none}

  /* xarita: bitta barmoq — sahifa scrolli; surish — «Xaritani surish» tugmasi */
  .map-wrap{border-radius:18px;margin:0}
  #map{height:56vh;min-height:320px;max-height:520px}
  .map-legend{display:none}
  .map-top{top:8px;left:8px;right:8px}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .chips::-webkit-scrollbar{display:none}
  .map-tools{bottom:14px;right:8px}
  .leaflet-touch .leaflet-control-zoom{display:none}   /* telefonda ikki barmoq bilan kattalashtiriladi — tugmalar joy egallamaydi */
  .map-hint{left:8px;right:8px;max-width:none;top:56px;bottom:auto;transform:translateY(-8px);font-size:12px;white-space:normal}
  .map-hint.on{transform:none}
  .ai-panel{top:auto;bottom:0;left:0;right:0;width:auto;max-width:none;height:64%;border-radius:18px 18px 0 0;transform:translateY(105%);backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}
  .ai-panel.open{transform:none}
  .leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important}

  /* kartalar */
  .cards,#ordList,#evList{grid-template-columns:minmax(0,1fr)!important;gap:10px}
  .card,.ord,.ev{padding:14px;border-radius:16px}
  .card:hover,.ord:hover,.ev:hover,.top-card:hover,.plan:hover{transform:none}
  .top-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .plans{grid-template-columns:minmax(0,1fr)}
  .filters,.steps,.faq{grid-template-columns:minmax(0,1fr)}
  .cta{padding:20px 16px;border-radius:18px;flex-direction:column;align-items:stretch;text-align:left}
  .cta .d3{display:none}
  footer{padding-bottom:calc(var(--bnav) + 18px)}
  footer .links{gap:10px 14px}

  /* formalar */
  .g2,.g3,.kv,.contacts{grid-template-columns:minmax(0,1fr)}
  .g2.keep,.g3.keep{grid-template-columns:1fr 1fr}
  .roles{grid-template-columns:1fr 1fr}
  .role{padding:10px 9px;gap:8px}.role>i{width:30px;height:30px}
  .role small{font-size:11px}
  .pw-rules{grid-template-columns:minmax(0,1fr)}
  .input,.select,.textarea{font-size:16px;min-height:44px;border-radius:12px}
  .btn{min-height:40px}
  .btn-sm{min-height:34px}
  .pf-stats,.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .av-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .code-in input{width:54px;height:60px;font-size:24px}

  /* oynalar — pastdan chiqadigan varaq; butun sayt kichraymaydi, orqa fon xiralashmaydi (tez) */
  .modal{padding:0;align-items:flex-end;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,15,25,.45)}
  .modal-box,.modal-box.lg,.modal-box.md,.modal-box.sm{max-width:none;width:100%;border-radius:22px 22px 0 0;max-height:92dvh;border:0;transform:translateY(100%);transition:transform .32s var(--ease);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .modal.open .modal-box{transform:none}
  .modal-box::before{content:"";display:block;width:40px;height:5px;border-radius:5px;background:rgba(127,127,140,.35);margin:8px auto 0;position:sticky;top:6px;z-index:6}
  .modal-box:has(.cover)::before{display:none}
  .modal-box.dragging{transition:none!important}
  .m-head{padding:8px 16px 8px}.m-head h3{font-size:17px}
  .m-body{padding:4px 16px 16px}
  .m-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));flex-wrap:nowrap}
  .m-foot .btn{flex:1 1 auto}
  .m-foot .auth-alt{display:none}
  .x-btn{width:36px;height:36px}
  .pf-head{padding:0 16px}.pf-head .who{padding-top:0;min-width:100%}
  .acts-bar{position:sticky;bottom:0;background:var(--surface);padding:10px 0 calc(10px + env(safe-area-inset-bottom));margin:0;flex-wrap:wrap;z-index:4}
  .modal-box.sup-box{height:92dvh}
  .spot-box{height:92dvh;max-height:92dvh}
  .drawer{width:100%;border-left:0}
  .drawer-bg{backdrop-filter:none;-webkit-backdrop-filter:none}

  /* pastki menyu: oddiy, aniq, barmoq uchun katta */
  .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1700;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px env(safe-area-inset-bottom);justify-content:space-around;
    box-shadow:0 -6px 20px -16px rgba(0,0,0,.4)}
  .bnav a,.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:4px 2px;border:0;background:none;color:var(--muted);font:inherit;font-size:11px;font-weight:700;
    cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;border-radius:12px}
  .bnav i{font-size:19px}
  .bnav .on{color:var(--btn)}
  .bnav .on i{transform:translateY(-1px)}
  .bnav .dotc{top:4px;right:calc(50% - 22px)}
  .bn-ind{display:none}
  body.lock .bnav{visibility:hidden}

  /* suzuvchi tugmalar va xabarlar — menyuning ustida, bir-biriga to'qnashmaydi */
  .fab{width:50px;height:50px;right:14px;bottom:calc(var(--bnav) + 14px);font-size:19px;transition:transform .3s var(--ease),opacity .3s}
  body.scroll-down .fab{transform:translateY(90px);opacity:0;pointer-events:none}   /* pastga o'qiyotganda matnni to'smaydi */
  .fab::before{display:none}
  .cmp-bar{left:12px;right:74px;max-width:none;transform:none;bottom:calc(var(--bnav) + 16px)}
  .cmp-bar.on{transform:none}
  .toasts{top:auto;bottom:calc(var(--bnav) + 76px);width:calc(100% - 24px);max-width:none}
  .toast{width:100%;border-radius:14px;font-size:14px}
}
@media (max-width:360px){
  .brand{font-size:18px}
  .qa-grid i{width:48px;height:48px;font-size:19px;border-radius:14px}
  .roles{grid-template-columns:1fr}
  .bnav span{font-size:10px}
}