/* ============================================================================
 * MelóPont — egységes kártya-lekerekítés (CARD-RADIUS-01, 2026.10.03)
 *
 * EGY helyen: minden kártya és felugró ablak lekerekítése --mp-card-radius (16px),
 * az új dizájn szerint. A régi (8–14px) és a túl kerek (18–28px) kártyák is ide igazodnak.
 * Betölti: melopont-style.css (@import) — és közvetlenül a profile.html (az nem tölti be a közös lapot).
 * Az !important szándékos: ez az egyetlen igazságforrás, felülír minden régi, oldal-szintű
 * vagy mobilos lekerekítést. Új kártyatípust ide vegyél fel.
 * Méri: scripts/ui-check/ui_audit.py — RADIUS szabály (minden fő kártya 16px).
 * ========================================================================== */
:root { --mp-card-radius: 16px; }

/* Kártyák */
.mp-card, .mp-welcome-card, .mp-nextsteps, .mp-js, .mp-doc-card, .mp-auth-card,
.dg-hub, .mp-at-card, .mp-similar-section, .mp-poster-card, .cp-loc-card,
.ip-hero, .ip-faq, .ip-plan, .ip-card, .ip-cta,
.rg-hero, .rg-card,
.cv-box,
.br-person, .br-toolbar, .br-hero, .jb-card, .jb-aicover, .mp-sp-bar, .mp-sp-side,
.mp-ja, .mp-jr, .mp-nw, .mp-jdr-card, .mp-jdr-banner, .mp-rec, .mp-tl, .mp-rdy, .mp-mj-card, .mp-mj-empty,
.mp-br-card, .mp-admin-card, .mp-sc-card, .mp-tk-card, .mp-tk-tile, .mp-lw-card,
.lp-path, .lp-feat, .lp-cta-card, .mp-vs-card,
.cm-card,
.conv-item,
/* Felugró ablakok és panelek */
.mp-modal, .mp-sf, .mp-rd, .cm-dialog, .mp-eje-modal, .crop-modal-content,
.mp-applicants-modal, .mp-review-modal, #mp-ag-panel, .mp-cx-panel, .mp-jr-dlg, .mp-nw-dlg, .mp-nw-pop, .mp-fz-dlg, .mp-2fa-dlg, .mp-iq-dlg, .mp-upd-dlg, .mp-iq-tile, .mp-hint-dlg, .mp-csw-dlg, .mp-csw-opt-card, .mp-sh-dlg, .mp-sh-tile, .mp-oc, .mp-oc-card, .mp-scr-card {
  border-radius: var(--mp-card-radius) !important;
}
/* MELO-FULL-01 (10.14, László: „a Kérdezd Melót ne legyen lekerekítve, mert alul a két sarkánál kilátszik a fehér oldal”):
   telefonon Meló panelje a teljes képernyőt kitölti — ott nincs lekerekítés (asztalon lebegő panel, ott marad a 16 px). */
@media (max-width: 600px) {
  #mp-ag-panel { border-radius: 0 !important; }
}