.ec-status-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.375rem;
    font-weight: 600;
}

.ec-status-badge--sm {
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
}

.ec-status-badge--md {
    padding: 0.25rem 0.625rem;
    font-size: 0.8125rem;
}

.ec-status-badge--success {
    background: #dcfce7;
    color: #166534;
}

.ec-status-badge--warning {
    background: #fef3c7;
    color: #92400e;
}

.ec-status-badge--danger {
    background: #fee2e2;
    color: #991b1b;
}

.ec-status-badge--neutral {
    background: #e2e8f0;
    color: #334155;
}

.ec-status-badge--info {
    background: #e0f2fe;
    color: #075985;
}

.ec-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: 1px solid;
    transition: background-color 0.15s ease;
}

.ec-action-icon--view {
    border-color: #bae6fd;
    background: #f0f9ff;
    color: #075985;
}

.ec-action-icon--view:hover {
    background: #e0f2fe;
}

.ec-action-icon--edit {
    border-color: #fde68a;
    background: #fffbeb;
    color: #78350f;
}

.ec-action-icon--edit:hover {
    background: #fef3c7;
}

.ec-action-icon--delete {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.ec-action-icon--delete:hover {
    background: #fee2e2;
}

.ec-action-icon--mail {
    border-color: #a5f3fc;
    background: #ecfeff;
    color: #155e75;
}

.ec-action-icon--mail:hover {
    background: #cffafe;
}

.ec-action-icon--confirm {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.ec-action-icon--confirm:hover {
    background: #dcfce7;
}

.ec-tab-btn {
    border-radius: var(--ec-radius-sm);
    border: 1px solid var(--ec-border);
    background: var(--ec-card);
    color: var(--ec-text);
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.ec-tab-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.ec-tab-btn--active {
    background: #0f766e;
    border-color: #0f766e;
    color: #ffffff;
}