/* Status pill — replaces the per-page .x-index .badge-active/.badge-deleted blocks
   (Phase 2+). Exact hues kept so adoption is a visual no-op. See docs/css-refactoring.md §8. */
.w5-badge {
    display: inline-block;
    padding: .2em .55em;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .03em;
    border-radius: 3px;
}

.w5-badge--active {
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.w5-badge--deleted {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* Domain badges promoted from page-local overrides (Phase 2). ee badge-empty ≡ --deleted
   and badge-accepted ≡ --active (identical hues) → those reuse the modifiers above;
   only --pending is new. houses adds --enabled / --disabled. */
.w5-badge--pending {
    background: #fef3c7;
    color: #d97706;
    border: 1px solid #fde68a;
}

.w5-badge--enabled {
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
}

.w5-badge--disabled {
    background: #f5f5f4;
    color: #78716c;
    border: 1px solid #d6d3d1;
}

/* Referred (IDEA-100): the record is waiting on a second party, not on its owner and not on the
   primary reviewer. Distinct from --enabled (blue) and --pending (amber), both of which already
   mean something the EA proposal grid needs to keep saying. */
.w5-badge--referred {
    background: var(--badge-referred-bg);
    color: var(--badge-referred-fg);
    border: 1px solid var(--badge-referred-border);
}

/* Filtered flag (IDEA-085). Not a record status like the pills above — a page-level "you are not
   seeing everything" marker — but it reuses the pill geometry, so it lives here as a modifier.
   Amber on parchment, deliberately deeper than --pending so the two do not read as one state.
   #92400e is 7.1:1 on white and 6.4:1 on its own background, both clear of WCAG AA. */
.w5-badge--filtered {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}