/* Sana tanlagich — BILLZ ko'chirmasi (2026-09-16).
 *
 * ⛔ ALOHIDA FAYL: tanlagich cheklar ro'yxatida ham, hisobot
 * ekranlarida ham ishlatiladi. `sales.css` ga yozilsa, hisobot
 * ekrani savdo faylidan uslub olardi (CLAUDE.md 1). */

/* ── Tugma ─────────────────────────────────────────────────── */

/* ⛔ IKKI QATOR: tepada nomi, pastda aniq sanalar. BILLZ da ham
   shunday va sabab bor — «Bu oy» qaysi kunlarni bildirishini
   tugmaning O'ZI aytadi. */
.dp-open{display:inline-flex;align-items:center;gap:10px;
  min-height:var(--tap);padding:7px 14px;border:none;
  border-radius:12px;background:var(--glass);box-shadow:var(--sh-1);
  font-family:inherit;text-align:left;cursor:pointer}
.dp-ico{font-size:var(--t-4);opacity:.8}
.dp-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.dp-name{color:var(--muted);font-size:var(--t-1)}
.dp-range{color:var(--ink);font-size:var(--t-2);font-weight:500;
  font-variant-numeric:tabular-nums;white-space:nowrap}

/* ── Oyna ──────────────────────────────────────────────────── */

.dp-wrap{position:fixed;inset:0;z-index:60}
/* ⛔ `position:fixed` — oyna sahifa bilan SURILMAYDI. Ilgari
   `absolute` bilan yozilganda ro'yxat surilganda tanlagich
   ekrandan chiqib ketardi. */
.dp-pop{position:fixed;background:var(--glass);border-radius:16px;
  box-shadow:var(--sh-3);overflow:hidden}
.dp-body{display:flex}

/* ⛔ CHIZIQ emas, BO'SHLIQ + yupqa ajratgich: DIZAYN.md 5.2 ni
   buzmaydi — chiziq ekranni kesmaydi, ikki qismni ajratadi. */
.dp-cal{padding:16px 18px;border-right:1px solid var(--line)}
.dp-list{display:flex;flex-direction:column;gap:8px;
  padding:16px 18px;min-width:210px}

.dp-head{display:flex;align-items:center;justify-content:center;
  gap:6px;margin-bottom:10px}
.dp-mv{width:30px;height:30px;border:none;border-radius:9px;
  background:transparent;color:var(--muted);font-size:var(--t-4);
  font-family:inherit;cursor:pointer}
.dp-mv:hover{background:var(--page)}
.dp-pickm{border:none;border-radius:8px;background:transparent;
  color:var(--ink);font-family:inherit;font-size:var(--t-3);
  font-weight:500;cursor:pointer}

.dp-week,.dp-days{display:grid;grid-template-columns:repeat(7,34px)}
.dp-week{gap:2px;margin-bottom:4px}
.dp-week span{color:var(--muted);font-size:var(--t-1);
  text-align:center;line-height:24px}
.dp-days{gap:2px}
.dp-day{height:34px;border:none;border-radius:9px;
  background:transparent;color:var(--ink);font-family:inherit;
  font-size:var(--t-2);font-variant-numeric:tabular-nums;
  cursor:pointer}
.dp-day:hover{background:var(--page)}
/* ⛔ Oydan tashqaridagi kunlar JIM, lekin YASHIRILMAYDI: to'r
   bo'sh kataklar bilan teshik bo'lib qolardi. */
.dp-out{color:var(--muted);opacity:.5}
/* ⛔ Oraliq CHEKKASI to'ldirilgan, ORASI yo'l: bosiladigan ikki
   nuqta ko'rinib tursin, orasi esa natija. */
.dp-mid{background:var(--soft);border-radius:0}
.dp-edge{background:var(--mid);color:#fff;font-weight:500}

.dp-fast{display:flex;flex-direction:column;gap:2px;
  padding:9px 13px;border:none;border-radius:11px;
  background:var(--page);font-family:inherit;text-align:left;
  cursor:pointer}
.dp-fast b{color:var(--mid);font-size:var(--t-2);font-weight:500}
.dp-fast span{color:var(--muted);font-size:var(--t-1);
  font-variant-numeric:tabular-nums}
.dp-fast.on{box-shadow:var(--ring)}

.dp-foot{display:flex;align-items:center;gap:12px;
  padding:12px 18px 16px;border-top:1px solid var(--line)}
.dp-nums{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.dp-num{width:52px;height:38px;border:none;border-radius:10px;
  background:var(--page);color:var(--ink);font-family:inherit;
  font-size:var(--t-2);font-variant-numeric:tabular-nums;
  text-align:center}
/* ⛔ To'rt raqam 52px ga SIG'MAYDI — suratda «2026» «202»
   bo'lib turardi. Buni test emas, ko'z topdi. */
.dp-year{width:68px}
.dp-to{color:var(--muted)}
/* ⛔ `.go` butun kenglikni oladi — bu yerda u qatorning bir
   qismi, shuning uchun kengligi bekor qilinadi. */
.dp-apply{width:auto;margin:0;padding:0 22px;height:38px}

/* ⛔ TELEFONDA USTMA-UST: yonma-yon 620 piksel kerak va 390 lik
   ekranda kalendar qisilib, kataklar barmoqdan kichik bo'lardi
   (DIZAYN.md: `--tap`). */
@media (max-width:760px){
  .dp-pop{left:8px!important;right:8px;
    max-height:calc(100vh - 90px);overflow:auto}
  .dp-body{flex-direction:column}
  .dp-cal{border-right:none;border-bottom:1px solid var(--line)}
  .dp-week,.dp-days{grid-template-columns:repeat(7,1fr)}
  .dp-list{min-width:0}
  /* ⛔ TELEFONDA IKKI QATOR. Bir qatorda oltita katak va
     tugma 390px ga SIG'MAYDI: suratda ikkinchi sana kesilib,
     «Qo'llash» ustiga chiqib turardi. Buni ham test emas,
     ko'z topdi. */
  .dp-foot{flex-direction:column;align-items:stretch;gap:10px}
  .dp-nums{justify-content:center;gap:4px}
  .dp-num{flex:1;min-width:0;width:auto}
  /* ⛔ YIL KENGROQ TELEFONDA HAM: teng bo'lsa «2026» yana
     «202» bo'lib kesilardi — ikkinchi marta o'sha xato. */
  .dp-year{flex:2.2}
  .dp-apply{width:100%}
}