/* LoccanPay · mobil/masaüstü düzen düzeltmeleri (2026-10-27)
   Sayfa içi <style> bloklarından SONRA yüklenir. */

/* Uzun içerik kartları genişletip sayfayı yana kaydırmasın */
.card, .wal-balance { min-width: 0; }

/* Cüzdan üst kısmı: tutar uzayınca Yenile/Çıkış butonları kart dışına itilmesin */
.wal-top > div:first-child { min-width: 0; flex: 1 1 auto; }
.wal-top-actions { flex-shrink: 0; }
.wal-total { font-size: clamp(1.25rem, 6.2vw, 2.1rem); overflow-wrap: anywhere; }

/* Bakiye satırları: büyük bakiyeler satırdan taşmasın */
.wal-asset { gap: 10px; }
.wal-coin { flex-shrink: 0; }
.wal-amt { min-width: 0; text-align: right; white-space: nowrap; font-size: clamp(.82rem, 4.1vw, 1.18rem); }

/* İşlem geçmişi: adres/hash satırı kısalsın (…), tutar yazının üstüne binmesin.
   Yer yetmezse tutar alt satıra, sağa yaslı geçer. */
.htx { flex-wrap: wrap; }
.htx-l { flex: 1 1 150px; min-width: 0; }
.htx-l > div { min-width: 0; }
.htx-amt { flex-shrink: 0; margin-left: auto; text-align: right; }

/* Gönder/Takas kutusu: "Tümü" butonu para birimi etiketinin üstüne binmesin */
.sw-box .sw-max { position: static; display: block; margin: 8px 0 0 auto; }
.sw-input { font-size: clamp(1.2rem, 5.6vw, 1.55rem); text-overflow: ellipsis; }
.sw-box-row { min-width: 0; }

/* Kart başlıkları: başlık + butonlar dar ekranda alt satıra geçebilsin */
.card-head { flex-wrap: wrap; }
.card-head .btn--sm { white-space: nowrap; }

/* Uzun bağlantılar, kodlar, e-postalar */
#createOk, .msg, .err, .hint, .sec-note, #who, .wal-email { overflow-wrap: anywhere; }
#createOk a, .msg a, .msg code { overflow-wrap: anywhere; word-break: break-all; }

@media (max-width: 420px) {
  .wal-top-actions { gap: 6px; }
  .wal-quick { gap: 8px; }
  .htx { gap: var(--s-2, 8px); }
  .htx-amt { font-size: var(--fs-xs, .78rem); }
}