/* =========================================================
   Music FM V2 — Card System
   Sharp, magazine-like, almost square.
========================================================= */

.mf-card{position:relative;background:var(--mf-surface);border:1px solid var(--mf-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}
.mf-card:hover{transform:translateY(-2px);border-color:rgba(20,124,255,.26);box-shadow:var(--shadow-sm)}
.mf-card-body{padding:var(--space-20)}
.mf-card-media{position:relative;overflow:hidden;background:var(--mf-primary-soft);border-radius:var(--radius-xs)}
.mf-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .42s var(--ease-out)}
.mf-card:hover .mf-card-media img{transform:scale(1.025)}
.mf-card-title{margin:0;color:var(--mf-text);font-size:var(--text-lg);line-height:1.18;font-weight:950;letter-spacing:-.25px}
.mf-card-desc{margin:8px 0 0;color:var(--mf-muted);font-size:var(--text-md);line-height:1.65;font-weight:600}
.mf-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--mf-muted-2);font-size:var(--text-xs);font-weight:800}
.mf-card-actions{display:flex;align-items:center;gap:10px;margin-top:16px}

/* News / Magazine */
.mf-card-news .mf-card-media{aspect-ratio:16/10}.mf-card-news .mf-card-title{font-size:20px}

/* Song row card */
.mf-card-song{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;background:#fff;border-radius:var(--radius-sm)}
.mf-card-song .mf-card-media{width:72px;height:72px}.mf-card-song .mf-card-body{padding:0;min-width:0}.mf-card-song .mf-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.mf-card-song .mf-card-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;font-size:13px}

/* Artist / Album square cards */
.mf-card-square .mf-card-media{aspect-ratio:1/1}.mf-card-square .mf-card-body{padding:16px}

/* Flat card — for admin/analytics */
.mf-card-flat{box-shadow:none;background:var(--mf-surface-2)}
.mf-card-flat:hover{transform:none;box-shadow:none}