@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
.medf{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827}
/* FILTER BAR */
.medf__filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin:0 0 16px 0;
  background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.medf-field{display:flex;flex-direction:column;gap:6px;min-width:180px}
.medf-field label{font-size:13px;color:#6b7280;font-family:'Poppins',sans-serif}
.medf-field.grow{flex:1;min-width:220px}
.medf-actions button{padding:10px 18px;border:0;background:#0c4065;color:#fff;border-radius:10px;cursor:pointer;font-weight:700;font-family:'Poppins',sans-serif}
.medf-actions button:hover{filter:brightness(0.95)}
.medf__filters select,.medf__filters input[type="text"]{
  height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:15px;outline:none;font-family:'Poppins',sans-serif}
.medf__filters select:focus,.medf__filters input[type="text"]:focus{border-color:#0c4065;box-shadow:0 0 0 3px rgba(12,64,101,.15)}

/* GRID: 3 columns on desktop */
.medf__grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}
@media (min-width:640px){.medf__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.medf__grid{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* CARDS */
.medf-card{border:1px solid #e6e6e6;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.02)}
.medf-title{font-size:16px;margin:0 0 8px 0;color:#0b2538;font-weight:700;font-family:'Poppins',sans-serif}
.medf-meta,.medf-info{font-size:14px;line-height:1.45}
.medf-line strong{margin-right:6px;font-weight:700;font-family:'Poppins',sans-serif}
.medf-loading{padding:16px}

/* Summary line */
#medf-summary{margin:4px 0 12px 0;font-size:14px;color:#374151;font-family:'Poppins',sans-serif}

/* Force each line on a new row (prevents Instagram sitting beside WhatsApp when WA is empty) */
.medf-meta, .medf-info{display:grid;grid-template-columns:1fr;row-gap:4px}
.medf-line{display:block;width:100%}