.sp-tabs-lite { width: 100%; font-family: inherit; }
            .sp-tabs-lite-nav {
                display: flex; gap: 0.25rem;
                border-bottom: 2px solid rgba(128, 128, 128, 0.15);
                margin-bottom: 1.25rem; flex-wrap: wrap; position: relative;
            }
            .sp-tabs-lite-btn {
                display: inline-flex; align-items: center; gap: 0.4rem;
                padding: 0.4rem 0.8rem; border: none; background: transparent;
                color: inherit; cursor: pointer; font: inherit; font-weight: 500;
                font-size: 0.85rem; opacity: 0.5; border-bottom: 2px solid transparent;
                margin-bottom: -2px; transition: all .2s ease; white-space: nowrap; position: relative;
            }
            .sp-tabs-lite-btn:hover:not(.disabled) { opacity: 0.8; color: var(--accent-color, #0073aa); }
            .sp-tabs-lite-btn.active { opacity: 1; color: var(--accent-color, #0073aa); border-bottom-color: var(--accent-color, #0073aa); }
            .sp-tabs-lite-btn.disabled { opacity: 0.3; cursor: not-allowed; }
            .sp-tabs-lite-icon { display: inline-flex; align-items: center; }
            .sp-tabs-lite-icon svg { width: 14px; height: 14px; display: block; }
            .sp-tabs-lite-badge {
                display: inline-flex; align-items: center; justify-content: center;
                min-width: 18px; height: 18px; padding: 0 5px; font-size: 0.65rem;
                font-weight: 600; border-radius: 999px; background: rgba(128, 128, 128, 0.15);
                color: inherit; line-height: 1;
            }
            .sp-tabs-lite-panels { width: 100%; }
            .sp-tabs-lite-panel { animation: sp-tab-lite-fade 0.2s ease; }
            .sp-tabs-lite-panel.active { display: block !important; }
            @keyframes sp-tab-lite-fade {
                from { opacity: 0; transform: translateY(4px); }
                to { opacity: 1; transform: translateY(0); }
            }
            /* PILLS */
            .sp-tabs-lite-pills .sp-tabs-lite-nav { border-bottom: none; gap: 0.5rem; }
            .sp-tabs-lite-pills .sp-tabs-lite-btn {
                border: 1px solid rgba(128, 128, 128, 0.2); border-radius: 999px;
                padding: 0.35rem 1rem; margin-bottom: 0; font-size: 0.8rem; background: transparent;
            }
            .sp-tabs-lite-pills .sp-tabs-lite-btn:hover:not(.disabled) { background: rgba(70, 46, 46, 0.05); opacity: 0.8; }
            .sp-tabs-lite-pills .sp-tabs-lite-btn.active { background: var(--accent-color, #0073aa); color: #fff; border-color: var(--accent-color, #0073aa); opacity: 1; }
            .sp-tabs-lite-pills .sp-tabs-lite-btn.active:hover {color: #4e2121;}
            .sp-tabs-lite-pills .sp-tabs-lite-btn .sp-tabs-lite-badge { background: rgba(255, 255, 255, 0.2); color: inherit; }
            .sp-tabs-lite-pills .sp-tabs-lite-btn.active .sp-tabs-lite-badge { background: rgba(255, 255, 255, 0.25); }
            /* CARDS */
            .sp-tabs-lite-cards .sp-tabs-lite-nav { border-bottom: none; gap: 0.25rem; }
            .sp-tabs-lite-cards .sp-tabs-lite-btn {
                border: 1px solid rgba(128, 128, 128, 0.15); border-radius: 6px 6px 0 0;
                padding: 0.5rem 1rem; margin-bottom: -1px; font-size: 0.85rem; background: rgba(128, 128, 128, 0.03);
            }
            .sp-tabs-lite-cards .sp-tabs-lite-btn:hover:not(.disabled) { background: rgba(128, 128, 128, 0.06); opacity: 0.8; }
            .sp-tabs-lite-cards .sp-tabs-lite-btn.active {
                background: var(--bg-card, #fff); border-color: rgba(128, 128, 128, 0.2);
                border-bottom-color: var(--bg-card, #fff); color: var(--accent-color, #0073aa); opacity: 1;
            }
            .sp-tabs-lite-cards .sp-tabs-lite-panels {
                border: 1px solid rgba(128, 128, 128, 0.15); border-radius: 0 6px 6px 6px;
                padding: 1rem; background: var(--bg-card, #fff);
            }
            /* RESPONSIVE */
            @media (max-width: 600px) {
                .sp-tabs-lite-nav { flex-direction: column; border-bottom: none; margin-bottom: 0.75rem; }
                .sp-tabs-lite-btn { border-bottom: 2px solid transparent !important; padding: 0.4rem 0.6rem; width: 100%; justify-content: flex-start; }
                .sp-tabs-lite-btn.active { border-bottom-color: var(--accent-color, #0073aa) !important; }
                .sp-tabs-lite-pills .sp-tabs-lite-btn,
                .sp-tabs-lite-cards .sp-tabs-lite-btn { border-radius: 6px; border: 1px solid rgba(128, 128, 128, 0.15); width: 100%; justify-content: flex-start; }
                .sp-tabs-lite-pills .sp-tabs-lite-btn.active,
                .sp-tabs-lite-cards .sp-tabs-lite-btn.active { border-color: var(--accent-color, #0073aa); }
                .sp-tabs-lite-cards .sp-tabs-lite-panels { border-radius: 6px; }
                .sp-tabs-lite-pills .sp-tabs-lite-nav { gap: 0.25rem; }
            }