/* ========================================= */
/* FİNANSAL HESAPLAMALAR ÖZEL TASARIMLARI    */
/* ========================================= */

/* Finansal Giriş Alanı */
.loan-form { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); margin-bottom: 25px; max-width: 800px; margin-left: auto; margin-right: auto; transition: background-color 0.4s, box-shadow 0.4s; }
.input-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; }
.form-group label { display: block; font-weight: bold; color: #7f8c8d; margin-bottom: 8px; font-size: 14px; }
.form-control { width: 100%; padding: 12px; border: 2px solid #bdc3c7; border-radius: 8px; font-size: 16px; outline: none; transition: 0.3s; box-sizing: border-box; }
.form-control:focus { border-color: #3498db; }

.btn-calc { width: 100%; padding: 15px; background: #3498db; color: white; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.btn-calc:hover { background: #2980b9; transform: translateY(-2px); }

/* Özet Kutuları */
.summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 25px; display: none; }
.summary-item { background: #e8f4f8; padding: 20px; border-radius: 8px; text-align: center; border: 1px solid #d1eaf5; transition: 0.4s;}
.sum-title { font-size: 12px; font-weight: bold; color: #7f8c8d; text-transform: uppercase; margin-bottom: 5px; }
.sum-val { font-size: 20px; font-weight: bold; color: #2c3e50; transition: 0.4s;}

/* Ödeme Planı Tablosu */
.table-container { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.05); display: none; margin-bottom: 20px; transition: 0.4s;}
table { width: 100%; border-collapse: collapse; }
th { background: #3498db; color: white; padding: 15px; text-align: left; }
td { padding: 12px 15px; border-bottom: 1px solid #ecf0f1; color: #2c3e50; transition: 0.4s;}
tr:nth-child(even) td { background: #f9f9f9; }

.pdf-btn { width: 100%; background: #27ae60; color: white; padding: 15px; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; display: none; transition: 0.3s; }
.pdf-btn:hover { background: #2ecc71; }

/* ========================================= */
/* FİNANS SAYFASI KARANLIK TEMA KODLARI      */
/* ========================================= */
html.dark-mode .loan-form, html.dark-mode .table-container { background-color: #1e1e1e; box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
html.dark-mode .form-control { background-color: #121212; color: #f1f1f1; border-color: #444; }
html.dark-mode .form-control:focus { border-color: #3498db; }
html.dark-mode .summary-item { background-color: #1f2a36; border-color: #2c3e50; }
html.dark-mode .sum-val { color: #f1f1f1; }
html.dark-mode td { color: #ecf0f1; border-color: #333; }
html.dark-mode tr:nth-child(even) td { background-color: #252525 !important; }

/* ========================================= */
/* FİNANS SAYFASI MOBİL UYUMLULUK            */
/* ========================================= */
@media (max-width: 800px) {
    .input-grid, .summary-grid { grid-template-columns: 1fr; }
}