/* RoadControl AI — vizual tema. Tashqi resurssiz: Inter shrifti o'z serverimizdan beriladi. */

@font-face { font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("shrift/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("shrift/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("shrift/inter-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }

:root {
  --fon:#f3f5f9; --karta:#ffffff; --matn:#0f1b2d; --xira:#5a6a80; --yengil:#8896aa;
  --chiziq:#e3e8ef; --chiziq-kuchli:#cfd7e3;
  --asosiy:#2456d6; --asosiy-quyuq:#1a43ad; --asosiy-fon:#eaf0ff;
  --yon:#0b1a33; --yon-2:#12264a; --yon-matn:#b8c4d9;
  --yaxshi:#157f4a; --yaxshi-fon:#e6f6ee; --yaxshi-chiziq:#bfe6d0;
  --ogoh:#b42318; --ogoh-fon:#fdeceb; --ogoh-chiziq:#f6c5c1;
  --sariq:#a15c07; --sariq-fon:#fff3d6; --sariq-chiziq:#f2d79a;
  --soya-1:0 1px 2px rgba(15,27,45,.05), 0 1px 1px rgba(15,27,45,.03);
  --soya-2:0 8px 24px -8px rgba(15,27,45,.14), 0 2px 6px rgba(15,27,45,.05);
  --r:14px; --r-kichik:9px;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font:14.5px/1.55 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; font-feature-settings:"cv11","ss01","tnum";
  background:var(--fon); color:var(--matn); -webkit-font-smoothing:antialiased; }
a { color:var(--asosiy); text-decoration:none; } a:hover { color:var(--asosiy-quyuq); }
:focus-visible { outline:2px solid var(--asosiy); outline-offset:2px; border-radius:6px; }

/* ===== Qobiq: chap panel + asosiy maydon ===== */
.qobiq { display:grid; grid-template-columns:260px minmax(0,1fr); min-height:100vh; }
.yon { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:22px 14px 16px;
  background:linear-gradient(180deg,var(--yon) 0%,#0a1630 100%); color:var(--yon-matn); }
.marka { display:flex; align-items:center; gap:11px; padding:2px 10px 22px; color:#fff; font-weight:700; font-size:17px; letter-spacing:-.01em; }
.marka:hover { color:#fff; }
.marka small { display:block; font-size:11px; font-weight:500; color:var(--yon-matn); letter-spacing:.02em; margin-top:1px; }
.marka-belgi { width:38px; height:38px; flex:none; border-radius:11px; display:grid; place-items:center;
  background:linear-gradient(145deg,#4f86ff,#2456d6); box-shadow:0 6px 16px -4px rgba(36,86,214,.7), inset 0 1px 0 rgba(255,255,255,.35); }
.menyu { display:flex; flex-direction:column; gap:3px; }
.menyu-sarlavha { font-size:11px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#6f84a8; padding:14px 12px 6px; }
a.nav { display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:10px; color:var(--yon-matn); font-weight:500; font-size:14px;
  transition:background .15s,color .15s; position:relative; }
a.nav svg { width:19px; height:19px; flex:none; opacity:.85; }
a.nav:hover { background:rgba(255,255,255,.07); color:#fff; }
a.nav.joriy { background:rgba(79,134,255,.18); color:#fff; box-shadow:inset 0 0 0 1px rgba(120,160,255,.25); }
a.nav.joriy::before { content:""; position:absolute; left:-14px; top:9px; bottom:9px; width:3px; border-radius:0 3px 3px 0; background:#6b9bff; }
a.nav.joriy svg { opacity:1; color:#9bbcff; }
a.nav .sonlar { margin-left:auto; display:flex; gap:4px; }
.foydalanuvchi { margin-top:auto; padding:14px 10px 4px; border-top:1px solid rgba(255,255,255,.09); }
.fu-qator { display:flex; align-items:center; gap:10px; }
.avatar { width:36px; height:36px; border-radius:50%; flex:none; display:grid; place-items:center; font-weight:700; font-size:13px; color:#fff;
  background:linear-gradient(145deg,#3a5f9e,#25427a); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); }
.fu-ism { color:#fff; font-weight:600; font-size:13.5px; line-height:1.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fu-hudud { font-size:12px; color:var(--yon-matn); line-height:1.3; }
.fu-matn { min-width:0; }
.chiqish { margin-top:12px; width:100%; display:flex; align-items:center; justify-content:center; gap:8px; padding:9px; border-radius:9px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:var(--yon-matn); font-weight:500; cursor:pointer; }
.chiqish:hover { background:rgba(255,255,255,.12); color:#fff; }
.chiqish svg { width:16px; height:16px; }
.asosiy-maydon { min-width:0; display:flex; flex-direction:column; }
.ust-qator { display:none; }
main { width:100%; max-width:1320px; margin:0 auto; padding:34px 40px 64px; flex:1; }

/* ===== Sarlavhalar ===== */
h1 { font-size:28px; line-height:1.15; letter-spacing:-.025em; font-weight:750; margin:0 0 6px; }
h2 { letter-spacing:-.01em; }
.izoh { color:var(--xira); margin:0 0 22px; font-size:14.5px; }
.yol { margin:0 0 14px; color:var(--yengil); font-size:13px; display:flex; flex-wrap:wrap; gap:2px 0; align-items:center; }
.yol a { color:var(--xira); } .yol a:hover { color:var(--asosiy); }
.yol span.ajr { margin:0 8px; color:var(--chiziq-kuchli); }
.xira { color:var(--yengil); } .xato { color:var(--ogoh); }
.kod { color:var(--yengil); font-size:12px; margin-left:8px; font-weight:500; }

/* ===== Kartalar va ko'rsatkichlar ===== */
.karta { background:var(--karta); border:1px solid var(--chiziq); border-radius:var(--r); padding:20px; box-shadow:var(--soya-1); }
.qatorlar { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; margin:0 0 26px; }
.korsatkich { position:relative; background:var(--karta); border:1px solid var(--chiziq); border-radius:var(--r); padding:18px 20px; box-shadow:var(--soya-1); overflow:hidden; }
.korsatkich .yorliq { font-size:12.5px; color:var(--xira); font-weight:500; margin-top:2px; }
.korsatkich .qiymat { font-size:30px; line-height:1.15; font-weight:750; letter-spacing:-.03em; }
.korsatkich .qiymat small { font-size:15px; font-weight:600; color:var(--xira); letter-spacing:0; margin-left:2px; }
.korsatkich .belgi-ikon { position:absolute; top:16px; right:16px; width:34px; height:34px; border-radius:10px; display:grid; place-items:center;
  background:var(--asosiy-fon); color:var(--asosiy); }
.korsatkich .belgi-ikon svg { width:18px; height:18px; }
.korsatkich.yaxshi .belgi-ikon { background:var(--yaxshi-fon); color:var(--yaxshi); }
.korsatkich.qizil .belgi-ikon { background:var(--ogoh-fon); color:var(--ogoh); }
.korsatkich.sariq .belgi-ikon { background:var(--sariq-fon); color:var(--sariq); }
.korsatkich .chiziq-bar { height:6px; background:#e9eef6; border-radius:6px; margin-top:12px; overflow:hidden; }
.korsatkich .chiziq-bar > span { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,#3f78f0,#2456d6); }

/* ===== Jadvallar ===== */
.jadval-o { overflow-x:auto; background:var(--karta); border:1px solid var(--chiziq); border-radius:var(--r); box-shadow:var(--soya-1); }
table { width:100%; border-collapse:separate; border-spacing:0; }
th,td { text-align:left; padding:13px 18px; border-bottom:1px solid var(--chiziq); white-space:nowrap; vertical-align:middle; }
th { font-size:11.5px; color:var(--xira); font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:#f8fafc; padding-top:11px; padding-bottom:11px; }
thead th:first-child { border-top-left-radius:var(--r); } thead th:last-child { border-top-right-radius:var(--r); }
tbody tr { transition:background .12s; }
tbody tr:hover td { background:#f8faff; }
tr:last-child td { border-bottom:0; }
td a { font-weight:600; }
td.raqam, th.raqam { text-align:right; font-variant-numeric:tabular-nums; }
td.izoh-kat, td.matn-kat { white-space:normal; }
td.keng { white-space:normal; min-width:220px; width:30%; }
td.ozgina { white-space:normal; min-width:100px; }
td.keng-kichik { white-space:normal; min-width:110px; width:12%; font-size:13.5px; color:var(--xira); }
td.matn-kat { min-width:220px; width:26%; }

/* Ko'rsatkich + chiziq (yacheyka ichida) */
.foiz-yacheyka { display:flex; align-items:center; gap:12px; justify-content:flex-end; }
.foiz-yacheyka .bar { width:110px; }
.foiz-yacheyka b { min-width:46px; text-align:right; font-weight:650; }
.bar { height:7px; background:#e9eef6; border-radius:7px; min-width:90px; overflow:hidden; }
.bar > span { display:block; height:100%; border-radius:7px; background:linear-gradient(90deg,#3f78f0,#2456d6); }
td .bar { display:inline-block; vertical-align:middle; width:110px; margin-right:10px; }

/* ===== Belgilar (pill) ===== */
.belgi { display:inline-flex; align-items:center; gap:6px; padding:3px 11px; border-radius:20px; font-size:12.5px; font-weight:600; white-space:nowrap;
  background:#eef1f6; color:var(--xira); border:1px solid var(--chiziq); }
.belgi::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; opacity:.9; }
.belgi.faol, .belgi.active { background:var(--yaxshi-fon); color:var(--yaxshi); border-color:var(--yaxshi-chiziq); }
.belgi.toxtagan, .belgi.suspended, .belgi.qizil, .belgi.cancelled { background:var(--ogoh-fon); color:var(--ogoh); border-color:var(--ogoh-chiziq); }
.belgi.sariq { background:var(--sariq-fon); color:var(--sariq); border-color:var(--sariq-chiziq); }
.belgi.planned { background:var(--asosiy-fon); color:var(--asosiy); border-color:#c9d8ff; }
.belgi.completed { background:#e8eefb; color:#1a43ad; border-color:#c4d3f3; }
.belgi.malumot { background:#eef1f6; color:var(--xira); }
.son-qizil, .son-sariq { display:inline-block; min-width:21px; padding:0 6px; border-radius:11px; font-size:11.5px; font-weight:700; text-align:center; line-height:20px; }
.son-qizil { background:#e5483b; color:#fff; } .son-sariq { background:#f5b73b; color:#3a2a00; }

/* ===== Tugma va shakllar ===== */
button, .tugma { font:inherit; font-weight:600; padding:9px 18px; border-radius:var(--r-kichik); border:1px solid var(--asosiy); background:var(--asosiy); color:#fff; cursor:pointer;
  box-shadow:0 1px 2px rgba(36,86,214,.3), inset 0 1px 0 rgba(255,255,255,.18); transition:background .15s,transform .05s; }
button:hover, .tugma:hover { background:var(--asosiy-quyuq); color:#fff; }
button:active { transform:translateY(1px); }
button.oddiy { background:transparent; color:var(--asosiy); box-shadow:none; }
input[type=text], input[type=password], select { font:inherit; height:42px; padding:0 12px; width:100%; border:1px solid var(--chiziq-kuchli); border-radius:var(--r-kichik); background:#fff; color:var(--matn);
  transition:border-color .15s, box-shadow .15s; }
input:focus, select:focus { outline:none; border-color:var(--asosiy); box-shadow:0 0 0 3px rgba(36,86,214,.15); }
label { display:block; font-weight:600; margin:14px 0 6px; font-size:13px; }
form.qator { display:inline; margin:0; }
.filtr { display:flex; gap:12px; flex-wrap:wrap; margin:0 0 18px; align-items:flex-end; padding:14px 16px; background:var(--karta); border:1px solid var(--chiziq); border-radius:var(--r); box-shadow:var(--soya-1); }
.filtr label { margin:0 0 5px; font-size:11.5px; font-weight:600; color:var(--xira); letter-spacing:.05em; text-transform:uppercase; }
.filtr input, .filtr select { width:auto; min-width:170px; }
.filtr > div > a, .filtr > a { font-weight:600; padding:9px 4px; display:inline-block; }
.sahifalash { display:flex; gap:14px; align-items:center; margin-top:18px; color:var(--xira); font-size:13.5px; }
.sahifalash a { font-weight:600; padding:6px 12px; border:1px solid var(--chiziq-kuchli); border-radius:8px; background:#fff; }
dl { display:grid; grid-template-columns:max-content 1fr; gap:10px 22px; margin:0; }
dt { color:var(--xira); font-size:13.5px; } dd { margin:0; font-weight:500; }

/* ===== Obyekt kartasi ===== */
.bolim { margin:0 0 30px; }
.bolim h2 { font-size:17px; font-weight:700; margin:0 0 12px; }
.ikki { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.ogoh-qutisi { position:relative; padding-left:50px !important; border:1px solid var(--ogoh-chiziq); background:var(--ogoh-fon); color:#6e150f; border-radius:12px; padding:12px 16px; margin:0 0 12px; }
.ogoh-qutisi::before { content:"!"; position:absolute; left:16px; top:13px; width:22px; height:22px; border-radius:50%; background:var(--ogoh); color:#fff; font-weight:800; font-size:13px; display:grid; place-items:center; margin-top:1px; }
.kalendar { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:7px; max-width:640px; }
.kun { aspect-ratio:1; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:12px; font-weight:600; border:1px solid transparent; }
.kun.ish { background:#1f8a55; color:#fff; }
.kun.ish_yoq { background:#b8cde6; color:#16324d; }
.kun.kelmagan { background:#d23a2e; color:#fff; }
.kun.kutilmagan { background:#f3f6fa; color:#8896aa; border:1px dashed #ccd5e1; }
.kun.bugun { outline:2px solid var(--matn); outline-offset:2px; }
.belgilar { display:flex; flex-wrap:wrap; gap:8px 20px; margin:14px 0 0; font-size:13px; color:var(--xira); list-style:none; padding:0; }
.belgilar .kun { display:inline-flex; width:16px; height:16px; aspect-ratio:auto; vertical-align:-3px; margin-right:7px; font-size:0; border-radius:5px; }

/* ===== Kirish sahifasi ===== */
.kirish-qobiq { min-height:100vh; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.kirish-chap { position:relative; overflow:hidden; color:#fff; padding:56px 64px; display:flex; flex-direction:column; justify-content:space-between;
  background:radial-gradient(900px 500px at 15% 10%,#1d4aa8 0%,transparent 60%), linear-gradient(160deg,#0b1a33 0%,#0e2550 55%,#123273 100%); }
.kirish-chap .yol-naqsh { position:absolute; inset:0; opacity:.5; pointer-events:none; }
.kirish-chap .marka { padding:0; position:relative; font-size:20px; }
.kirish-chap .sarlavha-katta { position:relative; font-size:40px; line-height:1.12; letter-spacing:-.03em; font-weight:750; max-width:520px; margin:0 0 16px; }
.kirish-chap p { position:relative; color:#b8c9e8; font-size:16px; max-width:500px; margin:0 0 30px; }
.kirish-chap ul { position:relative; list-style:none; margin:0; padding:0; display:grid; gap:12px; color:#d6e1f5; font-size:14.5px; }
.kirish-chap li { display:flex; gap:12px; align-items:center; }
.kirish-chap li svg { width:20px; height:20px; flex:none; color:#7fa8ff; }
.kirish-chap .past { position:relative; font-size:12.5px; color:#7f95bd; }
.kirish-ong { display:grid; place-items:center; padding:40px 28px; background:var(--karta); }
.kirish-forma { width:100%; max-width:380px; }
.kirish-forma h1 { font-size:30px; }
.kirish-forma button { width:100%; padding:12px; font-size:15px; margin-top:6px; }
.kirish-forma .xato-qutisi { background:var(--ogoh-fon); border:1px solid var(--ogoh-chiziq); color:var(--ogoh); border-radius:10px; padding:10px 14px; font-size:13.5px; margin:0 0 6px; }
.markaz-sahifa { min-height:100vh; display:grid; place-items:center; padding:30px; text-align:center; }
.markaz-sahifa .karta { max-width:460px; padding:38px 34px; }
.markaz-sahifa .raqam-katta { font-size:56px; font-weight:800; letter-spacing:-.04em; color:var(--asosiy); line-height:1; margin:0 0 10px; }

/* ===== Xarita ===== */
.xarita-qatori { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:18px; align-items:start; }
#xarita { height:70vh; min-height:440px; border:1px solid var(--chiziq); border-radius:var(--r); background:#e6ecf4; box-shadow:var(--soya-2); }
.leaflet-tile-pane { filter:saturate(.55) contrast(.96) brightness(1.04); }
.yon-qutisi h2 { font-size:15px; margin:0 0 12px; }
.yon-qutisi ul { list-style:none; margin:0; padding:0; }
.yon-qutisi li { display:flex; align-items:center; gap:10px; padding:7px 0; font-size:14px; border-bottom:1px dashed var(--chiziq); }
.yon-qutisi li:last-child { border-bottom:0; }
.yon-qutisi li .son { margin-left:auto; font-weight:700; font-variant-numeric:tabular-nums; }
.nuqta { width:14px; height:14px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 1px #8795a3; flex:none; }
.nuqta.bosh { background:#fff; border:2px solid #8795a3; box-shadow:none; }
.klaster { background:linear-gradient(145deg,#3f78f0,#2456d6); color:#fff; border:3px solid #fff; border-radius:50%; box-shadow:0 4px 12px rgba(36,86,214,.45); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
.leaflet-container { font-family:inherit; }
.leaflet-popup-content-wrapper { border-radius:12px; box-shadow:var(--soya-2); }
.leaflet-popup-content { font:13.5px/1.5 "Inter",system-ui,sans-serif; margin:12px 14px; }
.leaflet-popup-content .pn { font-weight:700; display:block; margin-bottom:3px; font-size:14.5px; }
.leaflet-popup-content .pq { color:var(--xira); }
.leaflet-control-zoom a { border-radius:8px !important; }

/* ===== Moslashuvchanlik ===== */
.menyu-tugma { display:none; }
@media (max-width:980px) {
  .qobiq { grid-template-columns:1fr; }
  .yon { position:fixed; z-index:50; left:0; top:0; bottom:0; width:270px; transform:translateX(-102%); transition:transform .2s; box-shadow:var(--soya-2); }
  .qobiq.ochiq .yon { transform:none; }
  .qobiq.ochiq::after { content:""; position:fixed; inset:0; background:rgba(8,16,32,.45); z-index:40; }
  .ust-qator { display:flex; align-items:center; gap:12px; padding:12px 16px; background:var(--yon); color:#fff; position:sticky; top:0; z-index:30; }
  .ust-qator .marka { padding:0; font-size:16px; }
  .menyu-tugma { display:grid; place-items:center; width:38px; height:38px; padding:0; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); box-shadow:none; }
  .menyu-tugma svg { width:20px; height:20px; }
  main { padding:22px 16px 48px; }
  .xarita-qatori, .ikki { grid-template-columns:1fr; }
  .kirish-qobiq { grid-template-columns:1fr; } .kirish-chap { display:none; }
  .kalendar { grid-template-columns:repeat(6,minmax(0,1fr)); }
  h1 { font-size:24px; }
}
@media print { .yon, .ust-qator, .filtr { display:none; } .qobiq { display:block; } main { padding:0; } body { background:#fff; } }
main.yalang { max-width:none; padding:0; margin:0; }

@media (max-width:560px) {
  .qatorlar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .korsatkich { padding:14px; } .korsatkich .qiymat { font-size:24px; } .korsatkich .belgi-ikon { display:none; }
  .filtr input, .filtr select { min-width:0; width:100%; } .filtr > div { flex:1 1 100%; }
  th, td { padding:11px 12px; }
}

/* Ustunli mini-grafik (bitta o'lchov, bitta rang, yupqa ustunlar) */
.grafik-sarlavha { font-size:13px; font-weight:600; color:var(--xira); margin:0 0 12px; }
.ustunlar { display:flex; align-items:flex-end; gap:10px; height:150px; }
.ustun { flex:1 1 0; max-width:64px; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:4px; }
.ustun i { display:block; width:100%; height:calc(var(--b) * 1px); border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#4f86ff,#2456d6); min-height:4px; transition:filter .15s; }
.ustun:hover i { filter:brightness(1.12); }
.ustun .qiymat-kichik { font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.ustun .sana-kichik { font-size:11px; color:var(--yengil); }

/* Xaritada ogohlantirishli obyektlar: rangli halqa; jiddiylari sekin pulslanadi */
.nuqta.halqa { background:#fff; box-shadow:none; }
.nuqta.halqa.qizil { border:4px solid #d92d20; } .nuqta.halqa.sariq { border:4px solid #f0a30a; }
path.ogoh-qizil { animation:puls 1.8s ease-in-out infinite; }
@keyframes puls { 0%,100% { stroke-opacity:1; stroke-width:4px; } 50% { stroke-opacity:.45; stroke-width:8px; } }
@media (prefers-reduced-motion:reduce) { path.ogoh-qizil { animation:none; } }
.leaflet-popup-content .pogoh { margin-top:6px; font-weight:650; font-size:13px; }
.leaflet-popup-content .pogoh.qizil { color:var(--ogoh); } .leaflet-popup-content .pogoh.sariq { color:var(--sariq); }

#xarita.vektor .leaflet-tile-pane { filter:none; }

/* Bosh sahifa: diqqat talab qiladigan obyektlar */
.diqqat-bosh { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 12px; }
.diqqat-bosh h2 { margin:0; font-size:17px; font-weight:700; }
.diqqat-bosh a { font-weight:600; font-size:13.5px; }
.kichik { font-size:12.5px; }
.bosh-yaxshi { display:flex; align-items:center; gap:12px; color:var(--yaxshi); font-weight:600; background:var(--yaxshi-fon); border-color:var(--yaxshi-chiziq); }
.belgi-ikon-yaxshi { width:24px; height:24px; border-radius:50%; background:var(--yaxshi); color:#fff; display:grid; place-items:center; font-size:13px; }
.diqqat td:first-child { width:1%; } .diqqat td.keng { width:46%; } .diqqat td.matn-kat { width:auto; }

.kichik-tugma { padding:5px 12px; font-size:12.5px; background:#fff; color:var(--asosiy); border:1px solid var(--chiziq-kuchli); box-shadow:none; }
.kichik-tugma:hover { background:var(--asosiy-fon); color:var(--asosiy-quyuq); }
.filtr-belgi { align-self:center; }
.belgi-yorliq { display:flex; align-items:center; gap:8px; margin:0; font-weight:500; font-size:13.5px; color:var(--matn); text-transform:none; letter-spacing:0; padding-top:18px; }
.belgi-yorliq input { width:auto; height:auto; min-width:0; }

/* Obyekt rasmlari galereyasi */
.galereya { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px; }
.galereya .rasm { display:flex; flex-direction:column; background:var(--karta, #fff); border:1px solid var(--chiziq, #e3e8f0); border-radius:12px; overflow:hidden; text-decoration:none; color:inherit; }
.galereya .rasm img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; background:#eef1f6; }
.galereya .rasm span { padding:8px 10px; font-size:12.5px; color:var(--xira); overflow-wrap:anywhere; }
.galereya .rasm:hover { box-shadow:0 6px 18px rgba(11,26,51,.12); }

/* Nazoratchi: baho tanlash */
.baho-forma { display:grid; gap:14px; max-width:720px; }
.baho-forma textarea { font:inherit; width:100%; padding:10px 12px; border:1px solid var(--chiziq-kuchli); border-radius:var(--r-kichik); background:#fff; color:var(--matn); resize:vertical; }
.baho-forma textarea:focus { outline:none; border-color:var(--asosiy); box-shadow:0 0 0 3px rgba(36,86,214,.15); }
.baho-tanlov { display:flex; flex-wrap:wrap; gap:10px; }
.baho-tanlov label { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border:1px solid var(--chiziq-kuchli); border-radius:var(--r-kichik); font-weight:600; cursor:pointer; background:#fff; }
.baho-tanlov label.baho-yaxshi { color:var(--yaxshi); border-color:var(--yaxshi-chiziq); }
.baho-tanlov label.baho-qoniqarli { color:var(--sariq); border-color:var(--sariq-chiziq); }
.baho-tanlov label.baho-qoniqarsiz { color:var(--ogoh); border-color:var(--ogoh-chiziq); }
.baho-tanlov label:has(input:checked) { box-shadow:0 0 0 3px rgba(36,86,214,.18); }
.baho-tanlov input { width:auto; height:auto; min-width:0; }