/* MeritocraAI - custom.css
   Design-system lives in _theme.css. This file holds only a few minor
   overrides or legacy rules kept for backwards compatibility. */

/* Legacy news-card-grid classes (not used by the current list view, but kept
   in case any third-party component references them). */
.news-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.2rem;
}

/* Verification dot used in card meta (class-based variant). */
.verification-badge {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
}
.verification-badge.high   { background: var(--m-success); }
.verification-badge.medium { background: var(--m-warning); }
.verification-badge.low    { background: var(--m-danger); }
.verification-badge.none   { background: var(--m-text-dim); }

/* Disable pointer events on cards while loading */
._dash-loading .news-card-grid,
._dash-loading .alth3-list {
    pointer-events: none;
    opacity: 0.4;
    transition: opacity 0.2s ease;
}