/* Admin-specific overrides (shared base.css loaded via symlink) */

@layer reset {
    /* Admin page components — make custom elements block-level */
    company-intel-page,
    position-brief-page,
    simulation-story-page,
    talent-management-page,
    create-position-page,
    new-company-page {
        display: block;
    }

    /* Horizontal padding for workspace pages inside main */
    #main-content:has(company-intel-page),
    #main-content:has(position-brief-page),
    #main-content:has(simulation-story-page),
    #main-content:has(talent-management-page),
    #main-content:has(create-position-page),
    #main-content:has(new-company-page) {
        padding-inline: clamp(1rem, 4vw, 3rem);
    }
}

@layer base {
    p + p {
        margin-block-start: var(--space-sm);
    }

    li + li {
        margin-block-start: var(--space-xs);
    }
}

@layer theme {
    /* Title accent bars — full-width variant for admin pages */
    .company-title h2,
    .brief-header h2,
    .story-title,
    .dialog-header h2,
    .section-header h3,
    .insight-card .label,
    .evaluation-detail-page .detail-card h2 {
        position: relative;
        width: fit-content;
        padding-block-end: var(--space-sm);
        margin-block-end: var(--space-md);

        &::after {
            content: '';
            position: absolute;
            inset-inline-start: 0;
            inset-block-end: 0;
            inline-size: 100%;
            block-size: 2px;
            border-radius: 2px;
            background: linear-gradient(90deg, var(--accent-primary), var(--accent-warm));
        }
    }
}