/* =============================================
   Generic Tab Content
   Shared visibility rules for tab panels
   ============================================= */

.app-tab-content,
.sets-tab-content,
.sim-tab-content {
    display: none;
}

.app-tab-content.active,
.sets-tab-content.active,
.sim-tab-content.active {
    display: block;
}

/* Generic panel container/title used inside tab content */
.app-tab-panel,
.character-simdata-section {
    padding: 2rem;
    background: linear-gradient(145deg, var(--bg-surface-1), var(--bg-surface-2));
    border-radius: 12px;
    border: 1px solid var(--border-subtle);
    margin-bottom: 2rem;
}

.app-panel-title,
.character-section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1rem 0;
    padding: 0 0 0.75rem;
    border-bottom: 2px solid var(--border-subtle);
    position: relative;
}

.app-panel-title::after,
.character-section-title::after {
    content: "";
    display: block;
    width: 3.5rem;
    margin-top: 0.5rem;
    border-bottom: 2px solid var(--color-tab);
}