/* Hisob oynalari (kirish, balansni to'ldirish) va rasm orqali qidirish — magazin sahifasi va sotuvchi kabineti uchun */
.acct-box { max-width: 460px; }
.acct-box h2 { margin: 0 0 8px; font-size: 20px; }
.acct-box .muted { color: #6b7785; }
.acct-box .small { font-size: 13px; line-height: 1.45; }
.acct-box form { display: grid; gap: 10px; }
.acct-box .field, .login-card .field { display: flex; flex-direction: column; gap: 5px; font-size: 13px; font-weight: 600; color: #34404d; }
.acct-box .field input { font-weight: 400; font-size: 16px; padding: 11px 12px; border: 1px solid #d9dee4; border-radius: 10px; width: 100%; box-sizing: border-box; }
.acct-box .phone-field { display: flex; align-items: center; border: 1px solid #d9dee4; border-radius: 10px; overflow: hidden; background: #fff; }
.acct-box .phone-field span { padding: 0 10px 0 12px; font-size: 16px; font-weight: 700; color: #34404d; border-right: 1px solid #d9dee4; line-height: 46px; background: #f7f8fa; }
.acct-box .phone-field input { border: 0 !important; border-radius: 0 !important; flex: 1; min-width: 0; outline: none; letter-spacing: .5px; }
.pin-input { letter-spacing: 8px; font-size: 20px !important; text-align: center; max-width: 180px; }
.acct-box .login-error, .login-card .login-error { color: #c5221f; font-size: 13px; min-height: 18px; line-height: 1.45; }
.acct-box .sub-box { border-radius: 12px; padding: 10px 12px; border: 1px solid #f2e2a4; background: #fffdf3; font-size: 14px; line-height: 1.45; }
.acct-box .pay-card { margin: 10px 0; padding: 12px 14px; border-radius: 10px; background: #17202a; color: #fff; display: grid; gap: 4px; }
.acct-box .pay-card .num { font-size: 20px; font-weight: 800; letter-spacing: 1.5px; font-family: ui-monospace, Consolas, monospace; }
.acct-box .pay-card .copy { justify-self: start; margin-top: 4px; border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; border-radius: 8px; padding: 5px 10px; cursor: pointer; font: inherit; font-size: 13px; }
.acct-box .pay-steps { margin: 10px 0 0; padding-left: 20px; font-size: 14px; line-height: 1.5; }
.acct-box .pay-steps li { margin-bottom: 4px; }
.acct-box .row-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

/* Rasm orqali qidirish (magazin sahifasi) */
.search-box.has-photo input { padding-right: 96px; }
.search-photo { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: #f5a623; color: #17202a; border-radius: 10px; height: 36px; padding: 0 12px; font-size: 18px; cursor: pointer; display: none; }
.search-box.has-photo .search-photo { display: block; }
.search-box.has-photo .search-clear { right: 62px; }
.search-photo:disabled { opacity: .6; }
.acct-line { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; font-size: 12.5px; color: #cbd5e1; padding-top: 6px; }
.acct-line b { color: #fff; }
.acct-line button { border: 0; background: transparent; color: #f5a623; cursor: pointer; font: inherit; padding: 0; text-decoration: underline; }
.photo-info { margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; border: 1px solid #cfe1f7; background: #f3f8ff; font-size: 14.5px; line-height: 1.5; }
.photo-info.warn { border-color: #f2e2a4; background: #fffdf3; }
.photo-info .x { float: right; border: 0; background: transparent; font-size: 16px; cursor: pointer; color: #6b7785; }
.photo-info .small { font-size: 13px; color: #55606d; }