/* Dosya adı: style.css - HER MODDA ÇALIŞAN SABİT TASARIM */

.kd-tool-container {
    /* Arka planı ZORLA beyaz yapıyoruz */
    background-color: #ffffff !important; 
    /* Yazıları ZORLA koyu yapıyoruz */
    color: #2c3e50 !important;
    
    padding: 25px;
    border-radius: 8px;
    /* Hafif bir gölge ve çerçeve ekleyerek koyu temada patlamasını sağlıyoruz */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
    border: 1px solid #e0e0e0;
    
    max-width: 800px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Başlıkları her zaman koyu tut */
.kd-tool-container h2 {
    color: #2c3e50 !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-top: 0;
}

.kd-tool-container p {
    color: #555 !important;
}

.kd-input-group {
    margin-bottom: 20px;
}

.kd-input-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333 !important; /* Etiketler hep siyah */
}

/* Input alanlarını sabitle */
.kd-input-group input, 
.kd-input-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc !important;
    border-radius: 6px;
    font-size: 16px;
    
    /* Input içi her zaman beyaz, yazı siyah */
    background-color: #fff !important; 
    color: #333 !important;
    
    transition: border-color 0.3s;
    box-sizing: border-box;
}

.kd-input-group textarea {
    min-height: 200px;
    resize: vertical;
}

.kd-input-group input:focus, 
.kd-input-group textarea:focus {
    border-color: #3498db !important;
    outline: none;
    box-shadow: 0 0 5px rgba(52, 152, 219, 0.3);
}

/* Sonuç Kutusu - Her zaman açık gri */
.kd-result {
    background-color: #f8f9fa !important;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #eee;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.kd-result.hidden {
    display: none;
}

.kd-metric {
    text-align: center;
    flex: 1;
}

.kd-metric .label {
    display: block;
    font-size: 13px;
    color: #666 !important;
    margin-bottom: 4px;
}

.kd-metric .value {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50 !important;
}

/* Durum Çubuğu Renkleri (Değişmez) */
.kd-status-bar {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    color: white !important; /* Sadece burası beyaz kalmalı */
}

.status-green { background-color: #11d668 !important; }
.status-orange { background-color: #ff9f43 !important; }
.status-red { background-color: #ff4757 !important; }