/* ⓘ izoh belgisi va pufagi (egasi, 2026-10-03: ⓘ belgisi namunadagi paneldagidek «O'rtacha vaqt» yonida, bosganda
   izoh chiqsin). Figma da YO'Q — o'lcham va joylashuv namunadagi paneldan O'LCHANDI («Xizmatlar» sahifasi, 1440 va 375):
   belgi 16×16, yozuvdan 4px narida; pufak eni ko'pi bilan 200px, ichki bo'shliq 4px 8px, burchak 4px, shrift 14/21,
   matn o'rtada, strelka 6px; belgining ustida, joy yetmasa ostida.
   ⚠️ PANELDAN FARQ: shaffoflik .9 emas — to'liq. Chunki «Yangi buyurtma» da pufak «Min/Maks» yozuvi ustiga tushadi
   va .9 da u pufak ichidan ko'rinib, matnni o'qishni qiyinlashtirardi (2026-10-03, 375 va 1440 rasmlarida ko'rildi).
   Ranglar — FAQAT Figma tokenlari: fon `--f-heading`, yozuv `--f-bg` — qorong'i mavzuda ikkalasi o'zi teskari bo'ladi
   (namunada qora pufak, oq yozuv). Belgi rangi — yonidagi yozuvniki (`currentColor`). */
.izoh-belgi{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:content-box;
  width:16px;height:16px;padding:4px;margin:-4px -4px -4px 0;border:0;border-radius:50%;background:none;
  color:inherit;font:inherit;line-height:0;vertical-align:middle;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* ⚠️ Bosish maydoni 24×24 (WCAG 2.5.8 — `tugma-kichik` tekshiruvi): ichki bo'shliq 4px, manfiy tashqi bo'shliq
   joylashuvni qaytaradi — ko'rinishda belgi 16px, yozuvdan 4px narida (namunadagidek). */
.izoh-belgi svg{display:block;width:16px;height:16px}
.izoh-belgi:focus-visible{outline:2px solid var(--f-focus);outline-offset:-2px;box-shadow:none}

.izoh-pufak{position:fixed;z-index:1070;left:0;top:0;box-sizing:border-box;max-width:200px;padding:4px 8px;
  border-radius:4px;background:var(--f-heading);color:var(--f-bg);
  font:400 14px/21px var(--f-font);text-align:center;overflow-wrap:anywhere;white-space:normal}
.izoh-pufak[hidden]{display:none}
.izoh-pufak::after{content:"";position:absolute;left:var(--strelka-x, 50%);width:0;height:0;margin-left:-6px;
  border:6px solid transparent}
.izoh-pufak[data-joy="tepa"]::after{top:100%;border-top-color:var(--f-heading);border-bottom-width:0}
.izoh-pufak[data-joy="past"]::after{bottom:100%;border-bottom-color:var(--f-heading);border-top-width:0}

/* Jadval sarlavhasi: belgi OXIRGI so'zga yopishgan (`qismlar/vaqt-sarlavha.html`) — tor ustunda «O'rtacha / vaqt ⓘ»,
   belgi yolg'iz qatorga tushmaydi (2026-10-03: 1024 va 1180 da tushardi — o'lchandi). namunadagi flex bilan qilinganda
   o'ralgan matn qutisi toraymaydi va belgi yozuvdan uzoqlashib qo'shni ustunga yaqin turardi — shuning uchun flex emas. */
.izoh-yopishgan{white-space:nowrap}

/* «Yangi buyurtma»: belgi yorliqning YONIDA (tugma `<label>` ichida bo'lolmaydi). Yorliq bloki o'zgarmaydi, belgi yozuv
   qatorining aynan o'rtasida. Yorliqning tepa bo'shlig'i va qatori ikki xil (o'lchandi 2026-10-03, 1440 da farq 0px):
   ≥768 — 20.8px va 14.5px (`kabinet/new_order.css` `.buyurtma label`); ≤767 — 14px va 1.35 × `--f-fs-sm`
   (`kabinet.css` `.body.body .card label` va `.body.body .buyurtma label`). Ular o'zgarsa shu ikki qiymat ham
   o'zgaradi — `tests/test_vaqt_izoh_belgisi.py` qizil bo'lib eslatadi. */
.buyurtma .yorliq-izohli{display:flex;align-items:flex-start;--yorliq-tepa:20.8px;--yorliq-qator:14.5px}
.buyurtma .yorliq-izohli .izoh-belgi{margin-top:calc(var(--yorliq-tepa) + (var(--yorliq-qator) - 16px) / 2 - 4px)}
@media(max-width:767px){
  .buyurtma .yorliq-izohli{--yorliq-tepa:14px;--yorliq-qator:calc(var(--f-fs-sm) * 1.35)}
}