/* Container & bar */
.dfc-wrap{max-width:1100px;margin:0 auto;display:grid;gap:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.dfc-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px}
.dfc-field{display:flex;gap:6px;align-items:center}
.dfc-field input{padding:.65rem .75rem;border:1px solid #ddd;border-radius:.7rem;min-width:260px}
.dfc-field select{padding:.55rem .6rem;border:1px solid #ddd;border-radius:.6rem}
.dfc-primary{padding:.7rem 1rem;border-radius:.7rem;background:#111;color:#fff;border:0}
.dfc-grow{flex:1}

/* Layout: scrollbare resultaten, kaart rekt niets uit */
.dfc-body{display:grid;grid-template-columns:1fr 48%;gap:12px;align-items:start}
#dfc-list{display:grid;gap:8px;max-height:60vh;overflow:auto}
#dfc-map{width:100%;height:60vh;border:1px solid #eee;border-radius:12px;background:#f8f8f8}

/* Cards */
.dfc-card{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;border:1px solid #eee;border-radius:10px;padding:8px;background:#fff;text-decoration:none;color:inherit}
.dfc-card img,.dfc-thumb{width:72px;height:72px;border-radius:10px;object-fit:cover;background:#eee}
.dfc-title{font-weight:600}
.dfc-sub{font-size:.9rem;opacity:.75}
.dfc-link{font-size:.9rem;margin-top:.25rem;color:#111;text-decoration:underline}

/* Notes */
.dfc-note,.dfc-error{padding:.75rem;border-radius:.6rem;border:1px dashed #ddd;background:#fafafa}

/* Responsive */
@media (max-width: 900px){ .dfc-body{grid-template-columns:1fr} #dfc-map{height:50vh} #dfc-list{max-height:none} }