/* =========================================================
   TABS
   ========================================================= */

.tabs {
    display: flex;
    gap: 10px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 20px;
}

.tab {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 14px 14px 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    color: var(--text-light);
    transition: var(--transition);
}

    .tab:hover {
        background: #f8fafc;
    }

    .tab.active {
        background: white;
        color: var(--primary);
        border: 1px solid var(--border);
        border-bottom: none;
    }