/* ====== KÉPFELTÖLTŐ BLOKK ====== */
.upload-card{
background:#162735;
border:1px dashed #5c7a8e;
border-radius:10px;
padding:18px;
margin-top:14px;
margin-bottom:18px;
}
.upload-title{ margin:0 0 10px 0; font-weight:600; color:#fff; }
.upload-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

.upload-btn{
display:inline-flex; align-items:center; justify-content:center; gap:.35rem;
padding:.5rem 1rem; font-size:.9rem; border-radius:.375rem;
background:#0d6efd; color:#fff !important; font-weight:600; cursor:pointer;
border:1px solid rgba(13,110,253,.45);
transition: background-color .2s ease, transform .08s ease, box-shadow .2s ease;
box-shadow:0 2px 6px rgba(0,0,0,.25);
}
.upload-btn:hover{ background:#0b5ed7; border-color:#0a58ca; color:#fff !important; box-shadow:0 3px 10px rgba(0,0,0,.28); }
.upload-btn:active{ transform:translateY(1px); }

.icon-folder{ display:inline-flex; align-items:center; justify-content:center; margin-right:.45rem; line-height:1; }
.upload-hint{ color:#cfe4ff; font-size:.85rem; }

.err-msg{
margin-top:10px; padding:8px 10px;
border-left:3px solid #e74c3c; background:#2a0f12; color:#ffd6d1; border-radius:6px;
}
.ok-msg{
margin-top:10px; padding:8px 10px;
border-left:3px solid #2ecc71; background:#0f2a1b; color:#d1ffe8; border-radius:6px;
}

label[for="ok"], .form-label-invert{ color:#fff !important; }
.btn.btn-primary.btn-md{ padding:.5rem 1rem; font-size:.9rem; border-radius:.375rem; }