/* Altın Fatura — Vuexy üzerine özel stiller */
:root { --altin: #c9971c; --altin-acik: #fff6df; }

.brand-text { color: var(--altin) !important; font-size: 1.35rem !important; }

/* Kur şeridi */
.kur-serit { align-items: center; gap: 1.1rem; padding-left: .5rem; font-size: .85rem; }
.kur-oge small { color: #b9b9c3; }
.kur-oge b { color: #5e5873; }
.dark-layout .kur-oge b { color: #d0d2d6; }
.canli-nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #28c76f; margin-right: 4px; box-shadow: 0 0 0 0 rgba(40,199,111,.6); animation: nabiz 1.8s infinite; vertical-align: middle; }
.canli-nokta.pasif { background: #b9b9c3; animation: none; }
@keyframes nabiz { 0% { box-shadow: 0 0 0 0 rgba(40,199,111,.55); } 70% { box-shadow: 0 0 0 7px rgba(40,199,111,0); } 100% { box-shadow: 0 0 0 0 rgba(40,199,111,0); } }

/* Banka rozetleri */
.banka-rozet { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; color: #fff; font-weight: 700; font-size: .8rem; flex-shrink: 0; letter-spacing: .02em; }
.banka-rozet.kucuk { width: 28px; height: 28px; border-radius: 7px; font-size: .68rem; }
.banka-kart { cursor: pointer; transition: transform .15s, box-shadow .15s; }
.banka-kart:hover { transform: translateY(-2px); }
.banka-kart.secili { box-shadow: 0 0 0 2px #7367f0 !important; }

/* Gram gösterimi */
.gram-ozet { display: block; color: var(--altin); font-weight: 600; white-space: nowrap; }
.gram-ozet svg { width: 12px; height: 12px; vertical-align: -1px; }
.gram-buyuk { font-size: 1.15rem; font-weight: 700; color: var(--altin); line-height: 1.1; }
.gram-buyuk small { font-size: .75rem; }
.gram-vitrin { display: flex; align-items: center; gap: 1.2rem; background: var(--altin-acik); border: 1px solid #f3dfa6; border-radius: .5rem; padding: .9rem 1.2rem; flex-wrap: wrap; }
.gram-vitrin small { color: #8a6d1b; }
.dark-layout .gram-vitrin { background: rgba(201,151,28,.12); border-color: rgba(201,151,28,.35); }
.gram-tablo td, .gram-tablo th { padding: .4rem .5rem !important; font-size: .85rem; }
.hesap-tablo td { padding: .45rem .5rem !important; }
.mesaj-balon { background: #e7f8ee; border-radius: .6rem .6rem .6rem 0; padding: .75rem .9rem; font-size: .85rem; color: #1f5a3a; }
.dark-layout .mesaj-balon { background: rgba(40,199,111,.15); color: #b7ecd0; }

/* Panel */
.karsilama { position: relative; overflow: hidden; }
.madalya-ikon { position: absolute; right: 1.2rem; top: 1.2rem; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg,#f6d365,#c9971c); display: flex; align-items: center; justify-content: center; color: #fff; }
.madalya-ikon svg { width: 30px !important; height: 30px !important; }
.hareket-satir { padding-bottom: .6rem; border-bottom: 1px dashed #ebe9f1; }
.hareket-satir:last-child { border-bottom: 0; }
.dark-layout .hareket-satir { border-color: #3b4253; }
.stok-kart h3 small { font-size: .8rem; color: #b9b9c3; }

/* Fatura belgesi */
.fatura-belge { background: #fff; color: #222; padding: 1.75rem; font-size: .9rem; }
.fatura-belge .kutu { border: 1px solid #ddd; border-radius: 4px; padding: .6rem .8rem; min-height: 86px; }
.gib-logo { display: inline-block; border: 2px solid #c8102e; color: #c8102e; font-weight: 800; border-radius: 50%; width: 46px; height: 46px; line-height: 42px; text-align: center; margin-bottom: .3rem; }
.dark-layout .fatura-belge { background: #fff; color: #222; }

/* MASAK formu */
.form-bolum { margin: 1.4rem 0 .9rem; padding-bottom: .4rem; border-bottom: 1px solid #ebe9f1; color: #5e5873; font-size: 1rem; }
.form-bolum svg { width: 16px; height: 16px; margin-right: .3rem; color: #ea5455; }
.dark-layout .form-bolum { border-color: #3b4253; color: #d0d2d6; }
.otomatik-dolu { background-color: #eefbf3 !important; border-color: #28c76f !important; }
.dark-layout .otomatik-dolu { background-color: rgba(40,199,111,.12) !important; }
.belge-alan { display: flex; align-items: center; gap: .8rem; border: 1.5px dashed #d8d6de; border-radius: .5rem; padding: .8rem 1rem; cursor: pointer; width: 100%; margin: 0; }
.belge-alan svg { width: 26px; height: 26px; color: #7367f0; flex-shrink: 0; }
.belge-alan.dolu { border-style: solid; border-color: #28c76f; background: #f3fcf6; }
.belge-alan.dolu svg { color: #28c76f; }
.dark-layout .belge-alan.dolu { background: rgba(40,199,111,.1); }
.imza-alani { position: relative; border: 1.5px dashed #d8d6de; border-radius: .5rem; background: #fcfcfd; }
.imza-alani canvas { width: 100%; height: 160px; display: block; touch-action: none; cursor: crosshair; }
.imza-temizle { position: absolute; right: .5rem; top: .5rem; }
.kvkk-kutu { background: #f8f8f8; border-radius: .5rem; padding: .9rem 1rem; }
.dark-layout .kvkk-kutu { background: #283046; }
.yapiskan { position: sticky; top: 6.5rem; }
.tarama-kutu { display: flex; flex-direction: column; gap: .35rem; }
.tarama-satir { display: flex; align-items: center; gap: .3rem; font-size: .8rem; padding: .35rem .5rem; border-radius: .35rem; background: #f8f8f8; }
.dark-layout .tarama-satir { background: #283046; }
.table-danger-hafif { background: rgba(234,84,85,.06); }

/* Kimlik tarama */
.kimlik-cerceve { position: relative; aspect-ratio: 1.586; background: #1f2433; border-radius: .6rem; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.kimlik-cerceve video, .kimlik-cerceve img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kimlik-rehber { position: absolute; inset: 10%; border: 2px dashed rgba(255,255,255,.75); border-radius: .6rem; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; text-align: center; font-size: .85rem; z-index: 2; padding: .5rem; }
.kimlik-rehber svg { width: 40px !important; height: 40px !important; opacity: .8; }
.tarama-cizgi { position: absolute; left: 10%; right: 10%; height: 3px; background: linear-gradient(90deg,transparent,#28c76f,transparent); z-index: 3; animation: tara 1.4s ease-in-out infinite alternate; box-shadow: 0 0 12px #28c76f; }
@keyframes tara { from { top: 12%; } to { top: 86%; } }

/* Ayarlar */
.ayar-menu .nav-link { justify-content: flex-start; text-align: left; margin-bottom: .2rem; }
.adimlar { list-style: none; padding: 0; display: flex; gap: .5rem; flex-wrap: wrap; counter-reset: adim; }
.adimlar li { counter-increment: adim; background: #f3f2f7; border-radius: 2rem; padding: .3rem .8rem .3rem .35rem; }
.adimlar li::before { content: counter(adim); display: inline-flex; width: 20px; height: 20px; border-radius: 50%; background: #b9b9c3; color: #fff; align-items: center; justify-content: center; margin-right: .35rem; font-size: .7rem; }
.adimlar li.tamam::before { background: #28c76f; content: '✓'; }
.dark-layout .adimlar li { background: #283046; }
.guv-liste li { padding: .35rem 0; }

/* Giriş */
body.giris-acik { overflow: hidden; }
.giris-perde { position: fixed; inset: 0; z-index: 3000; background: linear-gradient(135deg,#1f1d2b 0%,#3a2f1a 100%); display: flex; align-items: center; justify-content: center; padding: 16px; }
.giris-kart { width: 100%; max-width: 420px; margin: 0; }
.kod-giris { letter-spacing: .6em; font-weight: 700; font-size: 1.6rem; }
.demo-ipucu { background: #fff6df; border: 1px dashed #e2c46d; border-radius: .5rem; padding: .6rem .8rem; color: #6b5414; }
.dark-layout .demo-ipucu { background: rgba(201,151,28,.12); color: #f1d98f; }

/* Toastr içinde ikonlar */
#toast-container > div { opacity: 1; }

@media (max-width: 575.98px) {
  .gram-vitrin { gap: .6rem; padding: .7rem; }
  .fatura-belge { padding: 1rem; }
  .content-header-right { text-align: left !important; }
}

@media print {
  .main-menu, .header-navbar, .footer, .content-header-right, .yapiskan, .btn, .giris-perde, #toast-container { display: none !important; }
  .app-content { margin: 0 !important; padding: 0 !important; }
  .card { box-shadow: none !important; border: 1px solid #ddd; }
}

.gram-buyuk { white-space: nowrap; }

/* Sunucu sürümü */
.qr-kutu svg { width: 200px; height: 200px; background: #fff; padding: 8px; border-radius: 8px; }
.kurtarma-kodlari { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.kurtarma-kodlari code { display: block; text-align: center; padding: .4rem; background: #f3f2f7; border-radius: .35rem; font-size: .95rem; }
body.demo-kapali .demo-rozet { display: none; }