.cf-tab-icon {
    display: inline-flex;
    flex: 0 0 auto;
    margin-right: 0.35rem;
    opacity: 0.9;
}

/* Reduce space between header and tabs */
#tabs-wrapper:has(.cf-underline-tabs) {
    margin-top: -0.75rem;
}

/* Underline tab style */
.cf-underline-tabs > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    font-weight: 500;
    padding: 0.5rem 0.25rem;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: #6b7280;
    transition: color 0.15s, border-color 0.15s;
}

.cf-underline-tabs > a:hover {
    color: #111827;
}

.cf-underline-tabs > a.active {
    color: #111827;
    border-bottom-color: #7c3aed;
}

/* Dark mode */
.dark .cf-underline-tabs > a {
    color: #9ca3af;
}

.dark .cf-underline-tabs > a:hover {
    color: #e5e7eb;
}

.dark .cf-underline-tabs > a.active {
    color: #f3f4f6;
    border-bottom-color: #8b5cf6;
}