/* ============================================================ bloo.Cards — Layout: Linear (LinkedIn-like clinical white + violet) Activated when Overrides the Studio default visual style. ============================================================ */ body[data-layout="linear"] { background: #ffffff !important; color: #0a0a0f !important; font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif !important; } body[data-layout="linear"] .card-container, body[data-layout="linear"] .card-inner, body[data-layout="linear"] .modules-section, body[data-layout="linear"] .modules-page-wrap, body[data-layout="linear"] .modules-page { background: transparent !important; } body[data-layout="linear"] .card-inner { background: #ffffff !important; border: 1px solid #ececf2 !important; box-shadow: 0 1px 3px rgba(10, 10, 15, 0.04) !important; } body[data-layout="linear"] .card-inner::before { display: none !important; } /* Avatar — round, soft coral */ body[data-layout="linear"] .card-avatar-frame { background: #e89a8e !important; box-shadow: 0 0 0 3px #ffffff, 0 4px 14px rgba(124, 92, 252, 0.15) !important; } /* Typography */ body[data-layout="linear"] .card-name, body[data-layout="linear"] h1, body[data-layout="linear"] h2 { color: #0a0a0f !important; font-family: 'Space Grotesk', system-ui, sans-serif !important; font-weight: 600 !important; letter-spacing: -0.015em !important; } body[data-layout="linear"] .card-name::after { background: #7c5cfc !important; } body[data-layout="linear"] .card-company, body[data-layout="linear"] .card-name + p { color: rgba(10, 10, 15, 0.62) !important; font-family: 'Space Grotesk', sans-serif !important; } /* Module tiles — clean white cards with violet accent */ body[data-layout="linear"] .mod-btn, body[data-layout="linear"] [class*="tile"] { background: #ffffff !important; border: 1px solid #ececf2 !important; border-radius: 9px !important; color: #0a0a0f !important; font-family: 'Space Grotesk', sans-serif !important; transition: border-color 0.15s ease, box-shadow 0.15s ease !important; } body[data-layout="linear"] .mod-btn:hover { border-color: #7c5cfc !important; box-shadow: 0 0 0 3px rgba(124, 92, 252, 0.08) !important; } body[data-layout="linear"] .mod-btn i, body[data-layout="linear"] [class*="tile"] i { color: #7c5cfc !important; } body[data-layout="linear"] .mod-disabled { opacity: 0.4 !important; } /* Carousel dots */ body[data-layout="linear"] .carousel-dot { background: #ececf2 !important; } body[data-layout="linear"] .carousel-dot.active { background: #7c5cfc !important; } /* Footer */ body[data-layout="linear"] .card-footer { background: transparent !important; border-top: 1px solid #ececf2 !important; } body[data-layout="linear"] .card-footer-logo { color: #0a0a0f !important; font-family: 'Space Grotesk', sans-serif !important; } body[data-layout="linear"] .card-footer-logo .f-accent { color: #7c5cfc !important; } /* CTA buttons */ body[data-layout="linear"] .contact-actions a, body[data-layout="linear"] .contact-actions button { background: #7c5cfc !important; color: #ffffff !important; border: none !important; border-radius: 9px !important; font-family: 'Space Grotesk', sans-serif !important; font-weight: 600 !important; }