/* =====================================
   Inbox UI
===================================== */

.eb-inbox-item {
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--eb-border-default);
    transition: background 0.2s ease-in-out;
}

.eb-inbox-item:hover {
    background-color: var(--eb-inbox-hover-bg);
}

.eb-inbox-badge {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid var(--eb-border-default);
    background: var(--eb-inbox-badge-bg);
    color: var(--eb-inbox-badge-text);
}

.eb-inbox-badge--system {
    background: var(--eb-info-100);
    color: var(--eb-info-700);
}

.eb-inbox-badge--admin {
    background: var(--eb-primary-100);
    color: var(--eb-primary-700);
}

.eb-inbox-badge--support {
    background: var(--eb-warning-100);
    color: var(--eb-warning-700);
}

.eb-inbox-badge--buyer {
    background: var(--eb-inbox-badge-buyer-bg);
    color: var(--eb-inbox-badge-buyer-text);
}

.eb-inbox-badge--seller {
    background: var(--eb-inbox-badge-seller-bg);
    color: var(--eb-inbox-badge-seller-text);
}