/* Safe Money — modal, səhifə, qrafik, ayarlar, kilid */
.modal { position: fixed; inset: 0; background: var(--overlay); display: none; align-items: center; justify-content: center; padding: 16px; z-index: 70; }
.modal.active { display: flex; }
#confirmModal { z-index: 70; }
#catPanelModal { z-index: 70; }
#transferModal { z-index: 70; }

#pinAyarlaModal { z-index: 70; }
#islemFormModal { z-index: 70; }

.modal-content { background: var(--panel); border: 1px solid var(--line); width: 100%; max-width: 400px; border-radius: 18px; padding: 22px; box-sizing: border-box; max-height: 88vh; display: flex; flex-direction: column; color: var(--ink); }
.modal-content h2, .page-inner h2 { font-size: 17px; margin: 0 0 4px; }
.modal-content p.hint, .page-inner p.hint { font-size: 12.5px; color: var(--muted); margin: 0 0 16px; }
.modal-list { overflow-y: auto; flex: 1; margin-bottom: 14px; display: flex; flex-direction: column; gap: 10px; padding-right: 2px; }
.modal-item { background: var(--panel-alt); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px; display: flex; flex-direction: column; gap: 8px; }
/* Kateqoriyaların sıralanması (drag-to-reorder) indi Xərclər ekranındakı "Ekranı düzənlə" rejimindədir — aşağıya bax */
.field-row { display: flex; align-items: center; gap: 8px; }
.field-row.between { justify-content: space-between; }
input[type="text"], input[type="number"], input[type="email"], input[type="password"] {
  padding: 8px 10px; border: 1px solid var(--input-border); border-radius: 8px; font-size: 14px; outline: none; width: 100%;
  font-family: inherit; background: var(--panel); color: var(--ink);
}
input:focus { border-color: var(--brand-soft); }
.swatch { width: 20px; height: 20px; border-radius: 50%; cursor: pointer; border: 2px solid var(--swatch-border); box-shadow: 0 0 0 1px var(--line); }
.swatch.selected { box-shadow: 0 0 0 2px var(--brand-ink); }
/* 20 rəngli palitra: 10-10 iki sıra */
.renk-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 8px 4px; justify-items: center; padding-top: 2px; }
.renk-grid .swatch { width: 22px; height: 22px; }
.btn { border: none; border-radius: 10px; padding: 10px 16px; font-size: 13.5px; font-weight: 600; cursor: pointer; font-family: inherit; letter-spacing: 0.01em; }
.btn-primary { background: var(--brand); color: var(--on-brand); }
.btn-primary:disabled { opacity: .45; cursor: default; }
.btn-ikonlu { display: flex; align-items: center; justify-content: center; gap: 8px; }
.btn-primary:hover { background: var(--brand-soft); }
.btn-ghost { background: transparent; color: var(--muted); }
.btn-danger { background: var(--danger-bg); color: var(--danger); }
.modal-footer { display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--line); padding-top: 14px; }
.error-text { font-size: 12px; color: var(--danger); min-height: 15px; margin-top: -4px; }

/* Full page sections (opened from the side menu) instead of centered popups */
.page-screen {
  position: fixed; inset: 0; background: var(--bg); display: none;
  flex-direction: column; z-index: 60; overflow-y: auto;
}
.page-screen.active { display: flex; animation: pageSlideIn .22s ease; }
@keyframes pageSlideIn { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } }
.page-inner {
  width: 100%; max-width: 430px; margin: 0 auto; box-sizing: border-box;
  padding: 20px 14px calc(96px + env(safe-area-inset-bottom, 0px)); flex: 1 0 auto; display: flex; flex-direction: column; min-height: 100%;
}
.page-inner .modal-list { max-height: none; }
/* Long pages (like Hesablar və Borclar) have more content than fits one screen.
   Without this, flexbox silently shrinks — and for elements with overflow:hidden/auto,
   crops — children like .modal-list instead of just letting the
   page scroll. Forcing every direct child to keep its natural size fixes that. */
.page-inner > * { flex-shrink: 0; }

.loading-screen { display: flex; align-items: center; justify-content: center; min-height: 60vh; color: var(--muted); font-size: 14px; }

/* Güncel Borclar: combined debt summary chart */

/* Dashboard: circular (doughnut) charts */
.pie-card {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: 16px 16px 14px; margin-bottom: 12px;
}
.pie-card .pie-title { font-size: 12px; font-weight: 600; color: var(--muted); margin-bottom: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.pie-card-row { display: flex; align-items: center; gap: 16px; }
.pie-canvas-wrap { position: relative; width: 108px; height: 108px; flex: none; }
.pie-canvas-wrap canvas { width: 100% !important; height: 100% !important; }
.pie-center-label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; pointer-events: none; }
.pie-center-label .n { font-size: 14px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.pie-center-label .l { font-size: 9.5px; color: var(--muted); margin-top: 1px; }
.pie-legend { display: flex; flex-direction: column; gap: 7px; flex: 1; min-width: 0; }
.pie-legend-row { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--ink); }
.pie-legend-row .dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 6px; flex: none; }
/* Uzun etiketlər (RU/AZ) kəsilməsin — növbəti sətrə keçir. */
.pie-legend-row .lbl { display: flex; align-items: flex-start; color: var(--muted); min-width: 0; line-height: 1.3; overflow-wrap: anywhere; }
.pie-legend-row .lbl .dot { margin-top: 4px; }
.pie-legend-row .amt { font-weight: 700; flex: none; }
.pie-empty { font-size: 12.5px; color: var(--muted); padding: 6px 0; }

/* Hesablar: add-account ("+") picker */

.hesab-add-btn {
  width: 34px; height: 34px; border-radius: 50%; border: none; background: var(--brand);
  color: var(--on-brand); font-size: 19px; line-height: 1; cursor: pointer; display: flex;
  align-items: center; justify-content: center; flex: none;
}

/* Monthly installment column chart */

.drive-box { background: var(--panel-alt); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px 14px; margin: 0 2px 8px; min-width: 0; overflow-wrap: anywhere; }
.drive-box .drive-status { font-size: 12px; color: var(--muted); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.drive-box .drive-status.ok { color: var(--success-ink); }
.drive-box .drive-status.err { color: var(--danger); }
.drive-box .drive-sub { font-size: 12px; line-height: 1.4; color: var(--muted); margin-top: 3px; overflow-wrap: anywhere; }
.drive-box .drive-btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.drive-box .drive-btns-ayrac { flex-basis: 100%; height: 0; }
.drive-box .drive-btns button { flex: 1; font-size: 12px; padding: 9px 6px; border-radius: 10px; border: 1px solid var(--line); background: var(--panel); cursor: pointer; font-weight: 600; color: var(--ink); font-family: inherit; }
.drive-box .drive-btns button:hover { border-color: var(--brand-soft); }

/* Ayarlar səhifəsindəki bütün sətir ikonları eyni ölçü/boşluqla düzülsün deyə */
.ayarlar-ikon { display: inline-flex; align-items: center; justify-content: center; width: 22px; font-size: 15px; margin-right: 10px; flex: 0 0 auto; color: var(--brand-ink); }
.ayarlar-metin { display: inline-flex; align-items: center; }
/* Ayarlar səhifəsindəki bütün qutucuqlar (Kateqoriyalar, Son əməliyyatlar, İşıqlı rejim,
   Tətbiq kilidi, System, Yenilə, Günlük limit) eyni ölçü/şrift/haşiyə istifadə etsin deyə vahid siniflər */
.ayarlar-kutu {
  box-sizing: border-box; width: 100%; border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: 13px 14px; background: transparent; font-family: inherit; text-align: left;
}
.ayarlar-setir-ic {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.3;
}
button.ayarlar-kutu { cursor: pointer; }
button.ayarlar-kutu:hover { border-color: var(--brand-soft); }
.error-text:empty { display: none; margin: 0; min-height: 0; }

.theme-switch {
  position: relative; width: 42px; height: 24px; border-radius: 999px; background: var(--line);
  border: none; cursor: pointer; flex: 0 0 auto; transition: background .2s;
}
.theme-switch::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.35); transition: transform .2s;
}
[data-theme="light"] .theme-switch { background: var(--brand); }
[data-theme="light"] .theme-switch::after { transform: translateX(18px); background: var(--on-brand); }

.hesabat-cemi-card {
  background: var(--accent-soft); border: 1px solid var(--accent-line); border-radius: var(--radius-lg);
  padding: 14px 16px; margin-bottom: 16px;
}
.hesabat-cemi-card .k { font-size: 12.5px; color: var(--accent-ink); font-weight: 600; }
.hesabat-cemi-card .v { font-size: 24px; font-weight: 600; color: var(--accent-ink-dark); margin-top: 2px; font-variant-numeric: tabular-nums; }
/* Aylıq hesabat: 2 dairəvi qrafik (günlük xərclər / aylıq sabit xərclər) */
.hesabat-bolme-basliq { font-size: 14px; margin: 18px 0 10px; color: var(--ink); }
.hesabat-kart { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 14px; margin-bottom: 16px; }
.donut-sarici { position: relative; width: 100%; max-width: 250px; aspect-ratio: 1 / 1; margin: 0 auto; }
.donut-sarici canvas { width: 100% !important; height: 100% !important; }
.donut-merkez { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; padding: 0 20%; }
.donut-merkez .t { font-size: 10.5px; color: var(--muted); font-weight: 600; }
.donut-merkez .b { font-weight: 800; color: var(--ink); line-height: 1.15; margin-top: 2px; white-space: nowrap; }
.donut-merkez .s { font-size: 11.5px; color: var(--muted); font-weight: 600; margin-top: 3px; }
.donut-merkez .b.over, .donut-merkez .s.over { color: var(--danger); }
.donut-caption { text-align: center; font-size: 12px; color: var(--muted); margin: 10px 0 14px; }
.donut-caption:empty { display: none; }
.hesabat-row { margin-bottom: 12px; }
.hesabat-row-top { display: flex; justify-content: space-between; font-size: 13.5px; font-weight: 600; color: var(--ink); margin-bottom: 5px; }
.hesabat-bar-bg { width: 100%; height: 10px; background: var(--panel-alt); border-radius: 999px; overflow: hidden; }
.hesabat-bar-fill { height: 100%; border-radius: 999px; transition: width .3s; }
.trend-row {
  display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; font-size: 13px;
  font-weight: 600; background: var(--panel-alt); border: 1px solid var(--line); border-radius: var(--radius-sm); margin-bottom: 6px;
}
.trend-up { color: var(--danger); }
.trend-down { color: var(--success-ink); }
.trend-new { color: var(--accent-ink); }

.date-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0 14px; }
.date-nav-arrow {
  background: var(--panel); border: 1px solid var(--line); color: var(--ink); width: 36px; height: 36px;
  border-radius: 50%; font-size: 17px; line-height: 1; cursor: pointer; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
}
.date-nav-arrow:disabled { opacity: 0.3; cursor: default; }
.date-nav-label { flex: 1; text-align: center; font-weight: 700; font-size: 14px; color: var(--ink); }

/* ==== Tətbiq kilidi (Face ID / Touch ID / PIN) ==== */
.lock-screen {
  position: fixed; inset: 0; background: var(--bg); z-index: 200;
  display: none; align-items: center; justify-content: center; padding: 20px;
}
.lock-screen.active { display: flex; }
/* "Hesab yarat" ekranı: giriş ekranının üstündə açılır, ona görə z-index daha yüksək
   və içərik uzun ola bilər deyə yuxarıdan başlayıb sürüşə bilir (overflow-y:auto). */
#qeydiyyatModal { z-index: 205; align-items: flex-start; overflow-y: auto; }
#qeydiyyatModal .lock-box { margin: 32px auto; text-align: left; }
#qeydiyyatModal .lock-box > .lock-icon, #qeydiyyatModal .lock-box > h2, #qeydiyyatModal .lock-box > .hint { text-align: center; }
.lock-box { width: 100%; max-width: 320px; text-align: center; }
.lock-icon { margin-bottom: 12px; color: var(--brand-ink); display: flex; justify-content: center; }
.lock-box h2 { margin: 0 0 6px; font-size: 18px; color: var(--ink); }
#kilidPinInput { text-align: center; letter-spacing: 10px; font-size: 20px; margin-bottom: 8px; }
.toggle-switch {
  position: relative; width: 42px; height: 24px; border-radius: 999px; background: var(--line);
  border: none; cursor: pointer; flex: 0 0 auto; transition: background .2s;
}
.toggle-switch::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.35); transition: transform .2s;
}
.toggle-switch.on { background: var(--brand); }
.toggle-switch.on::after { transform: translateX(18px); background: var(--on-brand); }

/* ==== Premium tema əlavələri (v3.9) ==== */
.ic { display: block; flex: none; }
i[data-ikon] { display: inline-flex; font-style: normal; }
.geri-btn { background: none; border: none; color: var(--ink); cursor: pointer; padding: 4px 10px 4px 0; display: flex; align-items: center; }
.sira-btn { color: var(--faint); }
.hesab-ikon { display: flex; color: var(--brand-ink); }
.nav-icon i[data-ikon] { display: flex; }
.date-nav-arrow .ic { margin: 0 auto; }
/* Ayarlar: açılıb-bağlanan qrup (Sistem) və Hesab bölməsi */
.ayarlar-qrup { border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; margin-bottom: 8px; }
.ayarlar-qrup > .ayarlar-qrup-bas { border: none; border-radius: 0; }
.ayarlar-qrup-ic { border-top: 1px solid var(--line); padding: 4px 14px 12px; }

#hesabQrup .drive-box, #driveQrup .drive-box { margin: 10px 0 0; }
.toast-msg { background: var(--panel-alt) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; font-weight: 500 !important; }

/* Son əməliyyatlar: filtr */
.filtr-kart { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px; margin-bottom: 10px; }
.filtr-cips { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: 12px; }
.filtr-cips button { font-family: inherit; font-size: 12px; font-weight: 600; padding: 8px 4px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.filtr-cips button.aktiv { background: var(--brand); color: var(--on-brand); border-color: var(--brand); }
.filtr-lbl { display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); margin: 0 0 4px; }
.filtr-inp { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--input-border); border-radius: 8px; font-size: 14px; font-family: inherit; background: var(--panel); color: var(--ink); min-height: 38px; }
select.filtr-inp { margin-bottom: 10px; }
.filtr-tarix { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.filtr-tarix > div { min-width: 0; }
.filtr-netice { font-size: 12px; color: var(--muted); font-weight: 600; margin: 2px 2px 8px; font-variant-numeric: tabular-nums; }

/* Giriş / qeydiyyat / kilid ekranlarında izah mətni */
.lock-box .hint { font-size: 13px; color: var(--muted); line-height: 1.5; margin: 0 0 18px; }
.lock-box input { margin-bottom: 10px; min-height: 42px; }

/* Giriş: "Şifrəni unutdum" linki */
.link-btn { background: none; border: none; color: var(--brand-ink); font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 4px 0 12px; text-decoration: underline; text-underline-offset: 3px; }

/* ==== Hesablar (v3.14) ==== */
.hesab-kartlar { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.hesab-kart { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 14px 14px 12px; }
.hesab-kart.tiklanir { cursor: pointer; }
.hesab-kart.tiklanir:hover { border-color: var(--input-border); background: var(--panel-alt); }
.hk-bas { display: flex; align-items: center; gap: 10px; }
.hk-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.hk-ad b { font-size: 14.5px; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.hk-ad small { font-size: 11.5px; color: var(--muted); margin-top: 1px; overflow-wrap: anywhere; }
.hk-bal { font-size: 20px; font-weight: 600; margin-top: 8px; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.hk-alt { font-size: 11.5px; color: var(--muted); margin-top: 4px; line-height: 1.4; }
.hk-ox { color: var(--faint); display: flex; }
.ulduz-btn { background: none; border: none; cursor: pointer; color: var(--faint); padding: 4px; border-radius: 8px; display: flex; }
.ulduz-btn:hover { background: var(--panel-alt); color: var(--muted); }
.ulduz-btn.aktiv { color: var(--brand-ink); }
.ulduz-btn.aktiv svg { fill: currentColor; }
.hesab-emeliyyat-btnlar { display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 16px; }
.hesab-emeliyyat-btnlar .btn { width: 100%; padding: 11px 8px; }
.ay-nav { display: flex; align-items: center; gap: 10px; }
.ay-nav-etiket { flex: 1; text-align: center; font-weight: 600; font-size: 14px; color: var(--ink); }
/* Hesab formu */
.hf-blok { margin-bottom: 12px; }
.nov-secim { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.nov-secim button { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 10px 4px; border-radius: var(--radius-sm); border: 1px solid var(--line); background: var(--panel); color: var(--muted); font-family: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer; text-align: center; line-height: 1.2; }
.nov-secim button.aktiv { border-color: var(--brand-ink); color: var(--ink); background: var(--panel-alt); box-shadow: inset 0 0 0 1px var(--brand-ink); }
.hf-satir { margin-top: 10px; }
.hf-satir > .filtr-inp, .hf-satir .filtr-inp { margin-bottom: 0; }
#hfXettBlok .filtr-inp { margin-bottom: 10px; }
.hf-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hf-iki > div { min-width: 0; }
.hf-netice { font-size: 12.5px; color: var(--ink); font-weight: 600; background: var(--panel-alt); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 9px 10px; line-height: 1.45; }
.hf-netice:empty { display: none; }
.hf-tikler { display: flex; flex-direction: column; gap: 12px; }
.hf-tik { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.hf-tik input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--brand); flex: none; }
.hf-tik b { display: block; font-size: 13.5px; color: var(--ink); font-weight: 600; }
.hf-tik small { display: block; font-size: 11.5px; color: var(--muted); margin-top: 2px; line-height: 1.4; }
/* Hesabat: hesablar bölməsi */
.hesabat-hesab { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px 14px; margin-bottom: 8px; }
.hh-bas { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.hh-bas b { flex: 1; min-width: 0; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.hh-bal { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hh-set { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.hh-set span { font-size: 11px; color: var(--muted); display: flex; flex-direction: column; gap: 2px; }
.hh-set b { font-size: 13px; color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }

/* Qonaq (nümunə) rejimi */
.qonaq-btn { width: 100%; margin-bottom: 10px; color: var(--muted); font-weight: 500; }
.demo-banner { position: fixed; top: 0; left: 0; right: 0; z-index: 150; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 12px calc(8px); padding-top: calc(8px + env(safe-area-inset-top, 0px)); background: var(--brand); color: var(--on-brand); font-size: 12px; font-weight: 600; }
.demo-banner button { background: var(--on-brand); color: var(--brand); border: none; border-radius: 999px; padding: 5px 12px; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
body.demo-aktiv { padding-top: calc(56px + env(safe-area-inset-top, 0px)); }
body.demo-aktiv .page-inner { padding-top: calc(56px + env(safe-area-inset-top, 0px)); }

.error-text.ugur { color: var(--success-ink); }

/* Giriş/qeydiyyat ekranında dil seçimi */
.dil-secici { display: flex; justify-content: flex-end; gap: 4px; margin: 0 0 14px; }
.dil-secim { min-width: 46px; height: 30px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--muted); font: inherit; font-size: 12px; font-weight: 600; letter-spacing: .06em; cursor: pointer; transition: color .15s, border-color .15s, background .15s; }
.dil-secim:hover { color: var(--ink); }
.dil-secim.aktiv { color: var(--ink); border-color: var(--brand-ink); background: color-mix(in srgb, var(--brand-ink) 12%, transparent); }
.dil-secim:focus-visible { outline: 2px solid var(--brand-ink); outline-offset: 2px; }

/* Drive: 24 saatlıq ehtiyat nüsxə xatırlatması (alt menyunun üstündə) */
.drive-xatirlatma { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(80px + env(safe-area-inset-bottom, 0px)); z-index: 150;
  width: calc(100% - 24px); max-width: 406px; box-sizing: border-box; display: flex; align-items: center; gap: 10px;
  padding: 10px 10px 10px 14px; border-radius: 14px; background: var(--panel-alt); border: 1px solid var(--line); box-shadow: 0 10px 28px var(--shadow); color: var(--ink); }
.drive-xatirlatma .dx-ikon { display: flex; color: var(--brand-ink); flex-shrink: 0; }
.drive-xatirlatma .dx-metn { flex: 1; font-size: 12.5px; line-height: 1.35; color: var(--muted); }
.drive-xatirlatma .dx-btn { flex-shrink: 0; border: none; border-radius: 999px; padding: 8px 14px; font: inherit; font-size: 12.5px; font-weight: 600; background: var(--brand-ink); color: var(--bg); cursor: pointer; }
.drive-xatirlatma .dx-btn:disabled { opacity: .6; }
.drive-xatirlatma .dx-bagla { flex-shrink: 0; display: flex; border: none; background: transparent; color: var(--muted); padding: 4px; cursor: pointer; }
.en-son-etiket { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; font-size: 10.5px; font-weight: 600; letter-spacing: .02em; border: 1px solid var(--brand-ink); color: var(--brand-ink); vertical-align: 1px; }

/* Maliyyə səhifəsi */
.pie-center-label .n.menfi { color: var(--danger); }
.pie-center-label .n.musbet { color: var(--success-ink); }
.pie-legend-row .amt.menfi, .pie-alt-setir b.menfi { color: var(--danger); }
.pie-legend-row .amt.musbet { color: var(--success-ink); }
.pie-alt:empty { display: none; }
.pie-alt { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 4px; }
.pie-alt-setir { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; color: var(--muted); }
.pie-alt-setir b { color: var(--ink); font-weight: 600; white-space: nowrap; }
.hf-ipucu { display: block; margin-top: 4px; font-size: 11px; color: var(--muted); line-height: 1.35; }
.amt.medaxil-amt { color: var(--success-ink); }

/* Açıb-bağlanan açar (checkbox → switch), Face ID açarı ilə eyni görünüş */
.sw-qrup { display: flex; flex-direction: column; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 4px 0 8px; }
.sw-setir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; cursor: pointer; }
.sw-setir + .sw-setir { border-top: 1px solid var(--line); }
.sw-metn { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sw-metn b { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.sw-metn small { font-size: 11.5px; color: var(--muted); line-height: 1.3; }
.sw-inp { -webkit-appearance: none; appearance: none; flex-shrink: 0; width: 42px !important; height: 24px; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  border-radius: 999px; border: none !important; background: var(--line); position: relative; cursor: pointer; transition: background .2s; }
.sw-inp::after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.35); transition: transform .2s, background .2s; }
.sw-inp:checked { background: var(--brand); }
.sw-inp:checked::after { transform: translateX(18px); background: var(--on-brand); }
.sw-inp:focus-visible { outline: 2px solid var(--brand-ink); outline-offset: 2px; }
.pie-title .pie-alt-basliq { display: block; font-size: 11px; font-weight: 500; color: var(--muted); margin-top: 2px; letter-spacing: 0; text-transform: none; }

/* Oflayn göstəricisi */
.oflayn-pill { position: fixed; top: calc(8px + env(safe-area-inset-top, 0px)); left: 50%; transform: translateX(-50%); z-index: 160;
  display: flex; align-items: center; gap: 8px; max-width: calc(100% - 24px); box-sizing: border-box;
  padding: 6px 12px; border-radius: 999px; background: var(--panel-alt); border: 1px solid var(--line); box-shadow: 0 6px 18px var(--shadow);
  font-size: 11.5px; line-height: 1.3; color: var(--ink); white-space: nowrap; }
.oflayn-pill .op-noqte { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: #c9a24a; box-shadow: 0 0 0 3px color-mix(in srgb, #c9a24a 25%, transparent); }

/* Tarixçədə axtarış */
.axtar-sahe { position: relative; margin-bottom: 10px; }
.axtar-sahe [data-ikon] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--muted); display: flex; pointer-events: none; }
.axtar-sahe input { width: 100%; box-sizing: border-box; padding-left: 36px !important; }

/* Ana ekrana əlavə et ekranı */
.qurasdir-ekrani { z-index: 260; overflow-y: auto; }
.qurasdir-ekrani .qr-basliq { font-size: 20px; margin: 14px 0 6px; color: var(--ink); }
.qr-addimlar { list-style: none; margin: 4px 0 12px; padding: 0; display: flex; flex-direction: column; gap: 6px; text-align: left; }
.qr-addimlar li { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); font-size: 14px; line-height: 1.35; color: var(--ink); }
.qr-no { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; background: var(--panel-alt); border: 1px solid var(--line); color: var(--brand-ink); }
.qr-ik { display: inline-flex; vertical-align: -4px; margin-left: 4px; color: var(--brand-ink); }
.qr-qeyd { font-size: 12px; color: var(--muted); line-height: 1.45; margin: 0 0 10px; }

/* Giriş ekranı düymələri — vahid ölçü və üslub */
.giris-forma { width: 100%; margin: 0; }
.giris-duymeler { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.gd { width: 100%; min-height: 48px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 0 16px; border-radius: 14px; font: inherit; font-size: 15px; font-weight: 600; letter-spacing: .01em; cursor: pointer;
  transition: background .15s, border-color .15s, opacity .15s; }
.gd [data-ikon] { display: flex; flex-shrink: 0; }
.gd-esas { border: none; background: var(--brand); color: var(--on-brand); }
.gd-esas:hover { background: var(--brand-soft); }
.gd-ikinci { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
.gd-ikinci [data-ikon] { color: var(--muted); }
.gd-ikinci:hover { border-color: var(--brand-soft); }
.gd:active { opacity: .85; }
.gd-link { align-self: center; padding: 0 !important; margin: -2px 0 2px; }
.gd-ayrac { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; margin: 2px 0; }
.gd-ayrac::before, .gd-ayrac::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.giris-duymeler .qonaq-btn { width: 100%; margin: 0; color: var(--ink); font-weight: 600; }
.qr-xeberdarliq { font-size: 12.5px; line-height: 1.45; color: var(--ink); background: color-mix(in srgb, #c9a24a 12%, var(--panel)); border: 1px solid color-mix(in srgb, #c9a24a 40%, var(--line)); border-radius: 12px; padding: 10px 12px; margin: 0 0 10px; text-align: left; }
.qr-acar { width: 26px; height: 15px; border-radius: 999px; background: #34c759; position: relative; vertical-align: -2px; }
.qr-acar::after { content: ''; position: absolute; right: 2px; top: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; }
.qr-app { display: inline-block; vertical-align: -5px; margin-left: 4px; border-radius: 5px; }

/* Qonaq rejimi: tanışlıq turu */
.tur-qat { position: fixed; inset: 0; z-index: 400; display: none; cursor: pointer; }
.tur-qat.active { display: block; }
html.tur-aktiv, html.tur-aktiv body, html.tur-aktiv .page-screen { overflow: hidden !important; overscroll-behavior: none; }
.tur-qat { touch-action: none; }
.tur-isiq { position: fixed; border-radius: 16px; box-shadow: 0 0 0 9999px rgba(0,0,0,.72); outline: 2px solid var(--brand-ink); outline-offset: 0; transition: all .28s ease; pointer-events: none; }
.tur-kart { position: fixed; left: 50%; transform: translateX(-50%); width: calc(100% - 32px); max-width: 360px; box-sizing: border-box; padding: 16px 16px 14px;
  border-radius: 18px; background: var(--panel); border: 1px solid var(--line); box-shadow: 0 14px 40px rgba(0,0,0,.5); color: var(--ink); cursor: default; transition: top .28s ease; }
.tur-kart .tur-say { font-size: 11px; color: var(--muted); letter-spacing: .08em; margin-bottom: 4px; }
.tur-kart b { display: block; font-size: 16px; margin-bottom: 4px; }
.tur-kart p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.45; color: var(--muted); }
.tur-duymeler { display: flex; gap: 8px; justify-content: flex-end; }
.tur-btn { min-height: 40px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--line); background: var(--panel-alt); color: var(--ink); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.tur-btn.tur-esas { background: var(--brand); color: var(--on-brand); border-color: transparent; }
.tur-btn.tur-kec { background: transparent; border-color: transparent; color: var(--muted); margin-right: auto; }
.demo-banner .demo-tur { width: 30px; min-width: 30px; padding: 0 !important; border-radius: 50% !important; background: transparent !important; color: inherit !important; border: 1px solid currentColor !important; font-weight: 700; margin-right: 6px; }

/* Drive: avtomatik ehtiyat nüsxə vaxtı */
.drive-box .drive-saat { flex-basis: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 0; cursor: pointer; }
.drive-box .drive-saat span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.drive-box .drive-saat b { font-size: 12.5px; color: var(--ink); font-weight: 600; }
.drive-box .drive-saat small { font-size: 11px; color: var(--muted); line-height: 1.3; }
.drive-box .drive-saat input { flex: 0 0 auto; width: 96px !important; min-height: 38px; padding: 6px 8px; margin: 0 !important; font-size: 14px; text-align: center; }
.drive-box .drive-btns button.drive-saat-sil { flex-basis: 100%; background: transparent; border-style: dashed; color: var(--muted); }

/* "Geri al" bildirişi — bir toxunuşla yazılan xərci ləğv etmək üçün */
.geri-al-toast { position: fixed; left: 50%; transform: translateX(-50%); width: max-content; bottom: calc(88px + env(safe-area-inset-bottom, 0px)); z-index: 99999; display: flex; align-items: center; gap: 12px; max-width: calc(100% - 32px); padding: 8px 8px 8px 16px; border-radius: 12px; background: var(--panel-alt); color: var(--ink); border: 1px solid var(--line); box-shadow: 0 8px 24px var(--shadow); font-size: 13px; line-height: 1.35; transition: opacity .3s; }
.geri-al-toast span { flex: 1; min-width: 0; }
.geri-al-toast button { flex: none; min-height: 36px; padding: 0 14px; border-radius: 9px; border: 1px solid var(--accent); background: transparent; color: var(--ink); font-size: 13px; font-weight: 600; cursor: pointer; }

/* Kredit kartı formu: avtomatik hesablanan borc; hesab kartında "Borc" etiketi */
.hf-borc { margin-top: 8px; font-size: 15px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.hf-borc:empty { display: none; }
.hf-borc.menfi { color: var(--danger); }
.hk-bal-lbl { display: block; font-size: 11px; font-weight: 500; color: var(--muted); letter-spacing: .04em; text-transform: uppercase; margin-bottom: 2px; }

/* İşıqlı rejim / Tətbiq kilidi: ikon ilə mətn arasındakı məsafə digər sətirlərlə eyni olsun */
#temaLabel, #kilidAyarLabel { gap: 10px; }

/* Məxfilik siyasəti / İstifadə şərtləri linkləri; "Hesabı sil" düyməsi */
.huquqi-linkler { text-align: center; font-size: 12px; color: var(--muted); margin: 14px 0 0; }
.huquqi-linkler a { color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.drive-box .drive-btns button.hesab-sil-btn { flex-basis: 100%; background: transparent; border-color: transparent; color: var(--danger); font-weight: 600; }

/* Qeydiyyat: Məxfilik siyasəti və İstifadə şərtləri ilə razılaşma tiki */
.razilasma-setir { display: flex; align-items: flex-start; gap: 10px; margin: 14px 0 4px; text-align: left; font-size: 13px; line-height: 1.45; color: var(--ink); cursor: pointer; }
.razilasma-setir input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--brand-ink); cursor: pointer; }
.razilasma-setir a { color: var(--brand-ink); text-decoration: underline; text-underline-offset: 3px; }

/* Yeni versiya bildirişi */
.yenilik-cubuq { position: fixed; left: 50%; transform: translateX(-50%); top: calc(12px + env(safe-area-inset-top, 0px)); z-index: 100000; width: max-content; max-width: calc(100% - 32px); display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 16px; border-radius: 12px; background: var(--panel-alt); color: var(--ink); border: 1px solid var(--line); box-shadow: 0 8px 24px var(--shadow); font-size: 13px; font-weight: 600; }
.yenilik-cubuq button { flex: none; min-height: 34px; padding: 0 14px; border-radius: 9px; border: none; background: var(--brand); color: var(--on-brand); font: inherit; font-weight: 700; cursor: pointer; }
/* Google Drive: əsas düymələr görünür, qalanı "Ətraflı" altında */
.drive-etrafli { flex-basis: 100%; margin-top: 2px; }
.drive-etrafli > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 0 2px; font-size: 12px; font-weight: 600; color: var(--muted); }
.drive-etrafli > summary::-webkit-details-marker { display: none; }
.drive-etrafli > summary .ic { transition: transform .15s; }
.drive-etrafli[open] > summary .ic { transform: rotate(180deg); }
.drive-etrafli-ic { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }

/* Parametrlər: valyuta seçimi */
.valyuta-secim { flex: none; font: inherit; font-size: 14px; font-weight: 600; color: var(--ink); background: var(--panel); border: 1px solid var(--input-border); border-radius: 8px; padding: 7px 10px; }

/* İlk giriş sihirbazı */
.kurulum-ekrani { z-index: 190; align-items: flex-start; overflow-y: auto; }
.kurulum-box { max-width: 380px; margin: calc(12px + env(safe-area-inset-top, 0px)) auto 24px; text-align: left; }
.kurulum-box h2 { margin: 18px 0 6px; font-size: 20px; }
.kurulum-box .hint { margin-bottom: 16px; }
.kurulum-box input { width: 100%; box-sizing: border-box; }
.kurulum-bas { display: flex; align-items: center; justify-content: space-between; }
.kurulum-say { font-size: 12px; font-weight: 600; color: var(--muted); letter-spacing: .04em; }
.kurulum-kec { padding: 4px 0; font-size: 13px; }
.kurulum-noqteler { display: flex; gap: 6px; margin-top: 8px; }
.kurulum-noqteler span { flex: 1; height: 4px; border-radius: 4px; background: var(--line); }
.kurulum-noqteler span.aktiv { background: var(--brand-ink); }
.kurulum-secimler { display: grid; gap: 8px; }
.kurulum-secim { display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 14px; border-radius: var(--radius-md); border: 1px solid var(--line); background: var(--panel); color: var(--ink); font-family: inherit; text-align: left; cursor: pointer; }
.kurulum-secim.aktiv { border-color: var(--brand-ink); background: var(--panel-alt); box-shadow: inset 0 0 0 1px var(--brand-ink); }
.kurulum-secim .ks-isare { width: 36px; height: 36px; flex: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; background: var(--panel-alt); border: 1px solid var(--line); }
.kurulum-secim .ks-metn { display: flex; flex-direction: column; gap: 1px; }
.kurulum-secim .ks-metn b { font-size: 15px; }
.kurulum-secim .ks-metn small { font-size: 12px; color: var(--muted); }
.kurulum-kat-qrup { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 4px 14px; margin-bottom: 10px; }
.kurulum-alt { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; padding: 10px 0 2px; }
.kurulum-yeni { display: flex; gap: 8px; align-items: flex-start; }
.kurulum-yeni input { flex: 1; min-width: 0; }
.kurulum-yeni .btn { flex: none; display: flex; align-items: center; gap: 6px; min-height: 42px; }
.kurulum-duymeler { display: flex; gap: 10px; margin-top: 18px; }
.kurulum-duymeler .btn { flex: 1; min-height: 46px; }

/* Balans sahəsi: işarə (±) düyməsi */
.hf-isare-wrap { display: flex; gap: 6px; align-items: stretch; }
.hf-isare-wrap .filtr-inp { flex: 1; min-width: 0; }
.hf-isare-btn { flex: none; width: 44px; border: 1px solid var(--input-border); border-radius: 8px; background: var(--panel); color: var(--ink); font: inherit; font-size: 18px; font-weight: 600; cursor: pointer; }