/* Shared status/role pill-badge shell, reused by many context-specific
   badge classes across admin, profile, owner-modal, and walk-status pages. */
.admin-status-badge,
.admin-user-card .admin-role-badge,
.profile-role-badge,
.owner-modal-role-badge,
.owner-modal-status-badge,
.walk-status-badge {
    display: inline-block;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-wide);
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: var(--radius-pill);
}

/* green / positive */
.admin-status-active,
.admin-user-card .role-walker,
.profile-role-walker,
.owner-modal-role-walker,
.owner-status-active,
.walk-status-completed { background-color: #e8f5f0; color: #1a7a54; }

/* red / negative */
.admin-status-inactive,
.owner-status-inactive,
.walk-status-declined { background-color: #fce8e8; color: #a03030; }

/* yellow / pending */
.admin-status-pending,
.walk-status-pending { background-color: #fff8e1; color: #b8860b; }

/* blue / info */
.admin-user-card .role-user,
.profile-role-user,
.owner-modal-role-user,
.walk-status-accepted { background-color: #e8f4fd; color: #1a6fa3; }

/* orange / brand (admin role) */
.admin-user-card .role-admin,
.profile-role-admin,
.owner-modal-role-admin { background-color: #fdf0e8; color: var(--color-primary); }