body { background-color: #0f1117; color: #e5e7eb; }
.text-subtle { color: #8b92a5; }

.settings-card { background: #111827; border: 1px solid #1f2933; border-radius: 12px; padding: 25px; height: 100%; }
.section-title { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }

.form-label-custom { font-size: 13px; color: #8b92a5; margin-bottom: 6px; display: block; }
.form-select-custom, .form-control-custom { 
            background-color: #0b0d12; 
            color: #fff; 
            border: 1px solid #1f2933; 
            border-radius: 8px; 
            padding: 10px 15px; 
            padding-right: 35px; /* Отодвигает стрелочку от правого края */
            font-size: 14px; 
            width: 100%; 
            transition: 0.2s;
            appearance: auto; /* Возвращает нативную красивую стрелочку браузера */
            -moz-appearance: none;
            -webkit-appearance: none;
        }
        
        /* Рисуем свою красивую SVG стрелочку поверх системной */
        .form-select-custom {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238b92a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 15px center; /* Отступ стрелочки от правого края */
            background-size: 12px 12px;
        }
.form-select-custom:focus, .form-control-custom:focus { 
    border-color: #86ab2c; outline: none; background-color: #0b0d12; color: #fff; box-shadow: 0 0 0 3px rgba(134, 171, 44, 0.1); 
}

.btn-save { background-color: #86ab2c; color: #fff; border: none; padding: 10px 20px; border-radius: 8px; font-weight: 500; transition: 0.2s; width: 100%; }
.btn-save:hover { background-color: #769a24; }
.btn-save:disabled { background-color: #2a3441; color: #8b92a5; cursor: not-allowed; }

.empty-state { background-color: #0b0d12; border: 1px dashed #1f2933; border-radius: 12px; padding: 60px 20px; text-align: center; }
.empty-icon { font-size: 50px; color: #2a3441; margin-bottom: 15px; display: block; }

/* Анимация сохранения */
.save-indicator { font-size: 12px; color: #26a69a; opacity: 0; transition: opacity 0.3s; margin-left: 10px; font-weight: 500; }
.save-indicator.show { opacity: 1; }