/**
 * CloudShop — Stiluri Cont Utilizator
 *
 * Ultima modificare: 2026-02-04 15:00
 * Modificari:
 *   2026-02-04 15:00 — Creare inițială: sidebar cont, tabele comenzi, formulare profil
 */

/* Sidebar nav active */
.cs-card nav .cs-nav-link {
    border-radius: var(--cs-radius-sm);
    padding: var(--cs-space-sm) var(--cs-space-md);
    margin-bottom: 2px;
}

.cs-card nav .cs-nav-link.active {
    background: color-mix(in srgb, var(--cs-color-primary), transparent 90%);
    color: var(--cs-color-primary) !important;
    font-weight: 600;
}

/* Order list items */
.cs-order-item {
    padding: var(--cs-space-lg);
    border: 1px solid var(--cs-color-border-light);
    border-radius: var(--cs-radius-md);
    margin-bottom: var(--cs-space-md);
    transition: all var(--cs-transition);
}

.cs-order-item:hover {
    border-color: var(--cs-color-primary);
    box-shadow: var(--cs-shadow-sm);
}

/* Order status badges */
.cs-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 12px;
    border-radius: var(--cs-radius-full);
    font-size: var(--cs-font-xs);
    font-weight: 600;
}

.cs-status-new {
    background: #dbeafe;
    color: #1e40af;
}

.cs-status-processing {
    background: #fef3c7;
    color: #92400e;
}

.cs-status-delivered {
    background: #d1fae5;
    color: #065f46;
}

.cs-status-cancelled {
    background: #fee2e2;
    color: #991b1b;
}