/* Qora fon + ko'k rang mavzusi (2026-10-25 tasdiqlangan). styles.css dan keyin ulanadi va uning ustidan yozadi. */
:root {
  --gold: #3b82f6;
  --gold-2: #60a5fa;
  --gold-dark: #1d4ed8;
}

.btn { background: linear-gradient(180deg, #3b82f6, #2563eb); color: #fff; }
.btn:disabled { background: var(--card-2); color: var(--muted); }
.btn-ghost { background: var(--card-2); color: var(--text); }
.btn-ok { background: rgba(34, 197, 94, .15); color: var(--green); }

.avatar { background: linear-gradient(135deg, #60a5fa, #2563eb); color: #fff; }
.avatar.ring { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px rgba(59, 130, 246, .8); }
.level-name { color: #60a5fa; }
.level-fill { background: linear-gradient(90deg, #2563eb, #60a5fa); }

.quick-card.ready { border-color: rgba(59, 130, 246, .55); }
.quick-card.ready::after { background: #3b82f6; animation: none; }
.quick-card.ready .quick-sub { color: #60a5fa; }

.day.done { background: rgba(59, 130, 246, .14); }
.day.done .day-r { color: #60a5fa; }
.day.next { border-color: #3b82f6; }

.item-icon { color: #60a5fa; }
.title-ic .ic { color: #60a5fa; }
.task-bar i, .progress-bar { background: linear-gradient(90deg, #2563eb, #60a5fa); }
.ref-link { color: #93c5fd; }

.tab-btn.active { color: #60a5fa; background: rgba(59, 130, 246, .14); }
.tab-btn.active svg { filter: none; }

.method.active { border-color: #3b82f6; }
.method.active .ic { color: #60a5fa; }
.input:focus { border-color: #3b82f6; }
.badge.pending { background: rgba(59, 130, 246, .15); color: #60a5fa; }
.stat-value.gold, .gold { color: #60a5fa; }
.float-plus { color: #93c5fd; }

/* Bosh sahifa: logo kattaroq */
.home-art { width: min(230px, 60vw); max-height: 38vh; }
.home-balance-area { gap: 24px; justify-content: flex-end; padding-bottom: 36px; }

/* Balans shrifti: Rubik (logotipdagi yumaloq "A" bilan mos) */
.balance { font-family: 'Rubik', 'Manrope', sans-serif; font-weight: 700; letter-spacing: -1px; }

/* ---------- Tugmalar: yaxlit to'q ko'k, soyasiz ---------- */
.btn { background: #1d4ed8; color: #fff; border: 0; box-shadow: none; text-shadow: none; }
.btn:active { background: #1e40af; transform: scale(.98); }
.btn:disabled { background: var(--card-2); color: var(--muted); }
.btn-ghost { background: var(--card-2); color: var(--text); box-shadow: none; }
.btn-ok { background: #15803d; color: #fff; box-shadow: none; }
.btn-danger { box-shadow: none; }
.tab-btn.active { color: #60a5fa; background: rgba(29, 78, 216, .22); }

/* ---------- Bosh sahifa (Figma, 2026-10-25) ---------- */
.home-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 4px; }
.home-pill {
  display: inline-flex; align-items: center; gap: 8px; min-width: 0;
  padding: 5px 12px 5px 5px; border-radius: 999px;
  background: var(--card); border: 1px solid var(--line); text-align: left;
}
.home-pill:active { transform: scale(.97); }
.home-pill .avatar.sm { width: 36px; height: 36px; font-size: 15px; background: linear-gradient(135deg, #5eead4, #14b8a6); color: #fff; }
.home-id { min-width: 0; }
.home-hello { font-size: 11px; font-weight: 600; color: var(--muted); line-height: 1.2; }
.home-name { font-size: 14px; font-weight: 800; color: var(--text); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
.home-pill > .ic { width: 16px; height: 16px; color: var(--muted); flex-shrink: 0; }
.home-wd { padding-right: 14px; flex-shrink: 0; }
.home-wd img { width: 32px; height: 32px; object-fit: contain; }
.home-wd span { font-size: 13px; font-weight: 800; color: var(--text); }

.home-balance-row { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 13vh 0 26px; }
.home-logo { width: clamp(52px, 17vw, 72px); height: auto; flex-shrink: 0; user-select: none; -webkit-user-drag: none; }
.home-balance-row .balance { font-family: 'Fredoka One', 'Rubik', sans-serif; font-weight: 400; letter-spacing: 0; font-size: clamp(40px, 13.5vw, 60px); }

/* Pastki menyu: shaffof kapsula + alohida doira */
.tabbar {
  display: flex; gap: 10px; padding: 0; height: 62px;
  left: 16px; right: 16px; bottom: calc(12px + var(--safe-bottom));
  background: none; border: 0; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.tab-capsule, .tab-round {
  background: rgba(38, 42, 54, .5);
  border: 1px solid rgba(255, 255, 255, .1);
  backdrop-filter: blur(22px) saturate(1.6); -webkit-backdrop-filter: blur(22px) saturate(1.6);
}
.tab-capsule { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 5px; border-radius: 999px; }
.tab-capsule .tab-btn { border-radius: 999px; }
.tab-round { width: 62px; height: 62px; border-radius: 50%; flex-shrink: 0; }
.tab-round svg { width: 24px; height: 24px; }
.tab-btn.active { color: #60a5fa; background: rgba(29, 78, 216, .28); }
.tab-round.active { background: rgba(29, 78, 216, .45); border-color: rgba(96, 165, 250, .35); }

/* Pastki menyu kattaroq */
:root { --tabbar-h: 80px; }
.tabbar { height: 72px; gap: 10px; }
.tab-capsule { padding: 6px; }
.tab-round { width: 72px; height: 72px; }
.tab-btn { font-size: 12px; gap: 4px; }
.tab-btn svg { width: 26px; height: 26px; }
.tab-round svg { width: 28px; height: 28px; }

/* Telegram profil rasmi avatarga to'liq sig'sin: yuqoridagi `background` qisqartmalari o'lchamni bekor qilmasin */
.avatar, .home-pill .avatar.sm { background-size: cover; background-position: center; background-repeat: no-repeat; }

/* Ichki valyuta belgisi (logo) — matn o'lchamida, raqamdan keyin */
.cur { display: inline-block; width: 1.05em; height: 1.05em; margin-left: .22em; vertical-align: -.17em; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.btn .cur { width: 1.15em; height: 1.15em; }