/* AltınGümüş - Ek bileşen stilleri (derlenmiş Tailwind'in kapsamadığı sınıflar) */

/* ── Mobil menü ── */
.agf-mobile-menu{display:flex;flex-direction:column;border-top:1px solid #e2e8f0;background:rgba(255,255,255,.97);padding:.5rem 1rem 1rem}
.dark .agf-mobile-menu{background:rgba(15,23,42,.97);border-color:#1e293b}
.agf-mobile-menu a{padding:.7rem .5rem;font-weight:800;font-size:.95rem;border-bottom:1px solid #f1f5f9;color:#334155}
.dark .agf-mobile-menu a{border-color:#1e293b;color:#e2e8f0}
.agf-mobile-menu a:last-child{border-bottom:0}
.agf-mobile-menu[hidden]{display:none}
@media (min-width:1024px){.agf-mobile-menu{display:none!important}}

/* ── Düzyazı (rehber, araç, SSS) ── */
.agf-prose{line-height:1.75;font-size:1rem}
.agf-prose.agf-lead{font-size:1.08rem;font-weight:500}
.agf-prose h2{font-size:1.45rem;font-weight:900;margin:2.2rem 0 .9rem;line-height:1.25;color:#0f172a}
.agf-prose h3{font-size:1.15rem;font-weight:800;margin:1.6rem 0 .6rem;color:#0f172a}
.dark .agf-prose h2,.dark .agf-prose h3,.dark .agf-prose h4{color:#fff}
.agf-prose h4{font-size:1rem;font-weight:800;margin:1.2rem 0 .5rem}
.agf-prose p{margin:0 0 1rem}
.agf-prose ul,.agf-prose ol{margin:0 0 1.1rem;padding-left:1.4rem}
.agf-prose ul{list-style:disc}
.agf-prose ol{list-style:decimal}
.agf-prose li{margin-bottom:.45rem}
.agf-prose li::marker{color:#F59E0B;font-weight:800}
.agf-prose a{color:#D97706;font-weight:700;text-decoration:none}
.agf-prose a:hover{text-decoration:underline}
.dark .agf-prose a{color:#FBBF24}
.agf-prose strong{font-weight:800;color:#0f172a}
.dark .agf-prose strong{color:#fff}
.agf-prose blockquote{border-left:3px solid #F59E0B;padding:.2rem 0 .2rem 1rem;margin:0 0 1.1rem;font-style:italic;opacity:.9}
.agf-prose hr{border:0;border-top:1px solid rgba(148,163,184,.25);margin:1.5rem 0}
.agf-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:rgba(148,163,184,.15);padding:.1rem .35rem;border-radius:.35rem}
.agf-prose table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0 0 1.2rem;font-variant-numeric:tabular-nums}
.agf-prose th,.agf-prose td{padding:.6rem .8rem;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:top}
.dark .agf-prose th,.dark .agf-prose td{border-color:#1e293b}
.agf-prose th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#64748b;background:#f8fafc}
.dark .agf-prose th{background:#1e293b;color:#94a3b8}
.agf-prose td.r,.agf-prose th.r{text-align:right}
.agf-prose .agf-table-wrap{overflow-x:auto;border:1px solid #f1f5f9;border-radius:1rem;margin:0 0 1.2rem}
.dark .agf-prose .agf-table-wrap{border-color:#1e293b}
.agf-prose .agf-table-wrap table{margin:0}
.agf-prose .agf-callout{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.25);border-radius:1rem;padding:1rem 1.2rem;margin:0 0 1.2rem;font-size:.95rem}
.agf-prose .agf-callout p:last-child{margin-bottom:0}
.agf-prose .agf-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.2rem;margin:0 0 1.2rem;font-size:.9rem;color:#475569}
.dark .agf-prose .agf-note{background:#1e293b;border-color:#334155;color:#cbd5e1}
.agf-prose .agf-steps{counter-reset:agfstep;list-style:none;padding-left:0}
.agf-prose .agf-steps li{position:relative;padding-left:2.6rem;margin-bottom:.9rem}
.agf-prose .agf-steps li::before{counter-increment:agfstep;content:counter(agfstep);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;border-radius:.6rem;background:linear-gradient(135deg,#F59E0B,#B45309);color:#fff;font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.agf-prose .agf-kv{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;font-size:.95rem;margin:0 0 1.2rem}
.agf-prose .agf-kv span:nth-child(even){font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
.agf-prose .agf-grid2{display:grid;gap:1rem;margin:0 0 1.2rem}
@media (min-width:640px){.agf-prose .agf-grid2{grid-template-columns:1fr 1fr}}
.agf-prose .agf-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.2rem}
.dark .agf-prose .agf-card{background:#1e293b;border-color:#334155}
.agf-prose .agf-card h4{margin-top:0}
.agf-prose .agf-card p:last-child{margin-bottom:0}
.agf-prose .agf-pro{border-left:3px solid #10B981}
.agf-prose .agf-con{border-left:3px solid #EF4444}

/* ── İçindekiler ── */
.agf-toc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem}
.dark .agf-toc{background:#1e293b;border-color:#334155}
.agf-toc ol{list-style:decimal;padding-left:1.3rem;margin:0;font-size:.9rem;font-weight:700}
.agf-toc li{margin:.3rem 0}
.agf-toc a{color:#334155}
.dark .agf-toc a{color:#e2e8f0}
.agf-toc a:hover{color:#F59E0B}

/* ── Araç formları ── */
.agf-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.4rem}
.agf-input,.agf-select{width:100%;background:#f8fafc;border:2px solid #f1f5f9;border-radius:1rem;padding:.85rem 1rem;font-size:1.05rem;font-weight:700;color:#0f172a;outline:none;font-family:inherit;-webkit-appearance:none;appearance:none}
.agf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.4rem}
.dark .agf-input,.dark .agf-select{background-color:#1e293b;border-color:#334155;color:#fff}
.agf-input:focus,.agf-select:focus{border-color:#F59E0B}
.agf-tool-grid{display:grid;gap:1rem}
@media (min-width:640px){.agf-tool-grid{grid-template-columns:1fr 1fr}}
.agf-result{background:#f1f5f9;border-radius:1rem;padding:.9rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.dark .agf-result{background:#1e293b}
.agf-result-gold{background:linear-gradient(135deg,#F59E0B,#B45309)!important;color:#fff;box-shadow:0 10px 25px -10px rgba(245,158,11,.5)}
.agf-result .k{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;opacity:.8}
.agf-result .v{font-size:1.25rem;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}
.agf-help{font-size:11px;color:#94a3b8;margin-top:.4rem;line-height:1.5}
.agf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#0f172a;color:#fff;border:0;border-radius:1rem;padding:.9rem 1.2rem;font-weight:900;font-size:.85rem;cursor:pointer;font-family:inherit}
.dark .agf-btn{background:#fff;color:#0f172a}
.agf-btn:hover{opacity:.9}
[hidden]{display:none!important}

/* ── Banka logoları ve tablosu ── */
.agf-blogo{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-weight:900;letter-spacing:.02em;flex-shrink:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.agf-blogo-img{width:auto;min-width:56px;max-width:120px;padding:3px 8px;border-radius:.5rem;background:#fff;border:1px solid #e2e8f0;box-shadow:none}
.agf-blogo-img img{height:100%;width:auto;max-width:104px;object-fit:contain;display:block}
.dark .agf-blogo-img{border-color:#cbd5e1}
.agf-bank-table td:first-child{white-space:nowrap}
@media (max-width:640px){.agf-bank-table td:first-child{white-space:normal}}

/* ── Performans: bulanık cam efekti yerine opak çubuklar (backdrop-filter masaüstü GPU'sunu yoruyordu) ── */
.agf-solid-bar{background:#fff}
.dark .agf-solid-bar{background:#0f172a}
.agf-loader-bg{background:rgba(255,255,255,.7)}
.dark .agf-loader-bg{background:rgba(15,23,42,.7)}

/* ── Taşma güvenliği: grid hücreleri içeriğinden (geniş tablo vb.) dolayı ekrandan taşamaz ── */
.grid > *{min-width:0}
main{overflow-x:clip}
.glass-card,article{max-width:100%}

/* ── Mobil: yeni tablolar tek ekrana sığsın (yatay kaydırma gerekmesin) ── */
@media (max-width:640px){
  .agf-sum-table th,.agf-sum-table td{padding:.5rem .35rem;font-size:.72rem;white-space:nowrap!important}
  .agf-sum-table th:first-child,.agf-sum-table td:first-child{padding-left:.75rem;position:sticky;left:0;z-index:1;background:#fff}
  .agf-sum-table th:first-child{background:#f8fafc}
  .dark .agf-sum-table td:first-child{background:#0f172a}
  .dark .agf-sum-table th:first-child{background:#1e293b}
  .agf-sum-table th:nth-child(3),.agf-sum-table td:nth-child(3){display:none}
  .agf-sum-table i{display:none}
  .agf-change-table th,.agf-change-table td{padding:.55rem .45rem;font-size:.76rem}
  .agf-change-table th:nth-child(2),.agf-change-table td:nth-child(2){display:none}
  .agf-bank-table th,.agf-bank-table td{padding:.5rem .35rem;font-size:.76rem}
  .agf-bank-table th:first-child,.agf-bank-table td:first-child{position:sticky;left:0;z-index:1;background:#fff}
  .agf-bank-table th:first-child{background:#f8fafc}
  .dark .agf-bank-table td:first-child{background:#0f172a}
  .dark .agf-bank-table th:first-child{background:#1e293b}
  .agf-bank-table td:first-child{padding-left:.5rem}
  .agf-bank-table td:first-child > span{gap:.3rem}
  .agf-bank-table td:first-child .text-\[10px\]{display:none}
  .agf-bank-table th:nth-child(4),.agf-bank-table td:nth-child(4){display:none}
  .agf-bank-table i{display:none}
  .agf-blogo-img{min-width:40px;max-width:62px;padding:2px 4px;height:20px!important}
  .agf-blogo-img img{max-width:54px}
}

/* ── Yardımcılar (derlenmiş Tailwind'de bulunmayan utility sınıfları) ── */
.agf-up{color:#10B981}.agf-down{color:#EF4444}
.w-12{width:3rem}.h-12{height:3rem}.w-4{width:1rem}
.text-emerald-600{color:#059669}
.items-end{align-items:flex-end}
.mt-5{margin-top:1.25rem}
.p-2\.5{padding:.625rem}
.pt-1{padding-top:.25rem}
.pt-6{padding-top:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
@media (min-width:768px){.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width:1024px){.lg\:hidden{display:none}}