.rx-container { max-width: 1000px; margin: 10px auto 30px; padding: 16px; border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(0,0,0,.05); }
.rx-header { display:flex; align-items:center; gap:14px; margin-bottom: 10px; }
.rx-logo { width:72px; height:auto; object-fit:contain; filter: drop-shadow(0 2px 3px rgba(0,0,0,.2)); }
.rx-title h2 { margin:0; font-weight:600; }
.rx-sub { margin:.2rem 0 0; color:#666; }

.rx-form { display:flex; flex-direction:column; gap:10px; }
.rx-row { display:flex; gap:10px; flex-wrap:wrap; }
.rx-form input, .rx-form select { padding:10px 12px; border:1px solid #d3d8e0; border-radius:8px; flex:1 1 230px; font-size:15px; }
.rx-btn-primary { background:#ff7a1a; color:#fff; border:none; padding:10px 14px; border-radius:8px; cursor:pointer; font-weight:600; }
.rx-btn-primary:hover { background:#e36f19; }
.rx-btn-secondary { background:#f1f3f5; border:1px solid #d3d8e0; color:#222; padding:9px 12px; border-radius:8px; text-decoration:none; display:inline-block; cursor:pointer; }
.rx-actions { display:flex; gap:8px; align-items:center; }

.rx-adv-toggle { align-self:flex-start; background:transparent; border:none; color:#0b65c2; font-weight:600; cursor:pointer; padding:4px 0; }
.rx-adv { background:#fafbfc; border:1px dashed #e5e7eb; padding:10px; border-radius:10px; }

/* Vacature import section */
.rx-vacature-import h4 { color: #0073aa; }
.rx-vacature-import select { min-width: 250px; }

/* Result selection */
.rx-select { margin-right:8px; }
.rx-result-tools { margin:8px 0; }
.rx-exportbar { margin:10px 0 0; }

.rx-hint { color:#666; font-style:italic; }

/* Enhanced fields styling */
.rx-form input[name="industry"], 
.rx-form input[name="seniority"], 
.rx-form input[name="department"] {
    border-left: 3px solid #0073aa;
}

.rx-form select[name="distance"] {
    border-left: 3px solid #00a32a;
    min-width: 120px;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .rx-row { flex-direction: column; }
    .rx-form input, .rx-form select { flex: 1 1 auto; }
    .rx-vacature-import { text-align: center; }
    .rx-vacature-import select { width: 100%; margin-bottom: 10px; }
}