/* NukusTicket — kirish/ro'yxat sahifasi uchun uslublar.
   Dizayn avvalgi versiyadan o'zgarishsiz ko'chirildi. */

.auth{max-width:440px;margin:36px auto 56px}
.authp{padding:0;overflow:hidden}
.authp .band{height:12px;background:var(--band) repeat-x;background-size:24px 12px}
.authin{padding:22px}
.authin h1{font-size:24px;margin-bottom:6px}
.seg button{flex:1;padding:9px;border:1.5px solid var(--line);background:transparent;border-radius:10px;font-weight:800;cursor:pointer}
.seg button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ------------------------------------------------------------ hisobim
   Profil sahifasida ikkita panel yonma-yon turadi: ma'lumotlar va
   parol. Tor ekranda ular ustma-ust tushadi. */
.auth.wide{max-width:820px;display:grid;grid-template-columns:1fr 1fr;
           gap:20px;align-items:start}
.auth.wide > .ok{grid-column:1/-1}
.authin .h2{font-size:19px;margin:0 0 4px}
.authin .facts dd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.prow .btn{flex:1;min-width:140px}

/* Kichik belgi: «tasdiqlangan», «bog'langan» */
.pill{display:inline-block;font-size:12px;font-weight:800;padding:2px 9px;
      border-radius:999px;background:var(--line);color:var(--mute);
      vertical-align:middle}
.pill.ok{background:var(--ok-soft);color:var(--ok)}

/* Saqlandi degan xabar */
.ok{background:var(--ok-soft);color:var(--ok);font-weight:700;
    border-radius:10px;padding:10px 14px;margin-bottom:14px}

/* ---------------------------------------------------------------- telefon */
@media(max-width:760px){
  .auth.wide{grid-template-columns:1fr;max-width:440px}
}