:root {
    --accent-color: #0e2662;
    --bg-color: #131313;
    --card-color: #1f1f1f;
    --text-color: #f1f1f1;
    --input-bg: #2b2b2b;
    --input-border: #333;
}

#ajanlatkero-wrap { max-width: 700px; margin: 40px auto; padding: 20px; color: var(--text-color); font-family: sans-serif; }
.card { background: var(--card-color); border-radius: 14px; padding: 20px; margin-bottom: 20px; box-shadow: 0 6px 18px rgba(0,0,0,0.5); position: relative; }

.white-title, .model-card h4 { color: #fff !important; margin-top: 0; }

.upload-zone {
    border: 2px dashed #444;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    background: #2b2b2b;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom: 12px;
}
.upload-zone:hover, .upload-zone.drag-over { border-color: var(--accent-color); background: #333; }
.upload-zone.has-file { border-color: #28a745; border-style: solid; }
.upload-icon { font-size: 28px; margin-bottom: 8px; }
.upload-text { font-size: 13px; color: #aaa; margin: 0; }

label { display: block; font-size: 13px; margin-bottom: 6px; color: #aaa; }
input[type=text], input[type=email], input[type=number], textarea {
    padding: 10px; border-radius: 8px; border: 1px solid var(--input-border); width: 100%; background: var(--input-bg); color: #fff; margin-bottom: 12px; box-sizing: border-box;
}

/* Küldés gomb javított színe */
button.btn { 
    background: var(--accent-color); 
    color: #ffffff !important; /* Kényszerített fehér szöveg */
    padding: 12px 20px; 
    border-radius: 10px; 
    border: 0; 
    cursor: pointer; 
    font-weight: 700; 
    width: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 10px; 
    text-transform: none;
}
button.btn .btn-text { color: #ffffff !important; } /* Progress alatt is fehér marad */
button.btn:hover { background: #14368a; }
button.btn:disabled { opacity: 0.8; cursor: not-allowed; }

.model-buttons { display: flex; gap: 10px; margin: 20px 0; }
.remove-model { position: absolute; top: 10px; right: 14px; cursor: pointer; color: #ff5c5c; font-weight: bold; }

.radio-group { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.radio-group input { display: none; }
.radio-group label { background: var(--input-bg); padding: 6px 12px; border-radius: 6px; cursor: pointer; border: 1px solid var(--input-border); font-size: 13px; }
.radio-group input:checked + label { background: var(--accent-color); border-color: var(--accent-color); color: #fff; }

.disabled-label { opacity: 0.2; cursor: not-allowed !important; }

.spinner { width: 18px; height: 18px; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }