/* ============================================================================
   Aurora cohesion — make the liquid-glass card treatment consistent across the
   WHOLE app, not just the home dashboard. Gated to html[data-theme="aurora"], so
   midnight/daylight (solid cards) are untouched. The ambient aurora wash stays
   the home dashboard's signature; this lifts the glass *cards* everywhere.

   The app has no single card primitive (each surface uses its own class), so we
   target the union of the major content-panel classes. Small stat tiles
   (.stat-card / .rankings-stat-card) are intentionally excluded — glass on tiny
   tiles reads as noise. Loaded after dashboard.css. See audit-2026-06-10 memory.
   ============================================================================ */

html[data-theme="aurora"] article.content :is(
    .dashboard-card,
    .team-section,
    .ta-panel,
    .tb-panel,
    .trade-card,
    .history-panel,
    .auction-grid-shell,
    .auction-history-shell
) {
    background: linear-gradient(150deg,
        color-mix(in srgb, var(--surface-3) 60%, transparent),
        color-mix(in srgb, var(--surface-1) 52%, transparent) 60%,
        color-mix(in srgb, var(--surface-0) 48%, transparent)) !important;
    backdrop-filter: blur(30px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: var(--radius-2xl) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent),
        0 22px 50px -30px rgba(0, 0, 0, 0.8) !important;
}

/* .team-section was only a border-bottom divider; as a glass card it needs a
   little inset breathing room so the grid doesn't touch the rounded edge. */
html[data-theme="aurora"] article.content .team-section {
    margin-bottom: 16px !important;
    padding: 4px 6px !important;
    border-bottom: none !important;
}