/* aion Maliyet Eklentisi - Stil Tanımları */

/* ---- Tam sayfa genişliği zorlama (güvenli yöntem) ---- */
/* 100vw yerine JS ile gerçek konum hesaplanır (aion-tam-genislik.js), 
   böylece scrollbar/taşma sorunu oluşmaz. Bu sınıf sadece taban stildir. */
.aion-tam-genislik-disari {
  box-sizing: border-box;
  width: 100%;
}
.aion-tam-genislik-disari.aion-genisletildi {
  position: relative;
}

:root{
  --aion-bg-dark:#1a1a2e; --aion-bg-panel:#16213e; --aion-bg-card:#0f3460;
  --aion-accent-red:#e94560; --aion-btn-blue:#0f3460; --aion-btn-green:#27ae60;
  --aion-btn-orange:#e67e22; --aion-btn-purple:#8e44ad; --aion-btn-gray:#7f8c8d;
  --aion-fg-white:#ffffff; --aion-fg-gray:#aaaaaa;
  --aion-row-minha:#3d1a1a;
}

.aion-kapsa{
  font-family:Arial,Helvetica,sans-serif;
  background:var(--aion-bg-dark); color:var(--aion-fg-white);
  border-radius:8px; padding:18px; margin:14px 0;
}
.aion-kapsa *{box-sizing:border-box;}
.aion-kapsa input, .aion-kapsa select{
  padding:9px 11px; border-radius:5px; border:none;
  background:var(--aion-bg-card); color:#fff; font-size:13px;
  font-family:inherit;
}
.aion-kapsa label{display:block; font-size:11px; color:var(--aion-fg-gray); margin-bottom:3px;}

.aion-btn{
  border:none; border-radius:5px; padding:9px 15px;
  font-weight:bold; font-size:12px; cursor:pointer; color:#fff;
  transition:opacity .15s; font-family:inherit;
}
.aion-btn:hover{opacity:.85;}
.aion-btn-kucuk{padding:5px 10px; font-size:11px; margin-left:8px;}
.aion-btn-blue{background:var(--aion-btn-blue);}
.aion-btn-orange{background:var(--aion-btn-orange);}
.aion-btn-green{background:var(--aion-btn-green);}
.aion-btn-purple{background:var(--aion-btn-purple);}
.aion-btn-gray{background:var(--aion-btn-gray);}
.aion-btn-red{background:#e74c3c;}

/* ---- Giriş / Kayıt formu ---- */
.aion-sekme-bar{display:flex; gap:6px; margin-bottom:14px;}
.aion-sekme{
  flex:1; padding:10px; background:var(--aion-bg-panel); border:none;
  color:var(--aion-fg-gray); cursor:pointer; border-radius:5px; font-weight:bold;
}
.aion-sekme.aktif{background:var(--aion-accent-red); color:#fff;}
.aion-form-panel{
  background:var(--aion-bg-panel); padding:18px; border-radius:6px;
  display:flex; flex-direction:column; gap:4px; max-width:380px;
}
.aion-form-panel input{margin-bottom:10px; width:100%;}
.aion-form-mesaj{font-size:12px; margin-top:8px; min-height:16px;}
.aion-form-mesaj.basarili{color:#27ae60;}
.aion-form-mesaj.hata{color:#e74c3c;}

.aion-profil-kart{
  background:var(--aion-bg-panel); padding:14px 18px; border-radius:6px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
}
.aion-profil-bilgi{display:flex; gap:18px; font-size:14px;}
.aion-profil-kredi{color:#27ae60; font-weight:bold;}

.aion-uyari-kutu{
  background:#3a2e0a; color:#e67e22; padding:16px; border-radius:6px;
  font-weight:bold; text-align:center;
}

/* ---- Maliyet hesaplama aracı ---- */
.aion-topbar{
  display:flex; justify-content:space-between; align-items:center;
  padding-bottom:12px; border-bottom:1px solid #2a3f6f; margin-bottom:14px; flex-wrap:wrap; gap:10px;
}
.aion-topbar-sol{display:flex; align-items:center; gap:12px;}
.aion-logo-kucuk{width:42px; height:42px; object-fit:contain; border-radius:4px;}
.aion-logo-orta{width:64px; height:64px; object-fit:contain;}
.aion-giris-logo-baslik{display:flex; align-items:center; gap:14px; margin-bottom:16px;}
.aion-topbar h2{margin:0; font-size:16px;}
.aion-sub{font-size:11px; color:var(--aion-fg-gray); font-style:italic;}
.aion-kredi-gosterge{
  background:var(--aion-bg-panel); padding:8px 16px; border-radius:6px;
  font-size:13px; font-weight:bold; border:1px solid #2a3f6f;
}

.aion-ana-grid{display:grid; grid-template-columns:300px 1fr; gap:14px;}
@media (max-width: 800px){ .aion-ana-grid{grid-template-columns:1fr;} }

.aion-sol-panel{
  background:var(--aion-bg-panel); border-radius:6px; padding:14px;
  display:flex; flex-direction:column; max-height:600px;
}
.aion-sol-panel h3{font-size:12px; color:var(--aion-accent-red); margin:0 0 8px;}
.aion-arama-kutu{width:100%; margin-bottom:10px;}
.aion-poz-liste{flex:1; overflow-y:auto; border:1px solid #2a3f6f; border-radius:5px; max-height:500px;}
.aion-poz-satir{padding:8px 10px; border-bottom:1px solid #22335a; cursor:pointer; font-size:12px;}
.aion-poz-satir:hover{background:#22335a;}
.aion-poz-satir .pno{font-weight:bold; color:var(--aion-accent-red);}
.aion-poz-satir .pisim{color:#ddd; display:block; margin-top:2px;}
.aion-poz-satir .pbirim{color:var(--aion-fg-gray); font-size:11px;}

.aion-sag-panel{display:flex; flex-direction:column; min-width:0;}
.aion-giris-alani{
  background:var(--aion-bg-panel); padding:14px; border-radius:6px;
  display:flex; gap:10px; flex-wrap:wrap; align-items:end; margin-bottom:10px;
}
.aion-w-bolum{width:140px;} .aion-w-poz{width:120px;} .aion-w-olcu{width:60px;} .aion-w-adet{width:55px;}

.aion-araclar{
  background:var(--aion-bg-panel); padding:10px 14px; border-radius:6px;
  display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:10px;
}
.aion-ozet-yazi{font-size:12px; color:var(--aion-fg-gray); font-style:italic; margin-left:auto;}

.aion-tablo-alani{overflow:auto; max-height:500px; border-radius:6px;}
.aion-tablo-alani table{width:100%; border-collapse:collapse; font-size:12px;}
.aion-tablo-alani thead th{
  background:var(--aion-bg-dark); color:#fff; padding:8px 6px; text-align:left;
  position:sticky; top:0; z-index:2; font-size:11px; border-bottom:2px solid var(--aion-accent-red);
}
.aion-tablo-alani tbody td{padding:6px 6px; border-bottom:1px solid #22335a; background:var(--aion-bg-panel);}
.aion-tablo-alani tbody tr:nth-child(even) td{background:#1c2c52;}
.aion-tablo-alani tr.aion-bolum-degisim td{border-top:2px solid var(--aion-accent-red);}
.aion-col-num{text-align:center; width:55px;}
.aion-col-fiyat{text-align:right; width:100px;}
.aion-sil-btn, .aion-detay-btn{background:none; border:none; cursor:pointer; font-size:13px; padding:2px 6px;}
.aion-sil-btn{color:#e74c3c;} .aion-detay-btn{color:#3498db;}

/* ---- Modal ---- */
.aion-modal-arka{
  display:none; position:fixed; top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,.65); z-index:9999; align-items:center; justify-content:center;
}
.aion-modal-arka.acik{display:flex;}
.aion-modal-kutu{
  background:var(--aion-bg-panel); width:92%; max-width:850px; max-height:85vh;
  border-radius:8px; overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 10px 40px rgba(0,0,0,.5); font-family:Arial,Helvetica,sans-serif; color:#fff;
}
.aion-modal-ust{
  background:var(--aion-bg-dark); padding:14px 18px; display:flex;
  justify-content:space-between; align-items:center; border-bottom:2px solid var(--aion-accent-red);
}
.aion-modal-ust h2{margin:0; font-size:14px;}
.aion-modal-kapat{background:none; border:none; color:#fff; font-size:20px; cursor:pointer;}
.aion-modal-giris{
  padding:12px 18px; background:var(--aion-bg-panel); display:flex; gap:8px;
  flex-wrap:wrap; align-items:end; border-bottom:1px solid #2a3f6f;
}
.aion-modal-govde{overflow:auto; flex:1; padding:0 18px;}
.aion-modal-govde table{width:100%; font-size:12px; border-collapse:collapse;}
.aion-modal-govde thead th{position:sticky; top:0; background:var(--aion-bg-dark); padding:7px; text-align:left;}
.aion-modal-govde tbody td{padding:6px 7px; border-bottom:1px solid #22335a;}
.aion-modal-govde tbody tr:hover{background:#22335a; cursor:pointer;}
tr.aion-minha-satir{background:var(--aion-row-minha) !important; color:#e94560;}
.aion-modal-alt{padding:10px 18px; background:var(--aion-bg-dark); display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--aion-fg-gray);}
.aion-net-toplam{font-size:14px; font-weight:bold; color:var(--aion-accent-red);}

/* ---- Kredi paket kartları (modal içi) ---- */
.aion-paket-kart{
  background:var(--aion-bg-card); padding:12px 16px; border-radius:6px;
  display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;
}
.aion-paket-kart .miktar{font-weight:bold; font-size:14px;}
.aion-paket-kart .fiyat{color:var(--aion-fg-gray); font-size:12px;}