/* Originator Theme - Purple */
:root {
    --originator-primary: #a855f7;
    --originator-primary-rgb: 168, 85, 247;
    --originator-dark: #7c3aed;
    --originator-light: rgba(168, 85, 247, 0.15);
}

/* ========================================
   ROLE SWITCHER STYLES
   Moved to layout-shared.css for consistency
   ======================================== */

/* Originator-specific role badge icon colors */
.role-badge-icon.investor { background: rgba(59, 130, 246, 0.3); }
.role-badge-icon.entrepreneur { background: rgba(34, 197, 94, 0.3); }
.role-badge-icon.originator { background: rgba(168, 85, 247, 0.3); }
.role-badge-icon.partner { background: rgba(251, 191, 36, 0.3); }

/* ========================================
   PAGE HEADER & BUTTON STYLES
   ======================================== */
.page-header-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.page-header-flex .btn {
    padding: 0.65rem 1.25rem;
    font-size: 0.875rem;
    white-space: nowrap;
    flex-shrink: 0;
    width: auto;
}

/* Mobile drawer styling lives in layout-shared.css. These rules were global,
   not originator-scoped, and because this file is linked late they overrode
   every other role — the Investor and Ally drawers rendered in this purple. */

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    /* .mobile-menu-toggle / .mobile-nav visibility is handled in layout-shared.css */

    /* Hide desktop header-nav (includes role switcher and nav links) */
    .header-nav {
        display: none;
    }

    /* Hide user avatar on mobile */
    .header-user-name,
    .header-user-avatar {
        display: none;
    }

    .page-header-flex {
        flex-direction: column;
        align-items: stretch;
    }

    .page-header-flex .btn {
        width: 100%;
        text-align: center;
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }

    .hero-title {
        font-size: 1.5rem !important;
    }

    .card-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem;
    }
}