/* StructCanvas enterprise visual system — intentional, restrained, readable. */
:root {
  --bg: #0b0b0d;
  --panel: #111113;
  --panel-2: #151518;
  --panel-3: #1a1a1e;
  --line: rgba(255, 255, 255, .085);
  --line-strong: rgba(255, 255, 255, .15);
  --text: #f4f4f5;
  --muted: #a0a0a7;
  --dim: #6e6e76;
  --violet: #7c6df2;
  --violet-2: #6959df;
  --cyan: #49b8c4;
  --blue: #5e8fe8;
  --green: #4daf7c;
  --amber: #d6a34e;
  --red: #d96872;
  --pink: #be70c9;
  --radius: 10px;
  --shadow: 0 18px 50px rgba(0, 0, 0, .35);
  font-family: "Segoe UI Variable", "Segoe UI", Inter, ui-sans-serif, sans-serif;
}

.svg-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
button { letter-spacing: 0; }
kbd { border-color: rgba(255,255,255,.1); background: #1a1a1e; color: #85858d; box-shadow: none; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 15px; border-color: var(--line-strong); border-radius: 8px; background: #17171a; font-size: 12px; font-weight: 600; box-shadow: none; }
.button.primary { color: #fff; background: #7162e7; border-color: #8274ee; box-shadow: 0 1px 1px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.14); }
.button.primary:hover { background: #7b6cec; box-shadow: 0 6px 20px rgba(94,76,211,.25); }
.button:hover { transform: none; background: #1c1c20; border-color: rgba(255,255,255,.22); }

/* Dashboard */
.dashboard-screen { grid-template-columns: 240px 1fr; background: var(--bg); }
.dash-sidebar { padding: 28px 18px 20px; background: #0e0e10; border-color: var(--line); }
.dash-sidebar > .brand { padding: 0 10px 32px; }
.brand { gap: 12px; font-size: 17px; font-weight: 650; }
.brand-mark { grid-template-columns: repeat(2, 9px); grid-template-rows: repeat(2, 9px); width: 23px; height: 23px; gap: 3px; filter: none; }
.brand-mark i { background: #8172ef; border-radius: 3px; }
.brand-mark i:nth-child(2), .brand-mark i:nth-child(3) { opacity: .62; }
.dash-nav { gap: 4px; }
.nav-item { height: 43px; gap: 12px; padding: 0 12px; border-radius: 8px; color: #93939b; font-size: 13px; font-weight: 500; }
.nav-item .icon { width: 18px; height: 18px; stroke-width: 1.65; }
.nav-item.active { color: #f1f1f3; background: #1a1924; box-shadow: none; }
.nav-item.active .icon { color: #9a8ff1; }
.nav-count { padding: 2px 6px; border-radius: 6px; background: #222226; font-size: 10px; }
.upgrade-card { margin: 0 2px 19px; padding: 17px; border-color: var(--line); border-radius: 10px; background: #15151a; }
.upgrade-card:after { display: none; }
.upgrade-card .spark-icon { background: #232131; color: #9b90ef; }
.upgrade-card strong { font-size: 12px; }
.upgrade-card p { margin: 7px 0 14px; font-size: 10px; line-height: 1.5; }
.upgrade-card button { height: 33px; border-color: #3b3754; background: #211f2e; font-size: 10px; }
.profile-row { grid-template-columns: 36px 1fr auto; padding: 15px 8px 0; }
.profile-row .avatar { width: 34px; height: 34px; }
.profile-row strong { font-size: 11px; }.profile-row small { font-size: 9px; }
.dash-main { background: #0b0b0d; }
.dash-header { max-width: 1200px; padding: 46px 44px 28px; }
.eyebrow { margin-bottom: 10px !important; color: #707078 !important; font-size: 9px !important; letter-spacing: 1.3px; }
.dash-header h1 { font-size: 29px; font-weight: 620; letter-spacing: -.8px; }
.dash-header p { margin-top: 9px; color: #8f8f96; font-size: 13px; }
.header-actions { gap: 9px; }
.icon-button { width: 38px; height: 38px; display: grid; place-items: center; border-color: var(--line); border-radius: 8px; background: #121214; color: #9999a1; }
.icon-button:hover { border-color: var(--line-strong); color: #f0f0f2; }
.icon-button .icon { width: 17px; height: 17px; }
.header-actions .avatar { width: 38px; height: 38px; }

.idea-hero { max-width: 1112px; padding: 40px; border-color: var(--line); border-radius: 12px; background: #121214; box-shadow: none; }
.idea-hero:before, .hero-orb { display: none; }
.idea-copy { max-width: 760px; text-align: left; }
.idea-badge { gap: 8px; color: #9588f2; font-size: 9px; letter-spacing: 1.2px; }
.idea-copy h2 { max-width: 730px; margin: 13px 0 10px; color: #f7f7f8; font-size: 31px; font-weight: 590; letter-spacing: -1px; line-height: 1.13; }
.idea-copy p { color: #93939a; font-size: 13px; line-height: 1.5; }
.idea-composer { max-width: none; margin: 29px 0 0; padding-bottom: 10px; border-color: #303036; border-radius: 10px; background: #0c0c0e; box-shadow: none; }
.idea-composer:focus-within { border-color: #7769e3; box-shadow: 0 0 0 3px rgba(119,105,227,.1); }
.idea-composer textarea { min-height: 74px; padding: 19px 19px 10px; color: #ededee; font-size: 14px; line-height: 1.45; }
.idea-composer textarea::placeholder { color: #65656d; }
.composer-actions { padding: 0 10px; gap: 8px; }
.composer-actions .button { min-height: 36px; padding: 0 14px; font-size: 11px; }
.composer-actions .primary { min-width: 176px; }
.composer-actions .primary .icon { width: 14px; height: 14px; }
.composer-actions .primary .trailing { margin-left: 4px; }
.idea-hint { padding-left: 9px; font-size: 10px; }
.suggestion-row { justify-content: flex-start; margin-top: 15px; gap: 8px; font-size: 10px; }
.suggestion-row button { padding: 6px 10px; border-radius: 7px; background: transparent; font-size: 10px; }
.dashboard-section { max-width: 1112px; margin-top: 31px; }
.section-heading { margin-bottom: 14px; }
.section-heading h3 { font-size: 16px; font-weight: 600; }.section-heading p { margin-top: 5px; font-size: 10px; }.text-button { font-size: 11px; }
.project-grid { grid-template-columns: 1fr 1fr .58fr; gap: 14px; }
.project-card { min-height: 240px; border-radius: 10px; background: #111113; }
.project-card:hover { transform: translateY(-2px); border-color: #38383e; box-shadow: 0 14px 32px rgba(0,0,0,.22); }
.project-card.featured { border-color: #34313f; }
.project-visual { height: 115px; background-color: #151519; background-image: radial-gradient(circle,rgba(255,255,255,.09) .65px,transparent .7px); background-size: 19px 19px; }
.project-info { padding: 15px 16px 13px; }
.project-icon { width: 32px; height: 32px; border-radius: 7px; }.project-icon .icon { width: 16px; height: 16px; }
.project-title-row strong { font-size: 12px; }.project-title-row small { margin-top: 4px; font-size: 9px; }
.progress-meta { margin: 16px 0 7px; font-size: 9px; }
.project-footer { margin-top: 12px; font-size: 9px; }
.new-project-inner strong { font-size: 11px; }.new-project-inner small { font-size: 9px; }
.template-row { gap: 11px; }
.template-card { grid-template-columns: 36px 1fr auto; padding: 12px; border-radius: 9px; background: #111113; }
.template-icon { width: 35px; height: 35px; border-radius: 7px; }.template-icon .icon { width: 16px; height: 16px; }
.template-card strong { font-size: 10px; }.template-card small { margin-top: 4px; font-size: 8px; }

/* Workspace frame */
.workspace-header { flex-basis: 68px; grid-template-columns: minmax(320px,1fr) auto minmax(390px,1fr); padding: 0 18px; background: #0e0e10; box-shadow: none; }
.project-name-wrap { padding-left: 15px; }
.breadcrumb { color: #67676f; font-size: 8px; letter-spacing: .6px; }
.title-line { margin-top: 4px; gap: 10px; }
.title-line input { width: 190px; color: #f0f0f2; font-size: 12px; font-weight: 600; }
.save-state { font-size: 8px; }
.view-tabs { gap: 2px; }
.view-tabs button { display: inline-flex; align-items: center; gap: 7px; padding: 0 12px; color: #85858d; font-size: 11px; font-weight: 520; }
.view-tabs button .icon { width: 15px; height: 15px; color: inherit; }
.view-tabs button:after { left: 11px; right: 11px; height: 2px; }
.view-tabs button.active { color: #f0f0f2; }.view-tabs button.active .icon { color: #9689f0; }
.top-action { height: 34px; border-radius: 8px; background: #151518; }
.search-action { gap: 15px; padding: 0 8px 0 11px; }.search-action .icon { width: 15px; height: 15px; }
.compact-button { min-height: 34px; height: 34px; padding: 0 12px; font-size: 10px; }.compact-button .icon { width: 14px; height: 14px; }
.generate-plan-button { padding: 0 15px; }
.workspace-body { grid-template-columns: 60px minmax(0,1fr) 340px; }
.node-toolbar { gap: 7px; padding: 14px 9px 11px; background: #0e0e10; }
.tool-button { width: 40px; height: 40px; border-radius: 8px; color: #85858d; }
.tool-button .icon { width: 18px; height: 18px; stroke-width: 1.6; }
.tool-button:hover { border-color: var(--line); background: #18181c; color: #ededee; }
.tool-button.active { border-color: #39354e; background: #211f2e; color: #a99ff3; }
.node-tools .tool-button:before { left: 3px; height: 13px; }
.toolbar-divider { width: 25px; margin: 4px 0; }

/* Graph workspace */
.node-canvas { background-color: #0d0d0f; background-image: linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px); background-size: 40px 40px; }
.canvas-vignette { box-shadow: none; }
.canvas-top-left { top: 17px; left: 18px; gap: 8px; }
.canvas-pill, .canvas-icon-pill { height: 35px; border-color: var(--line); border-radius: 8px; background: rgba(20,20,23,.94); color: #a2a2a9; box-shadow: 0 3px 12px rgba(0,0,0,.2); font-size: 10px; }
.canvas-pill { display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; }.canvas-pill .icon { width: 14px; height: 14px; color: #9a8ff1; }.canvas-pill kbd { margin-left: 5px; }
.canvas-icon-pill { width: 35px; display: grid; place-items: center; }.canvas-icon-pill .icon { width: 15px; height: 15px; }
.selection-summary { gap: 6px; font-size: 9px; }.selection-summary b { font-size: 9px; }
.graph-node { width: 228px; min-height: 110px; border-color: #303037; border-radius: 9px; background: #17171a; box-shadow: 0 8px 22px rgba(0,0,0,.28); transition: border-color .14s, box-shadow .14s, transform .14s; }
.graph-node:hover { transform: translateY(-1px); border-color: #47474f; box-shadow: 0 12px 26px rgba(0,0,0,.32); }
.graph-node.selected { border-color: var(--node-color,#7c6df2); box-shadow: 0 0 0 2px color-mix(in srgb,var(--node-color,#7c6df2) 18%,transparent),0 12px 28px rgba(0,0,0,.35); }
.graph-node:before { top: 15px; bottom: 15px; width: 2px; box-shadow: none; }
.graph-node.type-idea { width: 244px; min-height: 118px; background: #1b1922; }
.graph-node.type-note { background: #1c1a14; }
.node-head { gap: 9px; padding: 12px 13px 10px; }
.node-icon { width: 25px; height: 25px; flex-basis: 25px; border-radius: 6px; font-size: 11px; }
.node-type-label { color: #85858d; font-size: 8px; letter-spacing: .9px; }
.node-menu-button { color: #6e6e75; }
.node-body { padding: 11px 13px 12px; }
.node-body h4 { margin-bottom: 8px; font-size: 13px; font-weight: 610; }
.node-body p { margin-bottom: 11px; color: #8c8c94; font-size: 9px; line-height: 1.5; }
.node-chip { padding: 4px 7px; border-radius: 6px; color: #909098; font-size: 8px; }
.node-metric { font-size: 8px; }
.node-progress { height: 3px; margin-top: 10px; }
.node-port { width: 12px; height: 12px; margin-top: -6px; border-color: #17171a; }
.connections .edge { stroke: #44444e; stroke-width: 1.6; opacity: .9; }
.connections g.edge-group:hover .edge { stroke: #8b80e4; }
.onboarding-tip { top: 87px; max-width: 370px; grid-template-columns: 29px auto auto; padding: 10px 12px; border-color: #38334f; border-radius: 9px; background: #191820; }
.onboarding-tip > span { width: 27px; height: 27px; font-size: 9px; }.onboarding-tip p { font-size: 8px; }.onboarding-tip p b { margin-bottom: 2px; font-size: 9px; }.onboarding-tip button { font-size: 8px; }
.onboarding-tip > span .icon { width: 14px; height: 14px; }
.canvas-bottom-left { left: 18px; bottom: 16px; }
.zoom-controls { border-radius: 8px; background: #151518; }.zoom-controls button { height: 33px; min-width: 32px; font-size: 12px; }.zoom-controls #zoom-value { min-width: 48px; font-size: 9px; }
.shortcut-hint { font-size: 8px; }
.health-badge { bottom: 16px; min-width: 205px; height: 48px; grid-template-columns: 34px auto 12px; padding: 0 11px; border-color: #254637; border-radius: 9px; background: #141817; }
.health-ring { width: 32px; height: 32px; }.health-ring:before { width: 25px; height: 25px; background: #141817; }.health-ring i { font-size: 8px; }.health-badge small { font-size: 6px; }.health-badge strong { margin-top: 4px; font-size: 9px; }
.minimap { right: 17px; bottom: 16px; width: 128px; height: 80px; border-radius: 8px; background: rgba(20,20,23,.95); }

/* Inspector */
.inspector { background: #111113; }
.inspector-header { flex-basis: 64px; padding: 0 16px; }
.inspector-header > div { gap: 11px; }
.inspector-type-icon { width: 32px; height: 32px; flex-basis: 32px; border-radius: 7px; }
.inspector-header small { font-size: 8px; }.inspector-header strong { max-width: 220px; margin-top: 4px; font-size: 11px; }
.inspector-scroll { padding: 18px 16px 24px; }
.field-group { margin-bottom: 15px; }
.field-group label { margin: 0 0 7px 1px; color: #8a8a92; font-size: 9px; }
.field-group input, .field-group textarea, .field-group select { border-color: #2e2e34; border-radius: 8px; background: #17171a; color: #e1e1e4; font-size: 11px; }
.field-group input, .field-group select { height: 38px; padding: 0 11px; }
.field-group textarea { min-height: 84px; padding: 10px 11px; }
.field-row { gap: 10px; }
.section-label, .linked-heading { margin: 7px 1px 10px; color: #75757d; font-size: 8px; }
.section-label button { font-size: 9px; }
.dependency-list, .linked-list { gap: 7px; }
.dependency-item, .linked-item { grid-template-columns: 29px 1fr auto; gap: 9px; padding: 9px; border-radius: 8px; background: #161619; }
.dependency-item > span:first-child, .linked-item > span:first-child { width: 27px; height: 27px; }
.dependency-item strong, .linked-item strong { font-size: 9px; }.dependency-item small, .linked-item small { margin-top: 3px; font-size: 8px; }
.ai-suggestion-card { margin: 19px 0; padding: 13px; border-color: #38334f; border-radius: 9px; background: #18171f; }
.ai-card-head { grid-template-columns: 30px 1fr auto; }.ai-spark { width: 29px; height: 29px; }.ai-spark .icon { width: 15px; height: 15px; }.ai-card-head strong { font-size: 9px; }.ai-card-head small { font-size: 8px; }
.ai-suggestion-card p { margin: 12px 0; font-size: 9px; line-height: 1.55; }
.suggestion-actions button { height: 31px; border-radius: 7px; font-size: 8px; }
.inspector-footer { flex-basis: 53px; gap: 8px; padding: 9px; }.inspector-footer button { font-size: 9px; }

/* Generated views */
.alt-view { padding: 40px 42px 80px; background: #0d0d0f; }
.view-shell { max-width: 1100px; }
.view-heading { margin-bottom: 31px; }
.view-heading h2 { margin: 6px 0 8px; font-size: 29px; font-weight: 600; }.view-heading p { font-size: 11px; }
.view-heading .button { font-size: 10px; }
.summary-banner { margin-bottom: 20px; border-radius: 10px; }.summary-banner > div { padding: 20px; background: #151518; }.summary-banner > div:first-child { background: #17171c; }.summary-banner small { font-size: 8px; }.summary-banner strong { margin-top: 8px; font-size: 15px; }.summary-banner p { font-size: 10px; }
.plan-grid { grid-template-columns: 1fr 280px; gap: 20px; }.plan-main { gap: 15px; }.plan-section { padding: 21px; border-radius: 10px; background: #131316; }.plan-section h3 { font-size: 12px; }.plan-section > p { font-size: 10px; }.plan-task { padding: 10px; }.plan-task strong { font-size: 9px; }.plan-task small, .plan-task span { font-size: 8px; }
.plan-side-card { padding: 16px; border-radius: 10px; background: #131316; }.plan-side-card h4 { font-size: 10px; }.health-row { grid-template-columns: 77px 1fr 27px; font-size: 8px; }.action-list div { font-size: 9px; }
.timeline-months { border-radius: 10px 10px 0 0; background: #151518; }.timeline-months > div { padding: 12px 8px; font-size: 8px; }.timeline-row { min-height: 58px; background: #121215; }.timeline-label strong { font-size: 9px; }.timeline-label small { font-size: 8px; }.timeline-bar { top: 17px; height: 23px; font-size: 8px; }
.kanban-board { gap: 12px; }.kanban-column { padding: 10px; border-radius: 10px; background: #111113; }.kanban-header { padding-bottom: 13px; font-size: 9px; }.kanban-card { margin-bottom: 8px; padding: 12px; border-radius: 8px; background: #18181b; }.kanban-card small { font-size: 7px; }.kanban-card strong { margin: 7px 0 11px; font-size: 9px; }.kanban-meta { font-size: 8px; }
.budget-card { padding: 21px; border-radius: 10px; background: #131316; }.budget-card h3 { font-size: 11px; }.budget-card > p { font-size: 9px; }.money-item { padding: 10px; }.money-item strong { font-size: 9px; }.money-item small { font-size: 8px; }.money-item b { font-size: 10px; }

/* Dialogs */
.command-palette { width: 560px; border-radius: 11px; background: #151518; }
.command-search { padding: 13px 15px; }.command-search input { font-size: 13px; }
.command-body { padding: 9px; }.command-body > p { font-size: 8px; }.command-item { grid-template-columns: 33px 1fr auto; padding: 9px 10px; }.command-item > span:first-child { width: 31px; height: 31px; }.command-item strong { font-size: 10px; }.command-item small { font-size: 8px; }
.floating-menu { width: 245px; border-radius: 10px; background: #17171a; }.floating-menu button { padding: 9px; }.floating-menu button b { font-size: 9px; }.floating-menu button small { font-size: 8px; }
.toast { min-width: 250px; padding: 13px 15px; border-radius: 9px; background: #1a1a1e; font-size: 10px; }

@media (max-width: 1240px) {
  .workspace-header { grid-template-columns: 300px 1fr 360px; }
  .view-tabs button { padding: 0 8px; }
  .view-tabs button .icon { display: none; }
  .idea-hero, .dashboard-section { max-width: calc(100% - 60px); }
}

/* Planner navigation and interaction refinement */
.workspace-back { height: 34px; display: inline-flex; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px; background: #151518; color: #92929a; font-size: 9px; font-weight: 600; }
.workspace-back:hover { border-color: var(--line-strong); color: #ededee; background: #1a1a1e; }
.workspace-back .icon { width: 14px; height: 14px; }
.workspace-body { grid-template-columns: 196px minmax(0,1fr) 340px; transition: grid-template-columns .24s cubic-bezier(.2,.75,.25,1); }
.node-toolbar { min-height: 0; align-items: stretch; gap: 5px; padding: 15px 10px 12px; overflow-x: hidden; overflow-y: auto; background: #0e0e10; scrollbar-width: thin; scrollbar-color: #2a2a2f transparent; }
.library-header { height: 43px; display: flex; align-items: flex-start; justify-content: space-between; padding: 1px 3px 9px 4px; border-bottom: 1px solid var(--line); }
.library-header span { min-width: 0; }
.library-header small, .library-header strong { display: block; white-space: nowrap; }
.library-header small { color: #67676f; font-size: 8px; font-weight: 700; letter-spacing: 1.1px; }
.library-header strong { margin-top: 4px; color: #dedee1; font-size: 11px; font-weight: 600; }
.library-header button { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 28px; border: 0; border-radius: 6px; background: transparent; color: #73737b; }
.library-header button:hover { background: #1b1b1f; color: #dedee1; }
.library-header button .icon { width: 16px; height: 16px; }
.toolbar-label { display: block; margin: 12px 6px 5px; color: #62626a; font-size: 8px; font-weight: 700; letter-spacing: .9px; white-space: nowrap; }
.node-toolbar .toolbar-group { display: grid; gap: 3px; }
.node-toolbar .tool-button { position: relative; width: 100%; height: 45px; display: grid; grid-template-columns: 20px minmax(0,1fr) auto; align-items: center; justify-items: start; gap: 9px; padding: 0 9px; border-radius: 7px; color: #92929a; text-align: left; }
.node-toolbar .tool-button .icon { width: 17px; height: 17px; stroke-width: 1.65; }
.tool-copy { min-width: 0; }
.tool-copy b, .tool-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tool-copy b { color: #b6b6bd; font-size: 10px; font-weight: 580; }
.tool-copy small { margin-top: 3px; color: #62626a; font-size: 8px; }
.node-toolbar .tool-button kbd { justify-self: end; padding: 1px 5px; font-size: 7px; }
.tool-button .add-indicator { justify-self: end; color: #595961; font-size: 13px; opacity: 0; transform: translateX(-3px); transition: .15s ease; }
.node-toolbar .tool-button:hover { border-color: transparent; background: #19191c; color: #ededee; }
.node-toolbar .tool-button:hover .tool-copy b { color: #f0f0f2; }
.node-toolbar .tool-button:hover .add-indicator { opacity: 1; transform: translateX(0); }
.node-toolbar .tool-button.active { border-color: #37334c; background: #211f2d; color: #a99ff3; }
.node-toolbar .tool-button.active .tool-copy b { color: #ddd8ff; }
.node-toolbar .node-tools .tool-button:before { left: 0; top: 12px; height: 21px; width: 2px; }
.node-toolbar .toolbar-divider { width: auto; height: 1px; margin: 8px 4px 1px; }
.node-toolbar .more-blocks { margin-top: 4px; border: 1px dashed #303036; }
.node-toolbar .more-blocks:hover { border-color: #46464e; }
.node-toolbar .toolbar-spacer { display: none; }
.node-toolbar .ai-tool { margin-top: 9px; background: #171620; color: #9f94ee; }
.node-toolbar .ai-tool:hover { background: #201e2c; }
.workspace-body.library-collapsed { grid-template-columns: 60px minmax(0,1fr) 340px; }
.library-collapsed .node-toolbar { align-items: center; padding-left: 9px; padding-right: 9px; }
.library-collapsed .library-header { width: 40px; justify-content: center; border-bottom: 0; }
.library-collapsed .library-header > span,
.library-collapsed .toolbar-label,
.library-collapsed .tool-copy,
.library-collapsed .tool-button kbd,
.library-collapsed .tool-button .add-indicator { display: none; }
.library-collapsed .library-header button { transform: rotate(180deg); }
.library-collapsed .node-toolbar .toolbar-group { width: 40px; }
.library-collapsed .node-toolbar .tool-button { width: 40px; grid-template-columns: 1fr; justify-items: center; padding: 0; }
.library-collapsed .node-toolbar .toolbar-divider { width: 26px; margin-left: auto; margin-right: auto; }
.library-collapsed .node-toolbar .node-tools .tool-button:before { left: 0; }
.library-collapsed .node-toolbar .more-blocks,
.library-collapsed .node-toolbar .ai-tool,
.library-collapsed .node-toolbar #help-button { width: 40px; }

.graph-node { transition: border-color .18s ease, box-shadow .18s ease, transform .18s cubic-bezier(.2,.75,.25,1); }
.connections .edge, .connections .edge-hit, .connections .edge-glow, .connections .draft-edge { vector-effect: non-scaling-stroke; }
.zoom-controls button { height: 35px; min-width: 36px; display: grid; place-items: center; }
.zoom-controls button .icon { width: 15px; height: 15px; }
.zoom-controls #zoom-value { display: block; min-width: 50px; font-size: 9px; }
.health-badge { grid-template-columns: 34px auto 14px; }
.health-badge > .icon { width: 13px; height: 13px; color: #6e7673; }
.inspector-header button { width: 29px; height: 29px; display: grid; place-items: center; color: #77777f; }
.inspector-header button .icon { width: 15px; height: 15px; }
.section-label button { display: inline-flex; align-items: center; gap: 4px; }
.section-label button .icon { width: 11px; height: 11px; }
.ai-card-head > button { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 6px; }
.ai-card-head > button:hover { background: #24222d; }
.ai-card-head > button .icon { width: 14px; height: 14px; }
.suggestion-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.suggestion-actions button .icon { width: 11px; height: 11px; }
.inspector-footer button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.inspector-footer button .icon { width: 13px; height: 13px; }
.command-search > .icon { width: 18px; height: 18px; }
.floating-menu .menu-icon .icon { width: 16px; height: 16px; }
.node-menu-button { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 6px; }
.node-menu-button:hover { background: rgba(255,255,255,.05); color: #b1b1b8; }
.node-menu-button .icon { width: 14px; height: 14px; }
.linked-item > .icon { width: 13px; height: 13px; color: #62626a; }
.node-context-menu .context-danger .menu-icon,
.node-context-menu .context-danger b { color: #dd747d; }
.command-body > #command-title { display: none; }
.palette-section-label { margin: 8px 8px 6px; color: #65656d; font-size: 8px; font-weight: 700; letter-spacing: .9px; }
.palette-section-label:not(:first-child) { margin-top: 14px; padding-top: 11px; border-top: 1px solid var(--line); }
.palette-empty { padding: 24px 12px; color: #73737b; font-size: 10px; text-align: center; }

@media (max-width: 1280px) {
  .workspace-body { grid-template-columns: 176px minmax(0,1fr) 320px; }
  .workspace-body.library-collapsed { grid-template-columns: 60px minmax(0,1fr) 320px; }
  .tool-copy small { display: none; }
}

/* Graph objects and workstream groups */
.groups-layer { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.plan-group { position: absolute; border: 1.5px dashed color-mix(in srgb,var(--group-color) 58%,transparent); border-radius: 14px; background: color-mix(in srgb,var(--group-color) 2.6%,transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--group-color) 3%,transparent); pointer-events: none; transition: height .22s cubic-bezier(.2,.75,.25,1), background .18s ease, border-color .18s ease; }
.plan-group:hover { border-color: color-mix(in srgb,var(--group-color) 78%,transparent); background: color-mix(in srgb,var(--group-color) 4%,transparent); }
.group-header { position: absolute; left: 10px; top: -39px; min-width: 210px; height: 34px; display: grid; grid-template-columns: 28px minmax(0,1fr) 27px; align-items: center; gap: 8px; padding: 0 5px 0 4px; border: 1px solid color-mix(in srgb,var(--group-color) 22%,#2e2e34); border-radius: 8px; background: #17171a; box-shadow: 0 6px 18px rgba(0,0,0,.25); pointer-events: auto; cursor: grab; user-select: none; }
.group-header:active { cursor: grabbing; }
.group-symbol { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 6px; background: color-mix(in srgb,var(--group-color) 12%,transparent); color: var(--group-color); }
.group-symbol .icon { width: 13px; height: 13px; }
.group-header strong, .group-header small { display: block; white-space: nowrap; }
.group-header strong { color: #dedee2; font-size: 9px; font-weight: 600; }
.group-header small { margin-top: 2px; color: #71717a; font-size: 7px; }
.group-collapse { width: 27px; height: 27px; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; color: #7b7b84; transform: rotate(90deg); transition: transform .2s ease,background .15s ease; }
.group-collapse:hover { background: #242429; color: #e4e4e7; }
.group-collapse .icon { width: 13px; height: 13px; }
.plan-group.collapsed .group-collapse { transform: rotate(0); }
.plan-group.collapsed { background: color-mix(in srgb,var(--group-color) 5%,#111113); }
.group-caption { position: absolute; top: 13px; left: 15px; color: color-mix(in srgb,var(--group-color) 55%,#6e6e76); font-size: 7px; font-weight: 700; letter-spacing: 1.2px; }
.plan-group.collapsed .group-caption { display: none; }

.connections { z-index: 1; }
.nodes-layer { z-index: 2; }
.graph-node { width: 252px; min-height: 128px; overflow: visible; border: 1px solid #34343b; border-radius: 11px; background: linear-gradient(155deg,#1a1a1e,#151518); box-shadow: 0 10px 25px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025); }
.graph-node:hover { transform: translateY(-2px); border-color: #4a4a53; box-shadow: 0 15px 34px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035); }
.graph-node.selected { border-color: var(--node-color); box-shadow: 0 0 0 2px color-mix(in srgb,var(--node-color) 40%,transparent),0 16px 38px rgba(0,0,0,.44),0 0 26px color-mix(in srgb,var(--node-color) 11%,transparent); }
.graph-node.type-idea { width: 264px; min-height: 132px; background: linear-gradient(150deg,#201d29,#17171c); }
.graph-node.type-note { background: linear-gradient(150deg,#211e16,#171713); }
.graph-node:before { top: 16px; bottom: 16px; width: 3px; border-radius: 0 3px 3px 0; }
.node-head { min-height: 39px; gap: 9px; padding: 9px 12px 8px 14px; }
.node-icon { width: 27px; height: 27px; flex-basis: 27px; border-radius: 7px; }
.node-icon .icon { width: 14px; height: 14px; stroke-width: 1.8; }
.node-type-label { color: #898991; font-size: 8px; letter-spacing: 1.05px; }
.node-body { padding: 12px 14px 13px; }
.node-body h4 { margin: 0 0 8px; color: #f0f0f2; font-size: 14px; font-weight: 620; letter-spacing: -.15px; }
.node-body p { min-height: 29px; margin-bottom: 11px; color: #8f8f98; font-size: 9.5px; line-height: 1.5; -webkit-line-clamp: 2; }
.node-chip { padding: 4px 7px; border-radius: 6px; font-size: 8px; }
.node-metric { font-size: 8px; }
.node-progress { height: 3px; margin-top: 11px; background: #2b2b31; }
.node-port { width: 20px; height: 13px; top: 50%; margin-top: -6px; border: 3px solid #17171a; border-radius: 8px; background: #666674; box-shadow: 0 0 0 1px #45454f; }
.node-port.in { left: -11px; }
.node-port.out { right: -11px; background: var(--node-color); box-shadow: 0 0 0 1px color-mix(in srgb,var(--node-color) 78%,#fff),0 0 10px color-mix(in srgb,var(--node-color) 25%,transparent); }
.node-port:hover,.graph-node.selected .node-port { transform: scale(1.12); box-shadow: 0 0 0 2px color-mix(in srgb,var(--node-color) 28%,transparent),0 0 13px color-mix(in srgb,var(--node-color) 38%,transparent); }
.connections .edge { stroke: #565661; stroke-width: 1.5; opacity: .76; transition: stroke .18s ease,opacity .18s ease,stroke-width .18s ease; }
.connections .edge-glow { stroke: #9b8ff2; }
.connections .selected-path .edge { stroke: #9b8ff2; stroke-width: 2.15; opacity: 1; }
.connections .selected-path .edge-glow { opacity: .32; }
.connections g.edge-group:hover .edge { stroke: #d0ccdF; stroke-width: 2.2; opacity: 1; }
.draft-edge { stroke-width: 2.2; }
.onboarding-tip { top: 18px; }

/* Functional dashboard, account, and transition layer */
.avatar-user { background: linear-gradient(145deg,#6f63d8,#3e386e); color: #fff; text-shadow: none; box-shadow: inset 0 1px rgba(255,255,255,.14); }
.avatar-user::after { display: none; }
.screen.screen-enter { animation: screenEnter .32s cubic-bezier(.2,.75,.25,1) both; }
.project-view.active-view { animation: viewEnter .24s cubic-bezier(.2,.75,.25,1) both; }
@keyframes screenEnter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes viewEnter { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
.button,.icon-button,.nav-item,.template-card,.project-card,.tool-button { transition-duration: .2s; transition-timing-function: cubic-bezier(.2,.75,.25,1); }
.node-canvas { cursor: grab; }
.node-canvas.is-panning { cursor: grabbing; }
.graph-node { cursor: default; }

.activity-section { padding-bottom: 56px; }
.activity-list { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #111113; }
.activity-empty { margin: 0; padding: 34px 24px; color: #8d8d98; text-align: center; font-size: 11px; }
.activity-item { width: 100%; min-height: 62px; display: grid; grid-template-columns: 35px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }
.activity-item:last-child { border-bottom: 0; }
.activity-item:hover { background: #17171a; }
.activity-icon { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 8px; background: rgba(124,109,242,.1); color: #9b8ff2; }
.activity-icon.green { background: rgba(77,175,124,.1); color: #65c18e; }
.activity-icon.blue { background: rgba(94,143,232,.1); color: #78a5f1; }
.activity-icon .icon { width: 15px; height: 15px; }
.activity-item strong,.activity-item small { display: block; }
.activity-item strong { color: #d9d9dd; font-size: 10px; font-weight: 570; }
.activity-item small { margin-top: 4px; color: #707078; font-size: 8px; }
.activity-item > b { color: #8e82e8; font-size: 8px; }

.dashboard-popover { position: fixed; z-index: 90; top: 80px; right: 42px; width: 390px; overflow: hidden; border: 1px solid #303036; border-radius: 11px; background: #17171a; box-shadow: 0 24px 65px rgba(0,0,0,.5); animation: popoverIn .18s cubic-bezier(.2,.75,.25,1) both; }
@keyframes popoverIn { from { opacity: 0; transform: translateY(-7px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
.search-popover { width: 470px; }
.popover-search { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 8px; padding: 13px 14px; border-bottom: 1px solid var(--line); }
.popover-search .icon { width: 17px; height: 17px; color: #8a8a92; }
.popover-search input { height: 31px; border: 0; outline: 0; background: transparent; color: #eeeef0; font-size: 12px; }
.popover-search input::placeholder { color: #686870; }
.popover-section { padding: 8px; }
.popover-section > p { margin: 6px 8px 7px; color: #66666e; font-size: 7px; font-weight: 700; letter-spacing: .9px; }
#dashboard-search-results { max-height: 320px; overflow-y: auto; }
#dashboard-search-results > button { width: 100%; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px; border: 0; border-radius: 7px; background: transparent; text-align: left; }
#dashboard-search-results > button:hover { background: #202024; }
.result-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 7px; background: rgba(124,109,242,.12); color: #a095f1; }
.result-icon.cyan { background: rgba(73,184,196,.1); color: #5bc6d0; }.result-icon.neutral { background: #232328; color: #96969e; }
.result-icon .icon { width: 15px; height: 15px; }
#dashboard-search-results strong,#dashboard-search-results small { display: block; }
#dashboard-search-results strong { color: #dcdce0; font-size: 9px; font-weight: 570; }
#dashboard-search-results small { margin-top: 3px; color: #717179; font-size: 8px; }
#dashboard-search-results button > b { color: #8579df; font-size: 8px; }
.search-empty { padding: 24px; color: #77777f; font-size: 10px; text-align: center; }

.popover-heading { display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid var(--line); }
.popover-heading strong,.popover-heading small { display: block; }.popover-heading strong { font-size: 12px; }.popover-heading small { margin-top: 4px; color: #717179; font-size: 8px; }
.popover-heading button { border: 0; background: transparent; color: #9286ec; font-size: 8px; }
.notification-list button { width: 100%; min-height: 65px; display: grid; grid-template-columns: 33px 1fr 7px; align-items: center; gap: 10px; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }
.notification-list button:last-child { border-bottom: 0; }.notification-list button:hover { background: #1d1d21; }
.notification-symbol { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; background: rgba(124,109,242,.11); color: #988dec; }.notification-symbol.green { background: rgba(77,175,124,.1); color: #62bc89; }.notification-symbol.amber { background: rgba(214,163,78,.1); color: #d6a34e; }.notification-symbol .icon { width: 15px; height: 15px; }
.notification-list strong,.notification-list small { display: block; }.notification-list strong { color: #dbdbdf; font-size: 9px; }.notification-list small { margin-top: 4px; color: #72727a; font-size: 8px; line-height: 1.4; }.notification-list button > i { width: 6px; height: 6px; border-radius: 50%; background: #8173ec; }
.notification-list.read button > i { opacity: 0; }.notification-list.read strong { color: #9b9ba2; }

.profile-popover { width: 300px; }
.profile-popover-head { display: grid; grid-template-columns: 39px 1fr auto; align-items: center; gap: 10px; padding: 14px; border-bottom: 1px solid var(--line); }
.profile-popover-head .avatar { width: 38px; height: 38px; font-size: 9px; }.profile-popover-head strong,.profile-popover-head small { display: block; }.profile-popover-head strong { font-size: 10px; }.profile-popover-head small { margin-top: 4px; color: #77777f; font-size: 8px; }.profile-popover-head > b { padding: 3px 6px; border-radius: 5px; background: #24222f; color: #9d92ec; font-size: 7px; }
.profile-menu-list { padding: 7px; }
.profile-menu-list button { width: 100%; display: grid; grid-template-columns: 24px 1fr 13px; align-items: center; gap: 9px; padding: 9px; border: 0; border-radius: 7px; background: transparent; color: #898991; text-align: left; }
.profile-menu-list button:hover { background: #202024; color: #c8c8cd; }.profile-menu-list button > .icon { width: 16px; height: 16px; }.profile-menu-list .chevron { width: 12px; height: 12px; }
.profile-menu-list strong,.profile-menu-list small { display: block; }.profile-menu-list strong { color: #cfcfd3; font-size: 9px; }.profile-menu-list small { margin-top: 3px; color: #707078; font-size: 7px; }
.sign-out-button { width: calc(100% - 14px); height: 34px; margin: 0 7px 7px; border: 1px solid var(--line); border-radius: 7px; background: #141416; color: #85858d; font-size: 9px; }.sign-out-button:hover { color: #df7780; border-color: rgba(217,104,114,.25); }

.settings-modal,.pro-modal,.generation-card { position: relative; width: 560px; overflow: hidden; border: 1px solid #34343a; border-radius: 13px; background: #151518; box-shadow: 0 35px 100px rgba(0,0,0,.65); animation: modalIn .24s cubic-bezier(.2,.75,.25,1) both; }
@keyframes modalIn { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.settings-modal > header { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid var(--line); }.settings-modal header small { color: #70658f; font-size: 8px; letter-spacing: 1px; }.settings-modal h2 { margin: 5px 0 0; font-size: 19px; font-weight: 600; }
.modal-close { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 7px; background: #19191c; color: #7e7e86; }.modal-close:hover { color: #ededee; border-color: var(--line-strong); }.modal-close .icon { width: 14px; height: 14px; }
.settings-profile { display: grid; grid-template-columns: 47px 1fr auto; align-items: center; gap: 12px; margin: 20px 22px; padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: #19191c; }.settings-profile .avatar { width: 46px; height: 46px; }.settings-profile strong,.settings-profile small { display: block; }.settings-profile strong { font-size: 11px; }.settings-profile small { margin-top: 4px; color: #77777f; font-size: 8px; }.settings-profile button { border: 0; background: transparent; color: #9084e9; font-size: 8px; }
.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 22px 18px; }.settings-grid label { color: #85858d; font-size: 9px; }.settings-grid label.full-field { grid-column: 1/-1; }.settings-grid input { width: 100%; height: 39px; margin-top: 7px; padding: 0 11px; border: 1px solid #303036; border-radius: 7px; outline: 0; background: #1a1a1e; color: #e6e6e9; font-size: 10px; }.settings-grid input:focus { border-color: #7669d9; box-shadow: 0 0 0 3px rgba(118,105,217,.08); }
.preference-list { margin: 0 22px 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; }.preference-list label { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 10px 13px; border-bottom: 1px solid var(--line); }.preference-list label:last-child { border-bottom: 0; }.preference-list strong,.preference-list small { display: block; }.preference-list strong { font-size: 9px; }.preference-list small { margin-top: 4px; color: #717179; font-size: 8px; }.preference-list input { accent-color: #7c6df2; }
.settings-modal > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 22px; border-top: 1px solid var(--line); background: #121214; }

.pro-modal { width: 490px; padding: 38px; text-align: center; background: radial-gradient(circle at 50% -20%,rgba(124,109,242,.18),transparent 42%),#151518; }.floating-close { position: absolute; top: 14px; right: 14px; }.pro-mark { width: 47px; height: 47px; display: grid; place-items: center; margin: 0 auto 17px; border: 1px solid #443d6e; border-radius: 12px; background: #242134; color: #a79af2; }.pro-mark .icon { width: 22px; height: 22px; }.pro-modal h2 { margin: 8px 0 9px; font-size: 27px; letter-spacing: -.7px; }.pro-subtitle { max-width: 390px; margin: auto; color: #92929a; font-size: 11px; line-height: 1.55; }.pro-features { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 24px 0; text-align: left; }.pro-features span { display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: #19191c; color: #b0b0b7; font-size: 9px; }.pro-features .icon { width: 14px; height: 14px; color: #968aec; }.pro-price { display: flex; justify-content: center; align-items: center; gap: 10px; }.pro-price strong { font-size: 32px; }.pro-price span { color: #7c7c84; font-size: 8px; line-height: 1.4; text-align: left; }.pro-cta { width: 100%; margin-top: 20px; }.pro-fineprint { display: block; margin-top: 10px; color: #696971; font-size: 8px; }

.ai-generation-overlay { place-items: center; padding-top: 0; }
.generation-card { width: 520px; padding: 38px; text-align: center; background: radial-gradient(circle at 50% 0,rgba(124,109,242,.14),transparent 43%),#151518; }
.generation-orb { position: relative; width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 20px; border: 1px solid #473f76; border-radius: 15px; background: #242136; color: #aa9ef4; }.generation-orb .icon { width: 25px; height: 25px; }.generation-orb > i { position: absolute; inset: -7px; border: 1px solid rgba(124,109,242,.2); border-radius: 19px; animation: generationPulse 1.5s ease-in-out infinite; }
@keyframes generationPulse { 50% { transform: scale(1.08); opacity: .3; } }
.generation-card h2 { margin: 8px 0 8px; font-size: 22px; }.generation-card > p:not(.eyebrow) { margin: 0; color: #8b8b93; font-size: 10px; }.generation-progress { height: 5px; margin: 25px 0 19px; overflow: hidden; border-radius: 3px; background: #27272c; }.generation-progress i { display: block; width: 8%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6657d8,#9d91f3); box-shadow: 0 0 14px rgba(124,109,242,.4); transition: width .35s cubic-bezier(.2,.75,.25,1); }
.generation-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.generation-steps span { display: flex; flex-direction: column; align-items: center; gap: 6px; color: #5f5f67; font-size: 7px; }.generation-steps span i { width: 7px; height: 7px; border-radius: 50%; background: #34343a; transition: .25s ease; }.generation-steps span.active { color: #b4aecf; }.generation-steps span.active i { background: #8f82ec; box-shadow: 0 0 8px rgba(143,130,236,.5); }.generation-steps span.complete { color: #777780; }.generation-steps span.complete i { background: #4daf7c; }

/* StructCanvas daylight workspace — clean, operational, and color disciplined. */
:root {
  --bg: #f5f6f8;
  --panel: #ffffff;
  --panel-2: #f8f9fb;
  --panel-3: #eef1f5;
  --line: #e2e5ea;
  --line-strong: #cfd4dc;
  --text: #20232b;
  --muted: #667085;
  --dim: #98a0ad;
  --violet: #635bdb;
  --violet-2: #5149c6;
  --cyan: #00aeb8;
  --blue: #3b82f6;
  --green: #00a86b;
  --amber: #e78b18;
  --red: #df4b60;
  --pink: #a855b8;
  --shadow: 0 18px 48px rgba(27,36,50,.12);
  color-scheme: light;
}

html,body { background: var(--bg); color: var(--text); }
button { color: inherit; }
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline-color: rgba(99,91,219,.58); }
kbd { border-color: #d8dce3; background: #f3f4f7; color: #707887; }
.button { border-color: #d4d8df; background: #fff; color: #343842; box-shadow: 0 1px 2px rgba(22,29,39,.04); }
.button:hover { border-color: #bfc5cf; background: #f8f9fb; }
.button.primary { color: #fff; border-color: #5b53d4; background: linear-gradient(180deg,#7068e8,#5d55d7); box-shadow: 0 4px 12px rgba(79,70,190,.2); }
.button.primary:hover { border-color: #5149c6; background: linear-gradient(180deg,#665edf,#544ccb); box-shadow: 0 6px 18px rgba(79,70,190,.24); }
.eyebrow { color: #777f8c !important; }

/* Dashboard */
.dashboard-screen { background: #f6f7f9; }
.dash-sidebar { background: #f0f2f5; border-color: #dfe3e8; box-shadow: inset -1px 0 rgba(255,255,255,.72); }
.brand { color: #1f2530; }
.brand-mark { filter: none; }
.brand-mark i { background: #635bdb; }
.brand-mark i:nth-child(2) { background: #00b8a9; opacity: 1; }
.brand-mark i:nth-child(3) { background: #f3a712; opacity: 1; }
.brand-mark i:nth-child(4) { background: #e4576b; }
.nav-item { color: #566171; }
.nav-item:hover { color: #252b36; background: rgba(255,255,255,.72); }
.nav-item.active { color: #292d38; background: #fff; box-shadow: 0 1px 3px rgba(29,38,51,.08), inset 3px 0 #635bdb; }
.nav-item.active .icon { color: #635bdb; }
.nav-count { color: #626b78; background: #e2e5ea; }
.upgrade-card { border-color: #dcd9f3; background: linear-gradient(145deg,#fff,#f4f2ff); box-shadow: 0 5px 18px rgba(61,54,140,.08); }
.upgrade-card .spark-icon { color: #635bdb; background: #eceafe; }
.upgrade-card strong { color: #292d38; }
.upgrade-card p { color: #6d7582; }
.upgrade-card button { color: #5149c6; border-color: #cbc6ef; background: #fff; }
.upgrade-card button:hover { border-color: #9f98df; background: #f8f7ff; }
.profile-row { border-color: #d9dde3; }
.profile-row strong { color: #2c313b; }
.profile-row small,.kebab { color: #818a98; }
.avatar { border-color: rgba(42,49,62,.08); }
.avatar-user { background: linear-gradient(145deg,#746ce3,#5149bd); box-shadow: inset 0 1px rgba(255,255,255,.28),0 2px 5px rgba(62,53,157,.17); }
.dash-main { background: #f7f8fa; scrollbar-color: #c9ced6 transparent; }
.dash-main::-webkit-scrollbar-thumb { background: #c9ced6; }
.dash-header h1 { color: #1e2430; }
.dash-header p { color: #657080; }
.icon-button { border-color: #dce0e6; background: #fff; color: #687383; box-shadow: 0 1px 2px rgba(20,29,43,.04); }
.icon-button:hover { border-color: #c4cad3; background: #f9fafb; color: #272d38; }
.notification i { background: #635bdb; box-shadow: 0 0 0 2px #fff; }
.idea-hero { border-color: #dfe3e8; background: linear-gradient(135deg,#fff 0%,#fff 68%,#f5f3ff 100%); box-shadow: 0 14px 34px rgba(38,47,62,.07); }
.idea-badge { color: #5d55d7; }
.idea-badge i { background: #635bdb; box-shadow: none; }
.idea-copy h2 { color: #20242d; }
.idea-copy p { color: #667080; }
.idea-composer { border-color: #cfd4dc; background: #fff; box-shadow: 0 2px 5px rgba(27,36,50,.04); }
.idea-composer:focus-within { border-color: #7169de; box-shadow: 0 0 0 3px rgba(99,91,219,.1),0 8px 18px rgba(39,46,61,.06); }
.idea-composer textarea { color: #252b36; }
.idea-composer textarea::placeholder { color: #959daa; }
.idea-hint,.suggestion-row { color: #8b93a0; }
.suggestion-row button { color: #5e6877; border-color: #dfe3e8; background: #fff; }
.suggestion-row button:hover { color: #5149c6; border-color: #bcb7e7; background: #faf9ff; }
.section-heading h3 { color: #292e38; }
.section-heading p { color: #7c8593; }
.text-button { color: #5f6876; }
.text-button span { color: #635bdb; }
.project-card { border-color: #e0e3e8; background: #fff; box-shadow: 0 2px 8px rgba(30,38,51,.035); }
.project-card.featured { border-color: #d7d3ee; }
.project-card:hover { border-color: #c7cbd3; box-shadow: 0 12px 26px rgba(30,38,51,.1); }
.project-visual { border-color: #e3e6eb; background-color: #fafbfc; background-image: radial-gradient(circle,#d7dbe2 .7px,transparent .8px); }
.mini-node { border-color: #cbc7ee; background: #fff; color: #5149c6; box-shadow: 0 4px 9px rgba(36,44,57,.11); }
.mini-node.teal { color: #008d95; border-color: #a9dde0; }.mini-node.blue { color: #286dca; border-color: #bad0ee; }.mini-node.amber { color: #a8630b; border-color: #ebd0a9; }
.project-visual svg path { stroke: #b8b2e8; }
.project-title-row strong { color: #252a34; }
.project-title-row small,.progress-meta,.project-footer { color: #7d8693; }
.project-info { background: #fff; }
.progress-bar { background: #edf0f3; }
.new-project-card { border-color: #d5dae1; background: rgba(255,255,255,.52); }
.new-project-card:hover { border-color: #aaa4df; background: #fff; }
.new-project-plus { color: #635bdb; border-color: #c9c5ed; background: #f7f6ff; }
.new-project-inner strong { color: #303641; }
.new-project-inner small { color: #89919e; }
.template-card { border-color: #e1e4e9; background: #fff; box-shadow: 0 1px 3px rgba(28,36,49,.03); }
.template-card:hover { border-color: #c9ced6; background: #fff; box-shadow: 0 8px 20px rgba(30,38,51,.08); }
.template-card strong { color: #303641; }
.template-card small { color: #858e9b; }
.activity-list { border-color: #e0e4e9; background: #fff; }
.activity-item { border-color: #e5e8ec; }
.activity-item:hover { background: #f5f6f8; }
.activity-item strong { color: #343b46; }
.activity-item small { color: #818a97; }
.activity-item > b { color: #5d55d7; }
.activity-empty { color: #7b8593; }

/* Workspace frame */
.workspace-screen { background: #f7f8fa; }
.workspace-header { border-color: #dfe3e8; background: #fff; box-shadow: 0 1px 3px rgba(25,34,48,.04); }
.workspace-back { color: #657080; border-color: #d8dde4; background: #fff; }
.workspace-back:hover { color: #252b35; border-color: #bcc3cd; background: #f8f9fb; }
.project-name-wrap { border-color: #e2e5e9; }
.breadcrumb { color: #9199a6; }
.title-line input { color: #242a34; }
.save-state { color: #788291; }
.view-tabs button { color: #737d8b; }
.view-tabs button:hover { color: #2d3440; }
.view-tabs button.active { color: #292e39; }
.view-tabs button.active .icon { color: #635bdb; }
.view-tabs button:after { background: transparent; box-shadow: none; }
.view-tabs button.active:after { background: #635bdb; box-shadow: none; }
.top-action { border-color: #dfe3e8; background: #fff; color: #637080; }
.top-action:hover { border-color: #c5cbd4; color: #28303c; background: #f9fafb; }
.workspace-body { background: #f7f8fa; }
.node-toolbar { border-color: #dde1e7; background: #f2f4f7; scrollbar-color: #c9ced6 transparent; }
.library-header { border-color: #dadee5; }
.library-header small,.toolbar-label { color: #929aa6; }
.library-header strong { color: #343a45; }
.library-header button { color: #7d8795; }
.library-header button:hover { color: #2f3540; background: #e4e7eb; }
.tool-copy b { color: #4a5361; }
.tool-copy small { color: #8a93a0; }
.node-toolbar .tool-button { color: #6c7685; }
.node-toolbar .tool-button:hover { color: #262d38; background: #e7e9ee; }
.node-toolbar .tool-button:hover .tool-copy b { color: #242a34; }
.node-toolbar .tool-button.active { color: #5149c6; border-color: #c9c5ec; background: #e9e7fb; }
.node-toolbar .tool-button.active .tool-copy b { color: #3f389e; }
.node-toolbar .toolbar-divider { background: #dce0e6; }
.node-toolbar .more-blocks { border-color: #cdd2da; }
.node-toolbar .more-blocks:hover { border-color: #aeb5c0; }
.node-toolbar .ai-tool { color: #5b53d0; background: #e9e7fb; }
.node-toolbar .ai-tool:hover { background: #ddd9f7; }

/* Canvas, graph objects, and drag feedback */
.node-canvas { touch-action: none; background-color: #f8f9fb; background-image: linear-gradient(rgba(79,91,110,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(79,91,110,.065) 1px,transparent 1px); }
.node-canvas.is-panning,.node-canvas.is-panning * { cursor: grabbing !important; user-select: none; }
.scene { will-change: transform; transform: translateZ(0); }
.nodes-layer { pointer-events: none; }
.nodes-layer .graph-node { pointer-events: auto; }
.canvas-pill,.canvas-icon-pill { color: #5d6776; border-color: #d9dde4; background: rgba(255,255,255,.94); box-shadow: 0 4px 12px rgba(29,38,51,.08); }
.canvas-pill .icon { color: #635bdb; }
.graph-node { cursor: grab; touch-action: none; color: #252b35; border-color: #d6dae1; background: #fff; box-shadow: 0 6px 16px rgba(31,40,54,.1),inset 0 1px rgba(255,255,255,.8); will-change: left,top,transform; }
.graph-node:hover { border-color: #b9c0ca; background: #fff; box-shadow: 0 11px 24px rgba(31,40,54,.14); }
.graph-node.selected { border-color: var(--node-color); box-shadow: 0 0 0 2px color-mix(in srgb,var(--node-color) 23%,transparent),0 12px 25px rgba(31,40,54,.14); }
.graph-node.dragging,.graph-node.dragging-with-group { z-index: 15; cursor: grabbing; transition: none !important; animation: none !important; transform: scale(1.012); box-shadow: 0 18px 34px rgba(27,36,51,.19); }
.graph-node.type-idea { background: linear-gradient(145deg,#fff,#f8f7ff); }
.graph-node.type-note { background: linear-gradient(145deg,#fffdf7,#fffaf0); }
.node-head { border-color: #edf0f3; }
.node-type-label { color: #7c8593; }
.node-menu-button { color: #858e9b; }
.node-menu-button:hover { color: #343b47; background: #f0f2f5; }
.node-body h4 { color: #222832; }
.node-body p { color: #6e7785; }
.node-chip { color: #596372; background: #f0f2f5; }
.node-chip.status { color: color-mix(in srgb,var(--node-color) 82%,#26303c); background: color-mix(in srgb,var(--node-color) 10%,#fff); }
.node-chip.priority-high { color: #c93f55; background: #fff0f2; }
.node-chip.priority-medium { color: #b26c0d; background: #fff6e8; }
.node-metric { color: #7b8491; }
.node-progress { background: #eceff3; }
.node-port { border-color: #fff; background: #8d96a3; box-shadow: 0 0 0 1px #bfc5ce; }
.node-port.out { box-shadow: 0 0 0 1px color-mix(in srgb,var(--node-color) 65%,#6e7785),0 2px 7px color-mix(in srgb,var(--node-color) 22%,transparent); }
.connections .edge { stroke: #aeb5c0; opacity: .9; }
.connections .selected-path .edge { stroke: #756de0; }
.connections g.edge-group:hover .edge { stroke: #635bdb; }
.connections .edge-glow { stroke: #635bdb; }
.plan-group { background: color-mix(in srgb,var(--group-color) 3%,#fff); border-color: color-mix(in srgb,var(--group-color) 45%,#d2d7df); box-shadow: none; }
.plan-group:hover { background: color-mix(in srgb,var(--group-color) 4.5%,#fff); border-color: color-mix(in srgb,var(--group-color) 65%,#c7cdd5); }
.plan-group.dragging { transition: none; }
.group-header { touch-action: none; border-color: color-mix(in srgb,var(--group-color) 28%,#d3d7de); background: #fff; box-shadow: 0 4px 12px rgba(29,38,51,.1); }
.group-header strong { color: #333a45; }
.group-header small { color: #89929f; }
.group-collapse { color: #7d8795; }
.group-collapse:hover { color: #2d3440; background: #f0f2f5; }
.plan-group.collapsed { background: color-mix(in srgb,var(--group-color) 5%,#fff); }
.group-caption { color: color-mix(in srgb,var(--group-color) 70%,#626c79); }
.zoom-controls { border-color: #d9dde4; background: #fff; box-shadow: 0 4px 14px rgba(29,38,51,.09); }
.zoom-controls button { color: #697483; border-color: #e3e6eb; }
.zoom-controls button:hover { color: #2f3641; background: #f2f4f7; }
.shortcut-hint { color: #929aa6; }
.health-badge { color: #33403b; border-color: #bde3d1; background: #f0fbf5; box-shadow: 0 5px 16px rgba(22,107,69,.08); }
.health-ring:before { background: #f0fbf5; }
.minimap { border-color: #d4d9e0; background: rgba(255,255,255,.96); box-shadow: 0 5px 16px rgba(29,38,51,.1); }
.onboarding-tip { color: #4b5360; border-color: #d8d4f1; background: #fff; box-shadow: 0 8px 24px rgba(37,43,58,.12); }
.onboarding-tip p { color: #737c8a; }
.onboarding-tip p b { color: #333945; }

/* Inspector */
.inspector { border-color: #dfe3e8; background: #fff; }
.inspector-header { border-color: #e4e7ec; background: #fff; }
.inspector-header small { color: #8a93a0; }
.inspector-header strong { color: #262c37; }
.inspector-header button { color: #77818e; }
.inspector-header button:hover { color: #292f3a; background: #f1f3f6; }
.inspector-scroll { background: #fff; }
.field-group label,.section-label,.linked-heading { color: #687282; }
.field-group input,.field-group textarea,.field-group select { color: #28303b; border-color: #d8dce3; background: #fff; }
.field-group input:focus,.field-group textarea:focus,.field-group select:focus { border-color: #756de0; box-shadow: 0 0 0 3px rgba(99,91,219,.09); }
.dependency-item,.linked-item { color: #35404c; border-color: #e2e5ea; background: #f8f9fb; }
.dependency-item:hover,.linked-item:hover { border-color: #ccd1d9; background: #f3f5f7; }
.dependency-item strong,.linked-item strong { color: #343b46; }
.dependency-item small,.linked-item small { color: #818a97; }
.ai-suggestion-card { border-color: #d8d4ef; background: #f8f7ff; }
.ai-card-head strong { color: #37334f; }
.ai-card-head small,.ai-suggestion-card p { color: #6f7180; }
.ai-card-head > button:hover { background: #ebe8fa; }
.suggestion-actions button { border-color: #d1cdef; background: #fff; color: #5149c6; }
.suggestion-actions button:last-child { color: #707987; border-color: #dce0e5; background: #f7f8fa; }
.inspector-footer { border-color: #e0e4e9; background: #f7f8fa; }
.inspector-footer button { color: #66717f; border-color: #d9dde4; background: #fff; }

/* Generated views */
.alt-view { background: #f7f8fa; }
.view-heading h2 { color: #232a34; }
.view-heading p { color: #737d8b; }
.summary-banner { border-color: #dce0e6; box-shadow: 0 4px 16px rgba(30,38,51,.04); }
.summary-banner > div,.summary-banner > div:first-child { border-color: #e2e5ea; background: #fff; }
.summary-banner small { color: #7c8593; }
.summary-banner strong { color: #262d38; }
.summary-banner p { color: #596473; }
.plan-section,.plan-side-card,.budget-card { border-color: #e0e3e8; background: #fff; box-shadow: 0 2px 8px rgba(29,38,51,.035); }
.plan-section h3,.plan-side-card h4,.budget-card h3 { color: #2b323e; }
.plan-section > p,.budget-card > p { color: #737d8a; }
.plan-number { color: #5149c6; background: #eceafe; }
.plan-task { border-color: #e2e6eb; background: #f8f9fb; }
.plan-task strong { color: #35404c; }
.plan-task small,.plan-task > span { color: #798391; }
.health-row { color: #697483; }
.health-row i { background: #edf0f3; }
.action-list div { color: #4f5967; background: #f5f6f8; }
.timeline-months { border-color: #dfe3e8; background: #eef1f5; }
.timeline-months > div { color: #6d7785; border-color: #dfe3e8; }
.timeline-row { border-color: #e3e6eb; background: #fff; }
.timeline-label { border-color: #e3e6eb; }
.timeline-label strong { color: #35404c; }
.timeline-label small { color: #87909d; }
.timeline-track { background-image: linear-gradient(90deg,#edf0f3 1px,transparent 1px); }
.kanban-column { border: 1px solid #e1e4e9; background: #f0f2f5; }
.kanban-header { color: #596473; }
.kanban-card { border-color: #dde1e7; background: #fff; box-shadow: 0 2px 6px rgba(30,38,51,.05); }
.kanban-card:hover { border-color: #c6cbd4; box-shadow: 0 7px 16px rgba(30,38,51,.09); }
.kanban-card strong { color: #313944; }
.kanban-meta { color: #7d8795; }
.budget-big { color: #272e39; }
.budget-chart { border-color: #e4e7ec; background: #f8f9fb; }
.money-item { border-color: #e2e5ea; background: #f8f9fb; }
.money-item strong { color: #35404b; }
.money-item small { color: #818a97; }
.money-total { color: #687280; border-color: #e2e5ea; }

/* Popovers, menus, and dialogs */
.dashboard-popover,.command-palette,.floating-menu { color: #2c333e; border-color: #d9dde4; background: #fff; box-shadow: 0 18px 48px rgba(27,36,50,.16); }
.popover-search,.popover-heading,.notification-list button,.profile-popover-head { border-color: #e4e7ec; }
.popover-search input,.command-search input { color: #242b35; }
.popover-search input::placeholder,.command-search input::placeholder { color: #939ba7; }
.popover-section > p,.popover-heading small { color: #858e9b; }
#dashboard-search-results > button:hover,.notification-list button:hover,.profile-menu-list button:hover,.command-item:hover,.command-item.highlighted,.floating-menu button:hover { background: #f2f4f7; }
#dashboard-search-results strong,.notification-list strong,.profile-popover-head strong,.profile-menu-list strong,.command-item strong,.floating-menu b { color: #303742; }
#dashboard-search-results small,.notification-list small,.profile-popover-head small,.profile-menu-list small,.command-item small,.floating-menu small { color: #818a98; }
.result-icon.neutral { color: #6f7988; background: #eef1f4; }
.notification-list.read strong { color: #697381; }
.profile-popover-head > b { color: #5149c6; background: #eceafe; }
.profile-menu-list button { color: #697483; }
.sign-out-button { color: #697483; border-color: #dce0e6; background: #f8f9fb; }
.sign-out-button:hover { color: #cb4055; border-color: #efcbd1; background: #fff7f8; }
.command-search { border-color: #e3e6eb; }
.command-item > span:first-child,.menu-icon { background: #f0f2f5; }
.toast { color: #f7f8fa; border-color: #343b47; background: #252b35; box-shadow: 0 10px 28px rgba(23,30,42,.22); }
.modal-overlay,.command-overlay { background: rgba(34,40,51,.34); backdrop-filter: blur(5px); }
.settings-modal,.pro-modal,.generation-card { color: #252b35; border-color: #d9dde4; background: #fff; box-shadow: 0 28px 80px rgba(30,38,51,.22); }
.settings-modal > header,.settings-modal > footer { border-color: #e2e5ea; background: #fff; }
.settings-modal h2,.pro-modal h2,.generation-card h2 { color: #252b35; }
.modal-close { color: #75808e; border-color: #dce0e6; background: #f8f9fb; }
.modal-close:hover { color: #282f39; border-color: #c5cbd4; background: #f1f3f6; }
.settings-profile,.pro-features span { border-color: #e0e3e8; background: #f8f9fb; }
.settings-profile strong,.preference-list strong { color: #343b46; }
.settings-profile small,.preference-list small { color: #818a97; }
.settings-grid label { color: #687280; }
.settings-grid input { color: #28303b; border-color: #d8dce3; background: #fff; }
.preference-list { border-color: #e0e3e8; }
.preference-list label { border-color: #e5e8ec; }
.pro-modal,.generation-card { background: radial-gradient(circle at 50% -20%,rgba(99,91,219,.1),transparent 43%),#fff; }
.pro-mark,.generation-orb { color: #5d55d7; border-color: #d1cdef; background: #eceafe; }
.pro-subtitle,.generation-card > p:not(.eyebrow) { color: #717b89; }
.pro-features span { color: #535e6c; }
.generation-progress { background: #e9ecf0; }
.generation-steps span { color: #939ba7; }
.generation-steps span i { background: #d7dce2; }
.generation-steps span.active { color: #5149c6; }
.generation-steps span.complete { color: #647080; }

@media (prefers-reduced-motion: reduce) {
  .graph-node,.scene,.plan-group,.screen.screen-enter,.project-view.active-view { animation: none !important; transition-duration: .01ms !important; }
}

/* Share and export center */
.export-overlay { padding: min(7vh,56px) 24px; overflow:auto; place-items:start center; }
.export-modal { width:min(1040px,calc(100vw - 48px)); overflow:hidden; border:1px solid #d9dde4; border-radius:18px; background:#fff; box-shadow:0 30px 90px rgba(30,38,51,.24); animation:exportModalIn .24s cubic-bezier(.2,.8,.2,1); }
@keyframes exportModalIn { from { opacity:0; transform:translateY(12px) scale(.985); } }
.export-modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:25px 28px 22px; border-bottom:1px solid #e6e9ed; background:linear-gradient(140deg,#fff 52%,#f5f4ff); }
.export-modal-header > span > small { color:#5d55d7; font-size:9px; font-weight:800; letter-spacing:1.15px; }
.export-modal-header h2 { margin:5px 0 5px; color:#232a34; font-size:23px; letter-spacing:-.45px; }
.export-modal-header p { margin:0; color:#737d8b; font-size:12px; line-height:1.5; }
.export-modal-body { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr); min-height:490px; }
.export-format-section { padding:25px 27px 28px; }
.export-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.export-section-heading strong,.export-section-heading small { display:block; }
.export-section-heading strong { color:#2d3540; font-size:13px; }
.export-section-heading small { margin-top:4px; color:#818a97; font-size:10px; line-height:1.45; }
.export-ready { display:flex; align-items:center; gap:6px; color:#4a7663; font-size:9px; font-weight:700; white-space:nowrap; }
.export-ready i { width:7px; height:7px; border-radius:50%; background:#55ae82; box-shadow:0 0 0 4px #eaf7f0; }
.export-format-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.export-format-card { display:grid; grid-template-columns:42px 1fr 18px; align-items:center; gap:12px; min-height:82px; padding:13px; border:1px solid #dfe3e8; border-radius:12px; background:#fff; color:#77818f; text-align:left; box-shadow:0 2px 7px rgba(30,38,51,.025); transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease; }
.export-format-card:hover { border-color:#c6cbd4; background:#fbfbfc; box-shadow:0 8px 20px rgba(30,38,51,.08); transform:translateY(-1px); }
.export-format-card .format-mark,.cloud-mark,.email-mark { display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:10px; font-size:16px; font-weight:800; }
.export-format-card.word .format-mark { color:#fff; background:#2566c1; }
.export-format-card.powerpoint .format-mark { color:#fff; background:#c45432; }
.export-format-card.pdf .format-mark { color:#b44553; background:#fff0f2; }
.export-format-card.markdown .format-mark { color:#525c6a; background:#eef1f4; }
.export-format-card > span:nth-child(2) { min-width:0; }
.export-format-card strong,.export-format-card small,.export-format-card b { display:block; }
.export-format-card strong { color:#303843; font-size:12px; }
.export-format-card small { margin-top:4px; color:#7d8794; font-size:10px; }
.export-format-card b { margin-top:6px; color:#a0a7b1; font-size:8px; letter-spacing:.7px; }
.export-format-card > .icon { width:14px; height:14px; }
.cloud-export-row { display:grid; gap:7px; margin-top:18px; padding-top:18px; border-top:1px solid #e6e9ed; }
.cloud-export-row > button { display:grid; grid-template-columns:35px 1fr 16px; align-items:center; gap:11px; width:100%; padding:8px 9px; border:1px solid transparent; border-radius:9px; background:transparent; color:#8a929e; text-align:left; transition:.16s ease; }
.cloud-export-row > button:hover { border-color:#e1e4e9; background:#f7f8fa; }
.cloud-mark { width:34px; height:34px; border-radius:8px; font-size:12px; }
.docs-mark { color:#246cc8; background:#ebf3ff; }
.slides-mark { color:#a56c0a; background:#fff4da; }
.copy-mark { color:#5c55ca; background:#eeecff; }
.cloud-export-row strong,.cloud-export-row small { display:block; }
.cloud-export-row strong { color:#39414c; font-size:11px; }
.cloud-export-row small { margin-top:3px; color:#858e9b; font-size:9px; line-height:1.4; }
.cloud-export-row .icon { width:13px; height:13px; }
.email-share-card { padding:25px 26px; border-left:1px solid #e6e9ed; background:#f8f9fb; }
.email-share-heading { display:flex; align-items:center; gap:11px; margin-bottom:20px; }
.email-mark { width:38px; height:38px; color:#5b54ce; background:#eceafe; }
.email-share-heading small { color:#858e9b; font-size:8px; font-weight:800; letter-spacing:.9px; }
.email-share-heading h3 { margin:4px 0 0; color:#2f3742; font-size:15px; }
.email-share-card label { display:block; margin-top:12px; color:#66717f; font-size:10px; font-weight:700; }
.email-share-card label > span { float:right; color:#a0a7b1; font-size:8px; font-weight:500; }
.email-share-card input,.email-share-card textarea { width:100%; margin-top:6px; padding:10px 11px; border:1px solid #d8dce3; border-radius:8px; outline:0; background:#fff; color:#2d3540; font:500 11px/1.45 inherit; resize:none; transition:border-color .15s ease,box-shadow .15s ease; }
.email-share-card input:focus,.email-share-card textarea:focus { border-color:#756de0; box-shadow:0 0 0 3px rgba(99,91,219,.09); }
.email-provider-buttons { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; }
.email-provider-buttons button,.email-default-button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:38px; border:1px solid #d8dce3; border-radius:8px; background:#fff; color:#45505d; font-size:10px; font-weight:700; transition:.16s ease; }
.email-provider-buttons button:hover,.email-default-button:hover { border-color:#bfc5ce; box-shadow:0 5px 13px rgba(30,38,51,.06); transform:translateY(-1px); }
.provider-letter { display:grid; place-items:center; width:20px; height:20px; border-radius:5px; font-size:9px; font-weight:800; }
.gmail-button .provider-letter { color:#c84b4b; background:#fff0f0; }
.outlook-button .provider-letter { color:#2472c8; background:#edf5ff; }
.email-default-button { width:100%; margin-top:8px; background:#655ddb; color:#fff; border-color:#655ddb; }
.email-default-button:hover { border-color:#5149c6; background:#5149c6; }
.email-share-card > p { display:flex; align-items:flex-start; gap:6px; margin:13px 1px 0; color:#929aa5; font-size:8px; line-height:1.45; }
.email-share-card > p .icon { flex:none; width:12px; height:12px; margin-top:1px; }

@media (max-width:820px) {
  .export-modal-body { grid-template-columns:1fr; }
  .email-share-card { border-top:1px solid #e6e9ed; border-left:0; }
}
@media (max-width:560px) {
  .export-overlay { padding:16px 10px; }
  .export-modal { width:100%; }
  .export-format-grid { grid-template-columns:1fr; }
  .export-modal-header,.export-format-section,.email-share-card { padding-left:18px; padding-right:18px; }
}

@media print {
  body { overflow:visible !important; background:#fff !important; }
  .workspace-header,.node-toolbar,.inspector,#graph-view,#timeline-view,#kanban-view,#budget-view,.modal-overlay,.toast-container { display:none !important; }
  #app,.workspace-screen,.workspace-body,.project-content,#plan-view { display:block !important; position:static !important; width:auto !important; height:auto !important; overflow:visible !important; background:#fff !important; }
  #plan-view { padding:0 !important; }
  #plan-view .view-shell { max-width:none !important; }
  #plan-view .view-heading .button { display:none !important; }
  #plan-view .plan-grid { grid-template-columns:1fr !important; }
  #plan-view .plan-side { position:static !important; grid-template-columns:repeat(2,1fr); margin-top:16px; }
  #plan-view .plan-section,#plan-view .plan-side-card,#plan-view .summary-banner { break-inside:avoid; box-shadow:none !important; }
}

/* Readability pass and distinct StructCanvas brand treatment. */
.brand-mark i,
.brand-mark i:nth-child(2),
.brand-mark i:nth-child(3),
.brand-mark i:nth-child(4) { background: linear-gradient(145deg,#7169e5,#5149c6); opacity: 1; }
.brand-mark i:nth-child(2) { opacity: .72; }
.brand-mark i:nth-child(3) { opacity: .54; }
.brand-mark i:nth-child(4) { background: #37318d; }

.nav-item { font-size: 14px; }
.nav-count { font-size: 11px; }
.upgrade-card strong { font-size: 13px; }
.upgrade-card p { font-size: 11px; }
.upgrade-card button,.profile-row strong { font-size: 11px; }
.profile-row small { font-size: 10px; }
.dash-header p { font-size: 14px; }
.idea-badge,.eyebrow { font-size: 10px !important; }
.idea-copy p { font-size: 14px; }
.idea-composer textarea { font-size: 15px; }
.composer-actions .button { font-size: 12px; }
.idea-hint,.suggestion-row,.suggestion-row button { font-size: 11px; }
.section-heading h3 { font-size: 17px; }
.section-heading p,.text-button { font-size: 11px; }
.project-title-row strong { font-size: 13px; }
.project-title-row small,.progress-meta,.project-footer { font-size: 10px; }
.new-project-inner strong { font-size: 12px; }
.new-project-inner small { font-size: 10px; }
.template-card strong { font-size: 12px; }
.template-card small { font-size: 10px; line-height: 1.35; }
.activity-item strong { font-size: 12px; }
.activity-item small,.activity-item > b { font-size: 10px; }

.breadcrumb { font-size: 9px; }
.title-line input { font-size: 13px; }
.save-state { font-size: 9px; }
.view-tabs button { font-size: 12px; }
.compact-button,.workspace-back { font-size: 11px; }
.library-header small,.toolbar-label { font-size: 9px; }
.library-header strong { font-size: 12px; }
.tool-copy b { font-size: 11px; }
.tool-copy small { font-size: 9px; line-height: 1.25; }
.node-toolbar .tool-button kbd { font-size: 8px; }
.canvas-pill,.canvas-icon-pill { font-size: 11px; }
.selection-summary,.selection-summary b { font-size: 10px; }

.node-type-label { font-size: 9px; }
.node-body h4 { font-size: 15px; line-height: 1.25; }
.node-body p { min-height: 33px; font-size: 11px; line-height: 1.48; }
.node-chip,.node-metric { font-size: 9px; }
.group-header strong { font-size: 10px; }
.group-header small,.group-caption { font-size: 8px; }
.shortcut-hint { font-size: 9px; }
.health-badge small { font-size: 7px; }
.health-badge strong { font-size: 10px; }

.inspector-header small { font-size: 9px; }
.inspector-header strong { font-size: 12px; }
.field-group label { font-size: 10px; }
.field-group input,.field-group textarea,.field-group select { font-size: 12px; }
.section-label,.linked-heading { font-size: 9px; }
.section-label button { font-size: 10px; }
.dependency-item strong,.linked-item strong { font-size: 10px; }
.dependency-item small,.linked-item small { font-size: 9px; }
.ai-card-head strong { font-size: 10px; }
.ai-card-head small { font-size: 9px; }
.ai-suggestion-card p { font-size: 10px; }
.suggestion-actions button,.inspector-footer button { font-size: 9px; }

.view-heading p { font-size: 12px; }
.summary-banner small { font-size: 9px; }
.summary-banner p { font-size: 11px; line-height: 1.6; }
.plan-section h3 { font-size: 14px; }
.plan-section > p { font-size: 11px; line-height: 1.55; }
.plan-task strong { font-size: 11px; }
.plan-task small,.plan-task > span { font-size: 9px; line-height: 1.4; }
.plan-side-card h4 { font-size: 11px; }
.health-row { grid-template-columns: 88px 1fr 27px; font-size: 9px; }
.action-list div { font-size: 10px; line-height: 1.4; }
.timeline-months > div { font-size: 9px; }
.timeline-label strong { font-size: 10px; }
.timeline-label small,.timeline-bar { font-size: 9px; }
.kanban-header,.kanban-card strong { font-size: 10px; }
.kanban-card small { font-size: 8px; }
.kanban-meta { font-size: 9px; }
.budget-card h3 { font-size: 13px; }
.budget-card > p,.money-item small { font-size: 10px; }
.money-item strong,.money-item b { font-size: 11px; }

.popover-heading strong { font-size: 13px; }
.popover-heading small,.popover-heading button { font-size: 9px; }
#dashboard-search-results strong,.notification-list strong,.profile-popover-head strong,.profile-menu-list strong { font-size: 10px; }
#dashboard-search-results small,.notification-list small,.profile-popover-head small,.profile-menu-list small { font-size: 9px; }
.command-item strong,.floating-menu b { font-size: 11px; }
.command-item small,.floating-menu small { font-size: 9px; }
.toast { font-size: 11px; }

/* Refined building-block library */
.workspace-body { grid-template-columns: 220px minmax(0,1fr) 340px; }
.node-toolbar { padding: 14px; gap: 7px; }
.library-header { height: 48px; align-items: center; padding: 0 0 11px; }
.block-search { height: 38px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 7px; padding: 0 9px; margin-top: 3px; border: 1px solid #d8dce3; border-radius: 9px; background: #fff; color: #838d9a; box-shadow: 0 1px 2px rgba(28,36,49,.035); }
.block-search:focus-within { border-color: #8c85e4; box-shadow: 0 0 0 3px rgba(99,91,219,.08); }
.block-search .icon { width: 15px; height: 15px; }
.block-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #303743; font-size: 11px; }
.block-search input::placeholder { color: #99a1ad; }
.block-search kbd { padding: 1px 5px; font-size: 8px; }
.toolbar-label { margin: 12px 2px 5px; }
.node-toolbar .mode-tools { gap: 6px; }
.node-toolbar .mode-tools .tool-button { height: 48px; padding: 0 10px; border: 1px solid #dfe3e8; border-radius: 9px; background: #fff; }
.node-toolbar .mode-tools .tool-button:hover { border-color: #c8cdd5; background: #fff; box-shadow: 0 4px 10px rgba(28,36,49,.06); }
.node-toolbar .mode-tools .tool-button.active { border-color: #c7c2ed; background: #eeecff; box-shadow: inset 3px 0 #635bdb; }
.node-toolbar .node-tools { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.node-toolbar .node-tools .tool-button { height: 74px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; padding: 10px; border: 1px solid #dfe3e8; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(27,35,48,.03); }
.node-toolbar .node-tools .tool-button:hover { transform: translateY(-1px); border-color: #c4cad3; background: #fff; box-shadow: 0 7px 14px rgba(29,37,50,.075); }
.node-toolbar .node-tools .tool-button:before { display: none; }
.node-toolbar .node-tools .tool-button .icon { width: 29px; height: 29px; padding: 6px; border-radius: 8px; background: color-mix(in srgb,currentColor 10%,#fff); }
.node-toolbar .node-tools .tool-copy b { font-size: 11px; }
.node-toolbar .node-tools .tool-copy small { display: none; }
.node-toolbar .node-tools .add-indicator { position: absolute; top: 8px; right: 8px; color: #9aa2ae; }
.node-toolbar .type-idea { color: #6b5fe4; }.node-toolbar .type-goal { color: #0099a6; }.node-toolbar .type-task { color: #3979d7; }.node-toolbar .type-cost { color: #c9790f; }.node-toolbar .type-risk { color: #cf4558; }.node-toolbar .type-note { color: #9b7b32; }
.node-toolbar .more-blocks { min-height: 46px; margin-top: 3px; border: 1px solid #d8dce3; border-radius: 9px; background: #fff; }
.node-toolbar .more-blocks:hover { border-color: #bbbfc9; background: #fff; }
.node-toolbar .ai-tool { min-height: 48px; border: 1px solid #d5d1f2; border-radius: 9px; background: #eceaff; }
.node-toolbar #help-button { min-height: 45px; }
.block-search-empty { grid-column: 1/-1; padding: 14px 8px; color: #8b94a1; font-size: 10px; text-align: center; }
.library-collapsed .block-search { display: none; }
.workspace-body.library-collapsed { grid-template-columns: 60px minmax(0,1fr) 340px; }
@media (max-width:1280px) {
  .workspace-body { grid-template-columns: 200px minmax(0,1fr) 320px; }
  .workspace-body.library-collapsed { grid-template-columns: 60px minmax(0,1fr) 320px; }
  .node-toolbar .node-tools { grid-template-columns: 1fr; }
  .node-toolbar .node-tools .tool-button { height: 48px; flex-direction: row; align-items: center; }
}

/* Template library */
.template-library-modal,.team-modal,.billing-modal { position: relative; width: min(1060px,calc(100vw - 72px)); max-height: calc(100vh - 64px); overflow: hidden; border: 1px solid #d7dce3; border-radius: 16px; background: #f7f8fa; box-shadow: 0 30px 90px rgba(28,36,49,.24); animation: modalIn .24s cubic-bezier(.2,.75,.25,1) both; }
#template-library-overlay,#team-overlay,#billing-overlay { place-items: center; padding-top: 0; }
.library-modal-header,.team-modal > header,.billing-modal > header { display: flex; align-items: flex-start; justify-content: space-between; padding: 24px 27px 20px; border-bottom: 1px solid #e0e4e9; background: #fff; }
.library-modal-header small,.team-modal > header small,.billing-modal > header small { color: #635bdb; font-size: 9px; font-weight: 750; letter-spacing: 1.1px; }
.library-modal-header h2,.team-modal > header h2,.billing-modal > header h2 { margin: 6px 0 0; color: #242b35; font-size: 23px; font-weight: 650; letter-spacing: -.45px; }
.library-modal-header p,.team-modal > header p,.billing-modal > header p { margin: 7px 0 0; color: #737d8b; font-size: 11px; }
.template-library-controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 26px; border-bottom: 1px solid #e2e5ea; background: #fff; }
.template-library-controls > label { width: 310px; height: 39px; display: grid; grid-template-columns: 18px 1fr; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid #d7dce3; border-radius: 9px; color: #7c8694; }
.template-library-controls label .icon { width: 15px; height: 15px; }
.template-library-controls input { border: 0; outline: 0; background: transparent; color: #29313d; font-size: 11px; }
.template-filter-tabs { display: flex; gap: 5px; padding: 3px; border-radius: 9px; background: #eef1f4; }
.template-filter-tabs button { height: 30px; padding: 0 12px; border: 0; border-radius: 7px; background: transparent; color: #697483; font-size: 10px; }
.template-filter-tabs button.active { color: #4038a0; background: #fff; box-shadow: 0 1px 4px rgba(28,36,49,.1); }
.template-library-grid { max-height: calc(100vh - 240px); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; padding: 20px 26px 27px; overflow-y: auto; }
.library-template-card { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: start; gap: 13px; min-height: 151px; padding: 17px; border: 1px solid #dfe3e8; border-radius: 12px; background: #fff; box-shadow: 0 2px 7px rgba(29,37,50,.035); transition: .18s ease; }
.library-template-card:hover { transform: translateY(-2px); border-color: #c8cdd5; box-shadow: 0 12px 24px rgba(29,37,50,.09); }
.library-template-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 11px; color: #5d55d7; background: #eceafe; }
.library-template-icon .icon { width: 20px; height: 20px; }.library-template-icon.cyan { color: #008c95; background: #e7f8f8; }.library-template-icon.rose { color: #bd4661; background: #fff0f3; }.library-template-icon.blue { color: #316fc6; background: #edf5ff; }.library-template-icon.amber { color: #b46c0c; background: #fff5e5; }.library-template-icon.green { color: #008c5c; background: #e9f9f2; }.library-template-icon.neutral { color: #626d7b; background: #eef1f4; }
.library-template-card small { color: #8a93a0; font-size: 8px; font-weight: 750; letter-spacing: .9px; }
.library-template-card h3 { margin: 5px 0 6px; color: #2c333e; font-size: 14px; }
.library-template-card p { min-height: 34px; margin: 0 0 10px; color: #737d8a; font-size: 10px; line-height: 1.45; }
.library-template-card div > span { color: #89929f; font-size: 9px; }.library-template-card div > span b { color: #5f6977; }
.library-template-card > button { align-self: center; height: 33px; padding: 0 10px; border: 1px solid #d6d3ef; border-radius: 8px; background: #f7f6ff; color: #5149c6; font-size: 9px; font-weight: 650; }
.library-template-card > button:hover { border-color: #aba5e0; background: #eeecff; }
.template-library-empty { padding: 60px 20px; color: #7b8492; text-align: center; }

/* Team settings */
.team-modal { width: min(760px,calc(100vw - 72px)); background: #fff; }
.invite-member-row { display: grid; grid-template-columns: 39px minmax(0,1fr) 112px 112px; align-items: center; gap: 9px; margin: 20px 25px 15px; padding: 12px; border: 1px solid #dcd9f3; border-radius: 11px; background: #f8f7ff; }
.invite-symbol { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 9px; color: #5d55d7; background: #e9e7fb; }.invite-symbol .icon { width: 17px; height: 17px; }
.invite-member-row input,.invite-member-row select { height: 38px; padding: 0 10px; border: 1px solid #d6dae1; border-radius: 8px; outline: 0; background: #fff; color: #303743; font-size: 11px; }
.invite-member-row input:focus,.invite-member-row select:focus { border-color: #7b73df; box-shadow: 0 0 0 3px rgba(99,91,219,.08); }
.invite-member-row .button { height: 38px; padding: 0 11px; font-size: 10px; }
.team-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 10px 25px; }
.team-toolbar strong,.team-toolbar small { display: block; }.team-toolbar strong { color: #313844; font-size: 12px; }.team-toolbar small { margin-top: 3px; color: #858e9b; font-size: 9px; }
.team-toolbar > button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: #5d55d7; font-size: 9px; }.team-toolbar > button .icon { width: 13px; height: 13px; }
.member-list { margin: 0 25px 22px; overflow: hidden; border: 1px solid #e0e3e8; border-radius: 11px; }
.member-row { min-height: 68px; display: grid; grid-template-columns: 39px minmax(0,1fr) 116px 32px; align-items: center; gap: 11px; padding: 10px 13px; border-bottom: 1px solid #e5e8ec; }.member-row:last-child { border-bottom: 0; }
.member-row:hover { background: #fafbfc; }
.member-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #635bdb; font-size: 9px; font-weight: 750; }.member-avatar.blue { background: #3979d7; }.member-avatar.green { background: #07875e; }
.member-row strong,.member-row small { display: block; }.member-row strong { color: #303743; font-size: 11px; }.member-row strong b { margin-left: 4px; padding: 2px 5px; border-radius: 4px; color: #5149c6; background: #eceafe; font-size: 7px; }.member-row small { margin-top: 4px; color: #858e9b; font-size: 9px; }
.member-role { justify-self: end; padding: 5px 8px; border-radius: 6px; color: #596473; background: #eef1f4; font-size: 9px; }.member-role.owner { color: #5149c6; background: #eceafe; }
.member-role-select { height: 32px; padding: 0 8px; border: 1px solid #d9dde4; border-radius: 7px; background: #fff; color: #515b69; font-size: 9px; }
.member-remove,.member-more { width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 7px; background: transparent; color: #949ca8; }.member-remove:hover { color: #ce4055; background: #fff0f2; }.member-more:hover { background: #f0f2f5; }.member-remove .icon,.member-more .icon { width: 14px; height: 14px; }
.team-modal > footer { display: flex; align-items: center; justify-content: space-between; padding: 14px 25px; border-top: 1px solid #e2e5ea; background: #f8f9fb; }.team-modal > footer span { display: inline-flex; align-items: center; gap: 6px; color: #7b8592; font-size: 9px; }.team-modal > footer .icon { width: 13px; height: 13px; }

/* Plans and billing */
.billing-modal { width: min(1040px,calc(100vw - 72px)); overflow-y: auto; background: #f7f8fa; }
.billing-summary { display: grid; grid-template-columns: 45px minmax(0,1fr) auto; align-items: center; gap: 13px; margin: 18px 24px 0; padding: 14px; border: 1px solid #dcd9f3; border-radius: 11px; background: linear-gradient(120deg,#fff,#f6f4ff); }
.billing-plan-mark { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 10px; color: #5d55d7; background: #e9e7fb; }.billing-plan-mark .icon { width: 20px; height: 20px; }
.billing-summary small,.billing-summary strong,.billing-summary p { display: block; }.billing-summary small { color: #79718f; font-size: 8px; font-weight: 750; letter-spacing: .8px; }.billing-summary strong { margin-top: 3px; color: #302b49; font-size: 13px; }.billing-summary p { margin: 4px 0 0; color: #737889; font-size: 9px; }
.billing-summary > button { height: 34px; padding: 0 11px; border: 1px solid #cfcbed; border-radius: 8px; background: #fff; color: #5149c6; font-size: 9px; }
.billing-cycle { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px 11px; }.billing-cycle > span { color: #333a46; font-size: 13px; font-weight: 650; }.billing-cycle > div { display: flex; gap: 4px; padding: 3px; border-radius: 9px; background: #e9ecf0; }.billing-cycle button { height: 29px; padding: 0 11px; border: 0; border-radius: 7px; background: transparent; color: #697483; font-size: 9px; }.billing-cycle button b { margin-left: 4px; color: #00865a; }.billing-cycle button.active { color: #4038a0; background: #fff; box-shadow: 0 1px 4px rgba(28,36,49,.1); }
.plan-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; padding: 0 24px; }
.plan-option { position: relative; padding: 17px; border: 1px solid #dfe3e8; border-radius: 12px; background: #fff; box-shadow: 0 2px 7px rgba(29,37,50,.03); }.plan-option.recommended { border-color: #aaa4e1; box-shadow: 0 0 0 2px rgba(99,91,219,.08); }.plan-option.current { background: #fafbfc; }
.recommended-label { position: absolute; top: -10px; right: 13px; padding: 4px 7px; border-radius: 5px; color: #fff; background: #635bdb; font-size: 7px; letter-spacing: .6px; }
.plan-option > small { color: #7c8592; font-size: 8px; font-weight: 750; letter-spacing: .9px; }.plan-option h3 { margin: 9px 0 7px; color: #262d38; font-size: 22px; }.plan-option h3 > span { color: #7c8592; font-size: 8px; font-weight: 500; }.plan-option h3 .plan-price { color: #262d38; font-size: 22px; font-weight: 700; }
.plan-option p { min-height: 30px; margin: 0; color: #707b89; font-size: 9px; line-height: 1.45; }.plan-option ul { min-height: 70px; margin: 13px 0; padding: 0; list-style: none; }.plan-option li { margin: 7px 0; color: #566170; font-size: 9px; }.plan-option li:before { content:'✓'; margin-right: 7px; color: #008c60; font-weight: 750; }.plan-option > .button { width: 100%; min-height: 34px; font-size: 9px; }
.billing-bottom-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 15px 24px 24px; }.billing-bottom-grid > section { padding: 15px; border: 1px solid #dfe3e8; border-radius: 11px; background: #fff; }
.billing-section-heading { display: flex; justify-content: space-between; margin-bottom: 13px; }.billing-section-heading strong,.billing-section-heading small { display: block; }.billing-section-heading strong { color: #343b46; font-size: 11px; }.billing-section-heading small { margin-top: 3px; color: #89929f; font-size: 8px; }.billing-section-heading > b { color: #5149c6; font-size: 9px; }
.usage-row { margin-top: 12px; }.usage-row > span { display: flex; justify-content: space-between; margin-bottom: 6px; color: #697483; font-size: 9px; }.usage-row > span b { color: #3d4653; }.usage-row > i { display: block; height: 5px; overflow: hidden; border-radius: 3px; background: #e9ecf0; }.usage-row > i b { display: block; height: 100%; border-radius: inherit; background: #6b63dd; }
.empty-invoice { min-height: 68px; display: flex; align-items: center; gap: 11px; padding: 10px; border-radius: 8px; background: #f7f8fa; color: #8a93a0; }.empty-invoice > .icon { width: 19px; height: 19px; }.empty-invoice strong,.empty-invoice small { display: block; }.empty-invoice strong { color: #596371; font-size: 9px; }.empty-invoice small { margin-top: 3px; font-size: 8px; }
.payment-method-form { display: grid; grid-template-columns: 1.2fr 1.6fr .7fr .5fr auto; align-items: end; gap: 9px; margin: 0 24px 24px; padding: 14px; border: 1px solid #dcd9f3; border-radius: 11px; background: #f8f7ff; }.payment-method-form label { color: #6f7886; font-size: 8px; }.payment-method-form input { width: 100%; height: 36px; margin-top: 6px; padding: 0 9px; border: 1px solid #d6dae1; border-radius: 7px; outline: 0; background: #fff; color: #303743; font-size: 10px; }.payment-method-form input:focus { border-color: #756de0; box-shadow: 0 0 0 3px rgba(99,91,219,.08); }.payment-method-form .button { height: 36px; min-height: 36px; font-size: 9px; }

/* User-designed StructCanvas icon system — translated to responsive SVG/CSS. */
.brand-mark {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 0;
  place-items: center;
  overflow: hidden;
  border: 1px solid #203e69;
  border-radius: 10px;
  background: radial-gradient(circle at 65% 18%,rgba(0,207,255,.22),transparent 35%),linear-gradient(145deg,#071a31,#0a1124 65%,#1b0d3b);
  box-shadow: inset 0 1px rgba(255,255,255,.12),0 5px 14px rgba(39,65,116,.16);
}
.brand-mark .brand-symbol { grid-area: 1 / 1; display: block; width: 27px; height: 27px; overflow: visible; filter: drop-shadow(0 2px 4px rgba(55,73,226,.28)); }
.brand { gap: 11px; font-size: 18px; font-weight: 700; letter-spacing: -.35px; }

.node-icon {
  border: 1px solid color-mix(in srgb,var(--node-color) 24%,#e8ebef);
  background: linear-gradient(145deg,color-mix(in srgb,var(--node-color) 13%,#fff),color-mix(in srgb,var(--node-color) 5%,#fff));
  color: var(--node-color);
  box-shadow: inset 0 1px rgba(255,255,255,.9),0 2px 5px color-mix(in srgb,var(--node-color) 12%,transparent);
}
.node-icon .icon { width: 15px; height: 15px; stroke-width: 1.9; }
.graph-node:before { background: linear-gradient(180deg,color-mix(in srgb,var(--node-color) 65%,#fff),var(--node-color)); }
.graph-node.type-idea { background: linear-gradient(145deg,#fff,#faf7ff); }
.graph-node.type-goal { background: linear-gradient(145deg,#fff,#fff9fb); }
.graph-node.type-cost,.graph-node.type-revenue { background: linear-gradient(145deg,#fff,#f7fdf9); }
.graph-node.type-risk { background: linear-gradient(145deg,#fff,#fff9f9); }
.graph-node.type-note { background: linear-gradient(145deg,#fff,#fffaf0); }

.node-chip.status,.node-chip.priority { display:inline-flex; align-items:center; gap:4px; border-radius:7px; font-weight:650; }
.node-chip.status .icon,.node-chip.priority .icon { width:10px; height:10px; stroke-width:2; }
.node-chip.status-not-started { color:#667b9f; border-color:#d4dbe6; background:#f2f5f9; }
.node-chip.status-planned { color:#087bc4; border-color:#c9e5f7; background:#ecf7ff; }
.node-chip.status-progress { color:#a66900; border-color:#f2dfb5; background:#fff7df; }
.node-chip.status-blocked { color:#c53d49; border-color:#f0cdd1; background:#fff0f2; }
.node-chip.status-complete { color:#008b61; border-color:#c3eadb; background:#eaf9f2; }
.node-chip.status-complete .icon circle { fill:currentColor; stroke:currentColor; }
.node-chip.status-complete .icon path { stroke:#fff; }
.node-chip.priority-low { color:#008b61; border-color:#cce8dc; background:#eff9f4; }
.node-chip.priority-medium { color:#087bc4; border-color:#cae4f4; background:#eff8fd; }
.node-chip.priority-high { color:#b46a00; border-color:#f0dab0; background:#fff6e2; }
.node-chip.priority-critical { color:#c83d4b; border-color:#efcbd0; background:#fff0f2; }

.node-toolbar .type-idea,.menu-icon.type-idea { color:#8f45ee; }
.node-toolbar .type-goal,.menu-icon.type-goal { color:#df3f72; }
.node-toolbar .type-task,.menu-icon.type-task { color:#1687e8; }
.node-toolbar .type-cost,.menu-icon.type-cost { color:#00a56b; }
.node-toolbar .type-risk,.menu-icon.type-risk { color:#df4552; }
.node-toolbar .type-note,.menu-icon.type-note { color:#d49a00; }
.menu-icon.type-milestone { color:#8150da; }
.menu-icon.type-revenue { color:#00a875; }
.menu-icon.type-resource { color:#dc9500; }
.menu-icon.type-decision { color:#cf4c82; }
.menu-icon.type-metric { color:#079bc3; }
.node-toolbar .node-tools .tool-button .icon,.floating-menu .menu-icon {
  border: 1px solid color-mix(in srgb,currentColor 20%,#e3e7ec);
  box-shadow: inset 0 1px rgba(255,255,255,.9);
}
.node-toolbar .ai-tool .icon,.generate-plan-button .icon,#generate-ai .icon:first-child,.ai-spark .icon,.generation-orb .icon { filter:drop-shadow(0 2px 3px rgba(104,76,221,.2)); }

.view-tabs button .icon { width:26px; height:26px; padding:5px; border:1px solid transparent; border-radius:7px; transition:.18s ease; }
.view-tabs button[data-view="graph"] .icon { color:#078ed1; background:#eaf7ff; }
.view-tabs button[data-view="plan"] .icon { color:#3979cf; background:#eef5ff; }
.view-tabs button[data-view="timeline"] .icon { color:#7359d8; background:#f0edff; }
.view-tabs button[data-view="kanban"] .icon { color:#ce3e67; background:#fff0f4; }
.view-tabs button[data-view="budget"] .icon { color:#008f78; background:#eaf9f4; }
.view-tabs button:not(.active) .icon { opacity:.68; filter:saturate(.72); }
.view-tabs button.active .icon { opacity:1; border-color:color-mix(in srgb,currentColor 22%,transparent); box-shadow:0 2px 6px rgba(30,38,51,.07); }

.project-icon,.template-icon,.activity-icon,.notification-symbol,.library-template-icon,.command-item > span:first-child,.menu-icon,.invite-symbol,.billing-plan-mark,.pro-mark,.generation-orb,.email-mark,.cloud-mark {
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 2px 6px rgba(31,40,54,.06);
}
.project-icon .icon,.template-icon .icon,.activity-icon .icon,.notification-symbol .icon,.library-template-icon .icon { stroke-width:1.9; }
.icon-button .icon,.nav-item .icon,.workspace-back .icon,.compact-button .icon,.zoom-controls .icon { stroke-width:1.85; }

.edge-group .edge { stroke:color-mix(in srgb,var(--edge-color) 62%,#7e8998); opacity:.58; }
.edge-group .edge-glow { stroke:var(--edge-color); }
.edge-group.selected-path .edge,.edge-group:hover .edge { stroke:var(--edge-color); opacity:.95; }
.connections .edge.animated { stroke:var(--edge-color); }
.node-port.out { border-color:#fff; box-shadow:0 0 0 1px color-mix(in srgb,var(--node-color) 38%,#cdd2da); }
.plan-task-state { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; }
.plan-task-state .icon,.kanban-status-icon .icon { width:14px; height:14px; stroke-width:2.2; }
.plan-task-state.status-not-started { color:#667b9f; }
.plan-task-state.status-planned { color:#1687e8; }
.plan-task-state.status-progress { color:#d99508; }
.plan-task-state.status-blocked { color:#df4552; }
.plan-task-state.status-complete { color:#00a875; }
.plan-task-state.status-complete .icon circle,.kanban-column[data-status="Complete"] .kanban-status-icon .icon circle { fill:currentColor; stroke:currentColor; }
.plan-task-state.status-complete .icon path,.kanban-column[data-status="Complete"] .kanban-status-icon .icon path { stroke:#fff; }
.kanban-status-icon { display:grid; place-items:center; width:18px; height:18px; color:var(--column-color); }
.kanban-header { gap:7px; }

@media (max-width:1240px) {
  .view-tabs button .icon { width:23px; height:23px; padding:4px; }
}

/* Complete icon catalog: consistent optical boxes and visible building blocks */
.node-toolbar .node-tools {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.node-toolbar .node-tools .tool-button {
  height:64px;
  min-width:0;
  padding:7px 4px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  overflow:hidden;
  text-align:center;
}
.node-toolbar .node-tools .block-icon {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:none;
  border:1px solid color-mix(in srgb,currentColor 20%,#e3e7ec);
  border-radius:8px;
  background:color-mix(in srgb,currentColor 10%,#fff);
  box-shadow:inset 0 1px rgba(255,255,255,.95),0 2px 5px color-mix(in srgb,currentColor 10%,transparent);
}
.node-toolbar .node-tools .block-icon .icon {
  display:block;
  width:17px;
  height:17px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  stroke-width:1.9;
}
.node-toolbar .node-tools .type-goal .block-icon .icon,
.node-toolbar .node-tools .type-resource .block-icon .icon,
.node-toolbar .node-tools .type-metric .block-icon .icon { width:18px; height:18px; }
.node-toolbar .node-tools .type-milestone .block-icon .icon { transform:translateX(1px); }
.node-toolbar .node-tools .tool-copy { display:block; width:100%; min-width:0; line-height:1; }
.node-toolbar .node-tools .tool-copy b {
  display:block;
  overflow:hidden;
  color:#56606d;
  font-size:9px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.08px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.node-toolbar .node-tools .type-dependency .tool-copy b { font-size:8px; letter-spacing:-.55px; }
.node-toolbar .node-tools .add-indicator {
  top:5px;
  right:5px;
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f0f2f5;
  color:#788392;
  font-size:10px;
  line-height:1;
  opacity:0;
}
.node-toolbar .type-dependency { color:#d99508; }
.node-toolbar .type-revenue { color:#00a875; }
.node-toolbar .type-resource { color:#dc9500; }
.node-toolbar .type-milestone { color:#8150da; }
.node-toolbar .type-decision { color:#cf4c82; }
.node-toolbar .type-metric { color:#079bc3; }
.node-toolbar .more-blocks { flex:none; }
.library-collapsed .node-toolbar .node-tools { grid-template-columns:1fr; width:40px; }
.library-collapsed .node-toolbar .node-tools .tool-button { width:40px; height:44px; padding:0; }
.library-collapsed .node-toolbar .node-tools .block-icon { width:28px; height:28px; }

.view-tabs button .view-icon {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:none;
  border:1px solid transparent;
  border-radius:8px;
  transition:.18s ease;
}
.view-tabs button .view-icon .icon {
  display:block;
  width:15px;
  height:15px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  opacity:1;
  filter:none;
  stroke-width:1.9;
}
.view-tabs button[data-view="graph"] .view-icon { color:#078ed1; background:#eaf7ff; }
.view-tabs button[data-view="plan"] .view-icon { color:#3979cf; background:#eef5ff; }
.view-tabs button[data-view="timeline"] .view-icon { color:#7359d8; background:#f0edff; }
.view-tabs button[data-view="kanban"] .view-icon { color:#ce3e67; background:#fff0f4; }
.view-tabs button[data-view="budget"] .view-icon { color:#008f78; background:#eaf9f4; }
.view-tabs button:not(.active) .view-icon { opacity:.7; filter:saturate(.72); }
.view-tabs button.active .view-icon { opacity:1; border-color:color-mix(in srgb,currentColor 22%,transparent); box-shadow:0 2px 6px rgba(30,38,51,.07); }

.select-with-icon { position:relative; }
.select-with-icon select { width:100%; padding-left:34px; }
.state-preview {
  position:absolute;
  z-index:1;
  left:10px;
  top:50%;
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  pointer-events:none;
}
.state-preview .icon { width:13px; height:13px; stroke-width:2.1; }
.state-preview.status-not-started { color:#667b9f; }
.state-preview.status-planned { color:#1687e8; }
.state-preview.status-progress { color:#d99508; }
.state-preview.status-blocked { color:#df4552; }
.state-preview.status-complete { color:#00a875; }
.state-preview.priority-low { color:#00a875; }
.state-preview.priority-medium { color:#1687e8; }
.state-preview.priority-high { color:#d47b00; }
.state-preview.priority-critical { color:#df4552; }

.ai-toolkit {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:9px 0 17px;
}
.ai-toolkit button {
  min-width:0;
  padding:8px 2px 7px;
  border:1px solid #e0e3e8;
  border-radius:9px;
  background:#fff;
  color:#6d7683;
  transition:.16s ease;
}
.ai-toolkit button:hover { border-color:#cac6ef; background:#f8f7ff; color:#544cc5; transform:translateY(-1px); box-shadow:0 5px 12px rgba(31,39,52,.06); }
.ai-toolkit button > span { display:grid; place-items:center; width:26px; height:26px; margin:0 auto 5px; border-radius:7px; background:#efedff; color:#655ddb; }
.ai-toolkit button:nth-child(2) > span { background:#eaf7ff; color:#078ed1; }
.ai-toolkit button:nth-child(3) > span { background:#eaf9f4; color:#008f78; }
.ai-toolkit button:nth-child(4) > span { background:#fff0f2; color:#d94452; }
.ai-toolkit .icon { width:14px; height:14px; stroke-width:1.9; }
.ai-toolkit b { display:block; overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }

.export-format-card.text .format-mark { color:#24699d; background:#eaf6ff; }
.format-mark .icon { width:20px; height:20px; stroke-width:1.8; }
.sign-out-button { display:flex; align-items:center; justify-content:center; gap:7px; }
.sign-out-button .icon { width:14px; height:14px; }

@media (max-width:1280px) {
  .node-toolbar .node-tools { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .node-toolbar .node-tools .tool-button { height:62px; flex-direction:column; align-items:center; }
}

/* Growth Navigator, discovery, focus mode, and motion polish */
:root { --product-ease:cubic-bezier(.22,.82,.24,1); --product-ease-out:cubic-bezier(.16,1,.3,1); }
.button,.icon-button,.nav-item,.tool-button,.canvas-pill,.canvas-icon-pill,.growth-tabs button,.tactic-card,.next-move-card { transition-timing-function:var(--product-ease); }
.navigator-button { color:#5049bd; border-color:#d4d0f1; background:#f1efff; }
.workspace-actions .compact-button { white-space:nowrap; }
.navigator-button:hover { color:#40399f; border-color:#bbb5e8; background:#e9e6ff; box-shadow:0 6px 15px rgba(82,73,190,.12); }
.navigator-button .icon { color:#675fda; }

.block-filter { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin:0 0 2px; }
.block-filter button { min-width:0; height:25px; padding:0 5px; border:1px solid #dfe3e8; border-radius:7px; background:#f8f9fb; color:#7d8794; font-size:8px; font-weight:700; transition:.16s var(--product-ease); }
.block-filter button:hover { border-color:#c9cdd5; color:#4f5865; background:#fff; }
.block-filter button.active { color:#5149c6; border-color:#cbc7ed; background:#eceaff; box-shadow:inset 0 0 0 1px rgba(99,91,219,.04); }
.library-collapsed .block-filter { display:none; }

.scene.viewport-animating { transition:transform .36s var(--product-ease-out); }
.graph-node { will-change:transform,opacity; transition:border-color .18s ease,box-shadow .18s ease,transform .2s var(--product-ease),opacity .24s ease,filter .24s ease; }
.graph-node.focus-muted { opacity:.16; filter:grayscale(.72) saturate(.35); }
.graph-node.focus-muted:hover { opacity:.72; filter:grayscale(.15) saturate(.8); }
.edge-group { transition:opacity .24s ease; }
.edge-group.focus-muted { opacity:.08; }
.canvas-icon-pill.active { color:#5149c6; border-color:#c8c3eb; background:#efedff; box-shadow:0 5px 14px rgba(64,56,155,.12); }
.canvas-icon-pill .icon { width:14px; height:14px; }

.onboarding-tip { top:62px; grid-template-columns:31px minmax(210px,1fr) auto 25px; gap:9px; max-width:560px; padding:9px 9px 9px 11px; }
.onboarding-tip > span { width:29px; height:29px; }
.onboarding-tip p { font-size:9px; line-height:1.4; }
.onboarding-tip p b { font-size:10px; }
.onboarding-tip #open-guided-start { min-height:29px; padding:0 10px; border:1px solid #d2cef0; border-radius:7px; background:#efedff; color:#554dc7; font-size:8px; font-weight:750; }
.onboarding-tip #dismiss-tip { width:25px; height:25px; display:grid; place-items:center; padding:0; border-radius:6px; color:#929aa5; }
.onboarding-tip #dismiss-tip .icon { width:12px; height:12px; }

.ai-toolkit { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.ai-toolkit button { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:7px; min-height:42px; padding:6px 8px; text-align:left; }
.ai-toolkit button > span { width:28px; height:28px; margin:0; }
.ai-toolkit b { font-size:9px; }

.growth-overlay { padding:24px; overflow:auto; place-items:start center; background:rgba(31,38,50,.4); backdrop-filter:blur(7px); }
.growth-modal { width:min(1080px,calc(100vw - 48px)); height:min(820px,calc(100vh - 48px)); display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; overflow:hidden; border:1px solid #d7dce3; border-radius:18px; background:#fff; box-shadow:0 34px 100px rgba(26,34,47,.27); animation:growthModalIn .3s var(--product-ease-out) both; }
@keyframes growthModalIn { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
.growth-modal-header { display:grid; grid-template-columns:45px minmax(0,1fr) 34px; align-items:start; gap:14px; padding:22px 25px 19px; border-bottom:1px solid #e6e9ed; background:radial-gradient(circle at 82% -20%,rgba(99,91,219,.14),transparent 35%),linear-gradient(145deg,#fff,#fbfbff); }
.growth-heading-mark { display:grid; place-items:center; width:43px; height:43px; border:1px solid #cec9ed; border-radius:12px; color:#5c54cf; background:linear-gradient(145deg,#f5f3ff,#e9e6ff); box-shadow:inset 0 1px #fff,0 6px 14px rgba(67,57,166,.1); }
.growth-heading-mark .icon { width:21px; height:21px; stroke-width:1.8; }
.growth-modal-header small { color:#625ad3; font-size:9px; font-weight:800; letter-spacing:1.05px; }
.growth-modal-header h2 { margin:4px 0 4px; color:#242b35; font-size:23px; font-weight:680; letter-spacing:-.45px; }
.growth-modal-header p { margin:0; color:#747e8b; font-size:11px; line-height:1.5; }
.growth-modal-header .modal-close { margin-top:1px; }
.growth-tabs { display:flex; align-items:center; gap:5px; min-height:51px; padding:7px 24px; border-bottom:1px solid #e4e7eb; background:#fafbfc; }
.growth-tabs button { height:36px; display:flex; align-items:center; gap:8px; padding:0 13px; border:1px solid transparent; border-radius:9px; color:#78828f; font-size:10px; font-weight:700; }
.growth-tabs button .icon { width:15px; height:15px; }
.growth-tabs button:hover { color:#404a57; background:#f0f2f5; }
.growth-tabs button.active { color:#4d46b8; border-color:#d3cfef; background:#eeecff; box-shadow:0 2px 5px rgba(55,47,150,.06); }
.growth-modal-body { min-height:0; overflow:auto; background:#f7f8fa; scrollbar-width:thin; scrollbar-color:#cbd0d7 transparent; }
.growth-panel { display:none; min-height:100%; padding:23px 25px 28px; }
.growth-panel.active { display:block; animation:growthPanelIn .24s var(--product-ease) both; }
@keyframes growthPanelIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.growth-overview { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:17px 19px; border:1px solid #dcd8f1; border-radius:13px; background:linear-gradient(120deg,#fff,#f3f1ff); box-shadow:0 3px 9px rgba(32,40,53,.035); }
.growth-overview > div { display:flex; align-items:center; gap:13px; }
.growth-score { display:grid; place-items:center; width:52px; height:52px; flex:none; border:5px solid #d8d4f2; border-top-color:#655ddb; border-right-color:#655ddb; border-radius:50%; color:#423b9f; background:#fff; font-size:17px; font-weight:800; box-shadow:0 4px 12px rgba(65,56,157,.09); }
.growth-overview small,.growth-overview strong { display:block; }
.growth-overview small { color:#8a93a0; font-size:8px; font-weight:800; letter-spacing:.8px; }
.growth-overview strong { margin-top:4px; color:#333b47; font-size:12px; }
.growth-overview > p { max-width:520px; margin:0; color:#66717f; font-size:11px; line-height:1.55; }
.growth-snapshot { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:12px; }
.snapshot-card { display:grid; grid-template-columns:36px minmax(0,1fr); gap:9px; align-items:center; padding:11px; border:1px solid #dfe3e8; border-radius:10px; background:#fff; }
.snapshot-card > span { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#635bdb; background:#eeecff; }
.snapshot-card.blue > span { color:#177fca; background:#eaf6ff; }.snapshot-card.green > span { color:#008d69; background:#e9f8f2; }.snapshot-card.amber > span { color:#bb7100; background:#fff5df; }
.snapshot-card .icon { width:16px; height:16px; }
.snapshot-card small,.snapshot-card strong,.snapshot-card p { display:block; margin:0; }
.snapshot-card small { color:#7f8996; font-size:8px; font-weight:750; }
.snapshot-card strong { margin-top:1px; color:#303844; font-size:16px; }
.snapshot-card p { color:#969da7; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.growth-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:24px 2px 12px; }
.growth-section-heading small,.idea-results-heading small,.idea-finder-intro small { color:#7f8895; font-size:8px; font-weight:800; letter-spacing:.85px; }
.growth-section-heading h3,.idea-results-heading h3,.idea-finder-intro h3 { margin:4px 0 0; color:#2d3540; font-size:16px; letter-spacing:-.2px; }
.growth-section-heading > button { display:flex; align-items:center; gap:6px; color:#5c55ca; font-size:9px; font-weight:700; }
.growth-section-heading > button .icon { width:12px; height:12px; }
.next-move-list { display:grid; gap:8px; }
.next-move-card { display:grid; grid-template-columns:29px 39px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 13px; border:1px solid #dfe3e8; border-radius:11px; background:#fff; box-shadow:0 2px 7px rgba(29,37,50,.025); }
.next-move-card:hover { border-color:#cbc7eb; box-shadow:0 9px 22px rgba(31,39,52,.07); transform:translateY(-1px); }
.move-rank { color:#a3aab4; font-size:9px; font-weight:800; }
.move-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:#5e56d1; background:#eeecff; }
.move-icon .icon { width:18px; height:18px; }
.next-move-card small { color:#655ddd; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.55px; }
.next-move-card h4 { margin:3px 0 3px; color:#313944; font-size:12px; }
.next-move-card p { margin:0; color:#727c89; font-size:9px; line-height:1.45; }
.move-meta { display:flex; align-items:center; gap:5px; margin-top:5px; color:#979ea8; font-size:8px; }.move-meta b { color:#687382; }.move-meta i { font-style:normal; }
.next-move-card > button { height:34px; display:flex; align-items:center; gap:6px; padding:0 11px; border:1px solid #d2ceef; border-radius:8px; color:#524abe; background:#f0eeff; font-size:9px; font-weight:750; white-space:nowrap; }
.next-move-card > button:hover { border-color:#aca5e2; background:#e7e3ff; }.next-move-card > button .icon { width:12px; height:12px; }

.tactic-toolbar { position:sticky; z-index:3; top:-23px; display:flex; align-items:center; justify-content:space-between; gap:15px; margin:-23px -25px 18px; padding:14px 25px; border-bottom:1px solid #e1e5e9; background:rgba(255,255,255,.95); backdrop-filter:blur(8px); }
.tactic-toolbar > label { width:min(340px,38vw); height:38px; display:grid; grid-template-columns:17px minmax(0,1fr); align-items:center; gap:8px; padding:0 10px; border:1px solid #d7dce3; border-radius:9px; color:#858e9a; background:#fff; }
.tactic-toolbar label .icon { width:14px; height:14px; }.tactic-toolbar input { min-width:0; border:0; outline:0; background:transparent; color:#303843; font-size:10px; }
.tactic-filters { display:flex; gap:4px; }.tactic-filters button { height:29px; padding:0 9px; border:1px solid transparent; border-radius:7px; color:#7b8592; font-size:8px; font-weight:700; }.tactic-filters button:hover { background:#f0f2f4; }.tactic-filters button.active { color:#5149c6; border-color:#d1cdef; background:#eceaff; }
.tactic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.tactic-card { min-width:0; display:flex; flex-direction:column; min-height:224px; padding:15px; border:1px solid #dfe3e8; border-radius:12px; background:#fff; box-shadow:0 2px 7px rgba(29,37,50,.03); }
.tactic-card:hover { border-color:#c9c5e9; box-shadow:0 12px 26px rgba(30,38,51,.075); transform:translateY(-2px); }
.tactic-card header { display:flex; align-items:center; justify-content:space-between; }
.tactic-card header > span { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#5c54cf; background:#eeecff; }.tactic-card header .icon { width:16px; height:16px; }
.tactic-card header small { color:#8c95a1; font-size:8px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; }
.tactic-card h3 { margin:12px 0 6px; color:#303843; font-size:12px; }.tactic-card > p { flex:1; margin:0; color:#747e8b; font-size:9px; line-height:1.5; }
.tactic-card-meta { display:flex; align-items:center; justify-content:space-between; margin:13px 0 10px; color:#929aa5; font-size:8px; }.tactic-card-meta span { display:flex; align-items:center; gap:4px; }.tactic-card-meta .icon { width:11px; height:11px; }
.tactic-card > button { height:34px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid #d5d1f0; border-radius:8px; color:#554dc4; background:#f2f0ff; font-size:9px; font-weight:750; }.tactic-card > button:hover { border-color:#b7b1e5; background:#e9e6ff; }.tactic-card > button .icon { width:13px; height:13px; }
.tactic-card.added { border-color:#cfe7dd; }.tactic-card > button:disabled { color:#00875f; border-color:#cce7dc; background:#ecf8f3; cursor:default; }
.growth-empty { padding:30px; color:#8b94a1; font-size:10px; text-align:center; }

.idea-finder-layout { display:grid; grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr); gap:16px; }
.idea-finder-form,.idea-results { min-height:500px; padding:19px; border:1px solid #dfe3e8; border-radius:13px; background:#fff; box-shadow:0 2px 8px rgba(29,37,50,.025); }
.idea-finder-intro { display:grid; grid-template-columns:42px 1fr; gap:12px; padding-bottom:16px; border-bottom:1px solid #e8eaed; }.idea-finder-intro > span { display:grid; place-items:center; width:40px; height:40px; border-radius:11px; color:#635bdb; background:#eceaff; }.idea-finder-intro .icon { width:19px; height:19px; }.idea-finder-intro p { margin:6px 0 0; color:#7c8693; font-size:9px; line-height:1.45; }
.idea-finder-form > label,.idea-form-row label { display:block; margin-top:13px; color:#66717f; font-size:9px; font-weight:750; }.idea-finder-form label > span { float:right; color:#a0a7b1; font-size:8px; font-weight:500; }
.idea-finder-form input,.idea-finder-form select,.idea-finder-form textarea { width:100%; margin-top:6px; padding:9px 10px; border:1px solid #d8dce3; border-radius:8px; outline:0; background:#fff; color:#303843; font:500 10px/1.4 inherit; resize:none; }.idea-finder-form input,.idea-finder-form select { height:37px; padding-top:0; padding-bottom:0; }.idea-finder-form input:focus,.idea-finder-form select:focus,.idea-finder-form textarea:focus { border-color:#756de0; box-shadow:0 0 0 3px rgba(99,91,219,.08); }
.idea-form-row { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.idea-finder-form > .button { width:100%; margin-top:16px; }
.idea-results { display:flex; flex-direction:column; gap:9px; background:#fbfbfc; }
.idea-results-empty { margin:auto; max-width:300px; text-align:center; }.idea-results-empty > span { display:grid; place-items:center; width:50px; height:50px; margin:0 auto 13px; border:1px solid #d8d4f1; border-radius:14px; color:#635bdb; background:#eeecff; }.idea-results-empty .icon { width:23px; height:23px; }.idea-results-empty h3 { margin:0; color:#424b57; font-size:13px; }.idea-results-empty p { margin:7px 0 0; color:#858e9a; font-size:9px; line-height:1.5; }
.idea-results-heading { display:flex; align-items:start; justify-content:space-between; margin-bottom:2px; }.idea-results-heading > b { padding:5px 8px; border-radius:6px; color:#5b53ca; background:#eceaff; font-size:8px; text-transform:capitalize; }
.ranked-idea { display:grid; grid-template-columns:43px minmax(0,1fr); gap:11px; padding:12px; border:1px solid #dfe3e8; border-radius:10px; background:#fff; animation:rankedIdeaIn .28s var(--product-ease-out) both; }.ranked-idea:nth-of-type(3){animation-delay:.05s}.ranked-idea:nth-of-type(4){animation-delay:.1s}@keyframes rankedIdeaIn{from{opacity:0;transform:translateY(6px)}}
.idea-rank { text-align:center; }.idea-rank strong { display:grid; place-items:center; width:34px; height:34px; margin:auto; border-radius:9px; color:#5149c6; background:#eeecff; font-size:13px; }.idea-rank span { display:block; margin-top:5px; color:#008b61; font-size:7px; font-weight:800; }
.ranked-idea > div:nth-child(2) { position:relative; min-width:0; }.ranked-icon { position:absolute; top:0; right:0; display:grid; place-items:center; width:27px; height:27px; border-radius:7px; color:#687280; background:#f0f2f4; }.ranked-icon .icon { width:13px; height:13px; }
.ranked-idea small { color:#7d8693; font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; }.ranked-idea h4 { margin:4px 32px 4px 0; color:#343c47; font-size:11px; }.ranked-idea p { margin:0; color:#747e8b; font-size:8px; line-height:1.45; }.ranked-idea p b { color:#524abe; }.ranked-idea > div > div { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; }.ranked-idea > div > div > span { overflow:hidden; color:#929aa5; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }.ranked-idea button { display:flex; align-items:center; gap:5px; flex:none; color:#554dc5; font-size:8px; font-weight:750; }.ranked-idea button .icon { width:11px; height:11px; }
.growth-modal-footer { min-height:43px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 25px; border-top:1px solid #e1e5e9; color:#858e9a; background:#fff; font-size:8px; }.growth-modal-footer span { display:flex; align-items:center; gap:6px; }.growth-modal-footer .icon { width:12px; height:12px; color:#635bdb; }

@media (max-width:1080px) {
  .navigator-button { width:38px; padding:0; font-size:0; }
  .tactic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tactic-toolbar { align-items:flex-start; flex-direction:column; }.tactic-toolbar > label { width:100%; }.tactic-filters { width:100%; overflow-x:auto; }
  .growth-snapshot { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:780px) {
  .growth-overlay { padding:10px; }.growth-modal { width:100%; height:calc(100vh - 20px); }.growth-modal-header { grid-template-columns:40px minmax(0,1fr) 32px; padding:17px; }.growth-modal-header p { display:none; }
  .growth-tabs { padding:6px 12px; }.growth-tabs button { flex:1; justify-content:center; padding:0 7px; }
  .growth-panel { padding:16px; }.growth-overview { align-items:flex-start; flex-direction:column; }.growth-snapshot,.tactic-grid { grid-template-columns:1fr; }.next-move-card { grid-template-columns:25px 36px minmax(0,1fr); }.next-move-card > button { grid-column:2/-1; justify-content:center; }.idea-finder-layout { grid-template-columns:1fr; }.idea-finder-form,.idea-results { min-height:0; }
}
@media (prefers-reduced-motion:reduce) {
  .growth-modal,.growth-panel,.ranked-idea,.scene.viewport-animating,.graph-node,.edge-group { animation:none!important; transition-duration:.01ms!important; }
}

/* Reference-grade dark workspace — navy glass, neon data, compact enterprise hierarchy */
.theme-reference {
  --ref-bg:#020711;
  --ref-bg-deep:#01050c;
  --ref-panel:#06101c;
  --ref-panel-2:#081522;
  --ref-panel-3:#0b1928;
  --ref-line:#183047;
  --ref-line-soft:#10253a;
  --ref-text:#f4f7fb;
  --ref-copy:#bac5d2;
  --ref-muted:#748398;
  --ref-purple:#7b42ff;
  --ref-violet:#aa4bff;
  --ref-cyan:#0ebdff;
  --ref-blue:#287cff;
  --ref-green:#00d793;
  --ref-amber:#ffad18;
  --ref-red:#ff5366;
  color:var(--ref-text);
  background:var(--ref-bg);
  color-scheme:dark;
}
.theme-reference ::selection { color:#fff; background:rgba(123,66,255,.62); }
.theme-reference * { scrollbar-width:thin; scrollbar-color:#1c3a54 transparent; }
.theme-reference button,.theme-reference input,.theme-reference textarea,.theme-reference select { font-family:inherit; }
.theme-reference button:focus-visible,.theme-reference input:focus-visible,.theme-reference textarea:focus-visible,.theme-reference select:focus-visible { outline:2px solid var(--ref-cyan); outline-offset:2px; }
.theme-reference .screen { color:var(--ref-text); }
.theme-reference .icon { stroke-width:1.75; }

/* Dashboard */
.theme-reference .dashboard-screen { grid-template-columns:220px minmax(0,1fr); background:radial-gradient(circle at 76% -20%,rgba(17,103,191,.14),transparent 34%),var(--ref-bg-deep); }
.theme-reference .dash-sidebar { border-color:var(--ref-line-soft); background:linear-gradient(180deg,#050e19 0%,#030914 100%); box-shadow:12px 0 35px rgba(0,0,0,.16); }
.theme-reference .brand { color:var(--ref-text); }
.theme-reference .brand-mark { border:1px solid rgba(80,131,255,.24); background:linear-gradient(145deg,#0b2035,#080c28); box-shadow:0 0 24px rgba(35,89,255,.15); }
.theme-reference .dash-nav .nav-item { color:#8090a5; }
.theme-reference .dash-nav .nav-item:hover { color:#e9f0fa; background:#0a1827; }
.theme-reference .dash-nav .nav-item.active { color:#fff; border-color:#27476a; background:linear-gradient(90deg,rgba(84,41,210,.42),rgba(15,33,54,.7)); box-shadow:inset 3px 0 var(--ref-purple),0 0 20px rgba(99,52,230,.08); }
.theme-reference .nav-count { color:#89a1bc; background:#102237; }
.theme-reference .upgrade-card { border-color:#243a61; background:radial-gradient(circle at 0 0,rgba(126,62,255,.22),transparent 56%),#081321; box-shadow:0 12px 30px rgba(0,0,0,.2); }
.theme-reference .upgrade-card strong { color:#f4f1ff; }
.theme-reference .upgrade-card p { color:#8e9db1; }
.theme-reference .upgrade-card button { color:#fff; border-color:#6d42dc; background:linear-gradient(135deg,#6f32ee,#4c22c4); box-shadow:0 8px 18px rgba(81,35,208,.22); }
.theme-reference .profile-row { color:#cad4df; border-color:transparent; }
.theme-reference .profile-row:hover { border-color:var(--ref-line); background:#081522; }
.theme-reference .profile-row small { color:#697b90; }
.theme-reference .avatar-user { color:#ebf4ff; border-color:#21405d; background:linear-gradient(145deg,#17334e,#0a1726); box-shadow:none; }
.theme-reference .dash-main { background:transparent; }
.theme-reference .dash-header { border-color:var(--ref-line-soft); background:rgba(3,9,18,.82); backdrop-filter:blur(18px); }
.theme-reference .dash-header .eyebrow,.theme-reference .eyebrow { color:#5d72ff; }
.theme-reference .dash-header h1 { color:var(--ref-text); }
.theme-reference .dash-header p { color:var(--ref-muted); }
.theme-reference .icon-button { color:#9babc0; border-color:var(--ref-line); background:#07131f; }
.theme-reference .icon-button:hover { color:#fff; border-color:#31526f; background:#0c1c2d; box-shadow:0 6px 20px rgba(0,0,0,.22); }
.theme-reference .notification i { border-color:#07131f; background:var(--ref-cyan); }
.theme-reference .idea-hero { overflow:hidden; border-color:#203954; background:radial-gradient(circle at 76% 16%,rgba(0,183,255,.13),transparent 31%),radial-gradient(circle at 12% 100%,rgba(125,50,255,.2),transparent 37%),linear-gradient(135deg,#071320,#030a14); box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025); }
.theme-reference .idea-copy h2 { color:#fff; text-shadow:0 3px 22px rgba(38,126,255,.12); }
.theme-reference .idea-copy p { color:#98a8bb; }
.theme-reference .idea-badge { color:#a99aff; border-color:#493687; background:rgba(80,40,161,.22); }
.theme-reference .idea-badge i { background:var(--ref-purple); box-shadow:0 0 10px var(--ref-purple); }
.theme-reference .idea-composer { border-color:#2a4562; background:rgba(3,11,20,.92); box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.03); }
.theme-reference .idea-composer:focus-within { border-color:#7957ee; box-shadow:0 0 0 3px rgba(123,66,255,.12),0 15px 35px rgba(0,0,0,.28); }
.theme-reference .idea-composer textarea { color:#eaf1f8; caret-color:var(--ref-cyan); }
.theme-reference .idea-composer textarea::placeholder { color:#5c6b7e; }
.theme-reference .idea-hint,.theme-reference .idea-hint kbd { color:#637489; }
.theme-reference .button.ghost { color:#a8b5c4; border-color:#294157; background:#0a1723; }
.theme-reference .button.ghost:hover { color:#fff; border-color:#3c5872; background:#0e2030; }
.theme-reference .button.primary { color:#fff; border-color:#7e42ff; background:linear-gradient(135deg,#7b38f4,#4e27d4); box-shadow:0 8px 24px rgba(94,47,223,.28),inset 0 1px rgba(255,255,255,.2); }
.theme-reference .button.primary:hover { border-color:#a779ff; box-shadow:0 11px 29px rgba(94,47,223,.38),0 0 18px rgba(118,70,255,.16); transform:translateY(-1px); }
.theme-reference .suggestion-row { color:#718298; }
.theme-reference .suggestion-row button { color:#9aaabd; border-color:#213b54; background:#081522; }
.theme-reference .suggestion-row button:hover { color:#d9e9ff; border-color:#3b5a76; background:#0d1d2d; }
.theme-reference .section-heading h3 { color:#eef3f9; }
.theme-reference .section-heading p { color:#66788d; }
.theme-reference .text-button { color:#8e7dff; }
.theme-reference .project-card { color:var(--ref-text); border-color:#172e43; background:#06101c; box-shadow:0 8px 26px rgba(0,0,0,.16); }
.theme-reference .project-card.featured { border-color:#33416d; }
.theme-reference .project-card:hover { border-color:#3c5871; background:#07131f; box-shadow:0 17px 38px rgba(0,0,0,.3),0 0 20px rgba(28,110,201,.06); }
.theme-reference .project-visual { border-color:#152d43; background-color:#020a13; background-image:radial-gradient(circle,#17324a 1px,transparent 1px); background-size:14px 14px; }
.theme-reference .project-visual:after { background:linear-gradient(transparent,rgba(3,10,18,.66)); }
.theme-reference .project-info { border-color:#162f45; background:#07131f; }
.theme-reference .mini-node { color:#eaf5ff; border-color:#326ba0; background:#07182a; box-shadow:0 0 13px rgba(15,173,255,.12); }
.theme-reference .project-title-row strong,.theme-reference .template-card strong,.theme-reference .activity-item strong { color:#e6edf5; }
.theme-reference .project-title-row small,.theme-reference .template-card small,.theme-reference .activity-item small,.theme-reference .progress-meta,.theme-reference .project-footer { color:#718297; }
.theme-reference .progress-bar { background:#11243a; }
.theme-reference .project-card.new-project { border-style:dashed; background:rgba(6,16,28,.42); }
.theme-reference .new-project-inner span { color:#a283ff; border-color:#47386f; background:#161031; }
.theme-reference .new-project-inner strong { color:#dfe8f2; }
.theme-reference .new-project-inner small { color:#6d7d90; }
.theme-reference .template-card,.theme-reference .activity-item { color:#b8c4d1; border-color:#162d43; background:#06101c; }
.theme-reference .template-card:hover,.theme-reference .activity-item:hover { border-color:#36526c; background:#0a1724; box-shadow:0 10px 28px rgba(0,0,0,.22); }

/* Workspace chrome */
.theme-reference .workspace-screen { background:var(--ref-bg); }
.theme-reference .workspace-header { flex-basis:68px; grid-template-columns:minmax(330px,1fr) auto minmax(360px,1fr); padding:0 16px; color:var(--ref-text); border-color:var(--ref-line-soft); background:linear-gradient(180deg,rgba(5,14,25,.99),rgba(3,10,18,.99)); box-shadow:0 4px 20px rgba(0,0,0,.24); }
.theme-reference .workspace-brand-block { gap:15px; }
.theme-reference .workspace-wordmark { height:39px; padding:0 11px 0 6px; gap:8px; color:#fff; border-color:transparent; background:transparent; font-size:15px; font-weight:760; letter-spacing:-.3px; }
.theme-reference .workspace-wordmark:hover { color:#fff; border-color:#203c57; background:#081624; }
.theme-reference .workspace-logo-tile { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:linear-gradient(145deg,#0b2640,#0b0e2d); box-shadow:0 0 18px rgba(26,108,255,.13); }
.theme-reference .workspace-logo-tile .brand-symbol { width:24px; height:24px; }
.theme-reference .project-name-wrap { padding-left:15px; border-left:1px solid var(--ref-line-soft); }
.theme-reference .breadcrumb { color:#607287; }
.theme-reference .breadcrumb .icon { color:#8797aa; }
.theme-reference .title-line input { color:#edf3f9; }
.theme-reference .title-line input:hover,.theme-reference .title-line input:focus { background:#091725; }
.theme-reference .save-state { color:#758599; }
.theme-reference .save-state i { background:var(--ref-green); box-shadow:0 0 8px rgba(0,215,147,.5); }
.theme-reference .view-tabs { align-self:stretch; gap:2px; }
.theme-reference .view-tabs button { position:relative; height:100%; padding:0 12px; color:#8190a2; border:0; border-radius:0; background:transparent; }
.theme-reference .view-tabs button:hover { color:#d9e3ee; background:linear-gradient(180deg,transparent,rgba(16,35,55,.65)); }
.theme-reference .view-tabs button.active { color:#fff; border:0; background:linear-gradient(180deg,rgba(93,45,209,.08),rgba(92,42,221,.17)); box-shadow:none; }
.theme-reference .view-tabs button.active:after { content:""; position:absolute; right:8px; bottom:0; left:8px; height:2px; border-radius:2px 2px 0 0; background:linear-gradient(90deg,var(--ref-purple),var(--ref-cyan)); box-shadow:0 -2px 10px rgba(119,65,255,.7); }
.theme-reference .view-tabs button .view-icon { width:25px; height:25px; color:#8296aa; border:1px solid #1b3951; border-radius:7px; background:#081724; box-shadow:none; }
.theme-reference .view-tabs button .view-icon .icon { width:13px; height:13px; }
.theme-reference .view-tabs button[data-view="graph"] .view-icon,.theme-reference .view-tabs button[data-view="plan"] .view-icon,.theme-reference .view-tabs button[data-view="timeline"] .view-icon,.theme-reference .view-tabs button[data-view="kanban"] .view-icon,.theme-reference .view-tabs button[data-view="budget"] .view-icon { color:#8da2b6; background:#081724; }
.theme-reference .view-tabs button.active .view-icon { color:#4fd1ff; border-color:#235f83; background:#0a2940; box-shadow:0 0 15px rgba(17,188,255,.11); }
.theme-reference .workspace-actions .compact-button,.theme-reference .share-button { color:#aeb9c7; border-color:#233e57; background:#071521; }
.theme-reference .workspace-actions .compact-button:hover,.theme-reference .share-button:hover { color:#fff; border-color:#3d5c77; background:#0b1c2b; }
.theme-reference .navigator-button { color:#cbbdff!important; border-color:#6243d4!important; background:linear-gradient(135deg,#5c2ad2,#32159a)!important; box-shadow:0 8px 18px rgba(70,30,190,.23); }
.theme-reference .workspace-actions .icon-button { color:#9cadc0; border-color:transparent; background:transparent; }
.theme-reference .workspace-actions .icon-button:hover { color:#fff; border-color:#203e59; background:#0a1926; }
.theme-reference .workspace-actions .top-action { color:#91a4b7; border-color:#203d56; background:#071521; }
.theme-reference .workspace-actions .top-action:hover { color:#fff; border-color:#3a5a74; background:#0b1d2c; }
.theme-reference .workspace-actions .top-action kbd { color:#657b90; border-color:#1c384f; background:#0b1b29; }
.theme-reference .workspace-actions .header-members i { color:#d7e1eb; border-color:#07131f; background:#12263a; }
.theme-reference .workspace-actions .header-members i:nth-child(2) { background:#2b1739; }
.theme-reference .workspace-actions .generate-plan-button { color:#fff; border-color:#7441e8; background:linear-gradient(135deg,#6a2ddb,#431eb6); box-shadow:0 8px 22px rgba(72,29,189,.25),inset 0 1px rgba(255,255,255,.15); }
.theme-reference .workspace-actions .generate-plan-button:hover { border-color:#9b71ff; background:linear-gradient(135deg,#7b39ef,#5126ca); box-shadow:0 10px 27px rgba(87,37,211,.34); }
.theme-reference .workspace-body { background:var(--ref-bg); }

/* Persistent sidebar and on-demand block library */
.theme-reference .node-toolbar { position:relative; z-index:12; min-height:0; padding:13px 10px 11px; gap:5px; overflow:hidden; color:var(--ref-copy); border-color:var(--ref-line-soft); background:linear-gradient(180deg,#050f1b,#030a14); box-shadow:8px 0 26px rgba(0,0,0,.16); }
.theme-reference .sidebar-new-project { width:100%; height:39px; display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:9px; color:#fff; border:1px solid #783cff; border-radius:8px; background:linear-gradient(135deg,#702be9,#4c20c4); font-size:10px; font-weight:760; box-shadow:0 7px 18px rgba(77,30,195,.25),inset 0 1px rgba(255,255,255,.16); }
.theme-reference .sidebar-new-project:hover { filter:brightness(1.12); box-shadow:0 9px 25px rgba(90,39,218,.34); transform:translateY(-1px); }
.theme-reference .workspace-side-nav { display:grid; gap:2px; }
.theme-reference .workspace-side-nav button { position:relative; width:100%; height:34px; display:grid; grid-template-columns:17px minmax(0,1fr) auto; align-items:center; gap:9px; padding:0 9px; color:#8190a3; border:1px solid transparent; border-radius:7px; background:transparent; font-size:9px; font-weight:630; text-align:left; transition:.16s var(--product-ease); }
.theme-reference .workspace-side-nav button .icon { width:15px; height:15px; }
.theme-reference .workspace-side-nav button b { min-width:18px; padding:2px 5px; border-radius:8px; color:#698096; background:#0d2134; font-size:7px; text-align:center; }
.theme-reference .workspace-side-nav button:hover { color:#edf4fb; background:#0a1826; }
.theme-reference .workspace-side-nav button.active { color:#dcd5ff; border-color:#302757; background:linear-gradient(90deg,rgba(100,47,232,.28),rgba(12,27,43,.52)); box-shadow:inset 2px 0 var(--ref-purple); }
.theme-reference .node-toolbar .toolbar-spacer { display:block; min-height:6px; flex:1; }
.theme-reference .node-toolbar > .toolbar-divider { width:auto; height:1px; margin:5px 3px; background:var(--ref-line-soft); }
.theme-reference .node-toolbar > .tool-button { min-height:35px; height:auto; grid-template-columns:18px minmax(0,1fr); color:#798ba0; border:1px solid transparent; border-radius:7px; background:transparent; }
.theme-reference .node-toolbar > .tool-button .tool-copy b { color:#9aaabd; font-size:9px; }
.theme-reference .node-toolbar > .tool-button .tool-copy small { display:none; }
.theme-reference .node-toolbar > .tool-button:hover { color:#fff; border-color:#17324a; background:#091725; }
.theme-reference .node-toolbar > .ai-tool { margin-top:0; color:#a978ff; background:linear-gradient(90deg,rgba(88,34,195,.2),rgba(10,24,39,.4)); }
.theme-reference .workspace-user-card { width:100%; min-height:43px; display:grid; grid-template-columns:30px minmax(0,1fr) 14px; align-items:center; gap:8px; margin-top:3px; padding:5px 7px; color:#ccd6e0; border:1px solid transparent; border-radius:8px; background:transparent; text-align:left; }
.theme-reference .workspace-user-card:hover { border-color:#1e3952; background:#081624; }
.theme-reference .workspace-user-card .avatar { width:29px; height:29px; font-size:8px; }
.theme-reference .workspace-user-card strong,.theme-reference .workspace-user-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.theme-reference .workspace-user-card strong { font-size:9px; }
.theme-reference .workspace-user-card small { margin-top:2px; color:#60758a; font-size:7px; }
.theme-reference .workspace-user-card .icon { width:12px; height:12px; color:#61768b; }
.theme-reference .block-library-panel { position:fixed; z-index:70; top:68px; bottom:0; left:176px; width:246px; display:block; padding:15px 13px 20px; overflow-y:auto; color:#bcc8d5; border-right:1px solid #24425c; background:linear-gradient(180deg,rgba(7,18,31,.99),rgba(4,12,22,.99)); box-shadow:24px 0 55px rgba(0,0,0,.4); opacity:0; visibility:hidden; pointer-events:none; transform:translateX(-14px); transition:opacity .2s var(--product-ease),transform .24s var(--product-ease-out),visibility .2s; }
.theme-reference .node-toolbar.blocks-open .block-library-panel { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); }
.theme-reference .library-header { min-height:34px; margin-bottom:10px; }
.theme-reference .library-header span small { color:#61758a; }
.theme-reference .library-header span strong { color:#e9eff6; font-size:12px; }
.theme-reference .library-collapse { color:#7e8fa2; border-color:#1d384f; background:#091724; }
.theme-reference .library-collapse:hover { color:#fff; background:#102337; }
.theme-reference .block-search { color:#73879d; border-color:#1b354c; background:#040d17; }
.theme-reference .block-search:focus-within { color:#b1c1d2; border-color:#6751da; box-shadow:0 0 0 3px rgba(105,72,225,.1); }
.theme-reference .block-search input { color:#dce5ee; }
.theme-reference .block-search input::placeholder { color:#536579; }
.theme-reference .block-filter { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.theme-reference .block-filter button { color:#74869a; border-color:#173047; background:#07131f; }
.theme-reference .block-filter button:hover { color:#e0e8f1; border-color:#294861; background:#0a1a29; }
.theme-reference .block-filter button.active { color:#d7ccff; border-color:#5745a4; background:#21184b; }
.theme-reference .node-toolbar .block-library-panel .mode-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:10px 0; }
.theme-reference .node-toolbar .block-library-panel .mode-tools .tool-button { min-height:50px; color:#9eabc0; border-color:#19354d; background:#071521; }
.theme-reference .node-toolbar .block-library-panel .mode-tools .tool-button:hover { color:#fff; border-color:#34536c; background:#0c1c2b; box-shadow:0 7px 18px rgba(0,0,0,.18); }
.theme-reference .node-toolbar .block-library-panel .mode-tools .tool-button.active { color:#d8ccff; border-color:#5d43bc; background:#1c1244; box-shadow:inset 3px 0 var(--ref-purple),0 0 18px rgba(105,56,228,.08); }
.theme-reference .node-toolbar .block-library-panel .node-tools { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.theme-reference .node-toolbar .block-library-panel .node-tools .tool-button { height:70px; color:var(--node-color,currentColor); border-color:#18344c; background:linear-gradient(155deg,#0a1a29,#07121e); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.theme-reference .node-toolbar .block-library-panel .node-tools .tool-button:hover { border-color:color-mix(in srgb,currentColor 56%,#24435d); background:#0c1d2d; box-shadow:0 9px 22px rgba(0,0,0,.25),0 0 18px color-mix(in srgb,currentColor 8%,transparent); }
.theme-reference .node-toolbar .block-library-panel .node-tools .tool-button .icon { width:30px; height:30px; color:currentColor; background:color-mix(in srgb,currentColor 13%,#07121e); box-shadow:0 0 13px color-mix(in srgb,currentColor 12%,transparent); }
.theme-reference .node-toolbar .block-library-panel .node-tools .tool-copy b { color:#d9e3ee; }
.theme-reference .node-toolbar .block-library-panel .more-blocks { color:#8192a5; border-color:#224058; background:#071521; }
.theme-reference .block-library-panel .type-idea { --block-color:#a44eff; color:var(--block-color); }.theme-reference .block-library-panel .type-goal { --block-color:#ff4e91; color:var(--block-color); }.theme-reference .block-library-panel .type-task { --block-color:#20a8ff; color:var(--block-color); }.theme-reference .block-library-panel .type-dependency { --block-color:#ffb817; color:var(--block-color); }
.theme-reference .block-library-panel .type-cost { --block-color:#00d797; color:var(--block-color); }.theme-reference .block-library-panel .type-revenue { --block-color:#00d67a; color:var(--block-color); }.theme-reference .block-library-panel .type-resource { --block-color:#ffc01c; color:var(--block-color); }.theme-reference .block-library-panel .type-risk { --block-color:#ff5366; color:var(--block-color); }
.theme-reference .block-library-panel .type-milestone { --block-color:#a85cff; color:var(--block-color); }.theme-reference .block-library-panel .type-decision { --block-color:#ff5b9c; color:var(--block-color); }.theme-reference .block-library-panel .type-metric { --block-color:#15c9ff; color:var(--block-color); }.theme-reference .block-library-panel .type-note { --block-color:#ffc21b; color:var(--block-color); }
.theme-reference .node-toolbar .block-library-panel .node-tools .tool-button .block-icon { width:31px; height:31px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--block-color) 44%,#18344c); border-radius:8px; background:color-mix(in srgb,var(--block-color) 13%,#07121e); box-shadow:0 0 15px color-mix(in srgb,var(--block-color) 12%,transparent),inset 0 1px rgba(255,255,255,.04); }
.theme-reference .node-toolbar .block-library-panel .node-tools .tool-button .block-icon .icon { width:17px; height:17px; padding:0; color:var(--block-color); background:transparent; box-shadow:none; filter:drop-shadow(0 0 5px color-mix(in srgb,var(--block-color) 44%,transparent)); }

/* Canvas, tools, nodes, and connections */
.theme-reference .project-content { background:#020914; }
.theme-reference .project-view { background:#020914; }
.theme-reference .node-canvas { background-color:#020a14; background-image:radial-gradient(circle,#17334a 1px,transparent 1.05px),radial-gradient(circle at 50% 0,rgba(28,107,166,.12),transparent 42%); background-size:18px 18px,100% 100%; box-shadow:inset 0 0 65px rgba(0,0,0,.42); }
.theme-reference .canvas-vignette { background:radial-gradient(circle at 50% 48%,transparent 53%,rgba(0,4,10,.38) 100%); pointer-events:none; }
.theme-reference .canvas-top-left { top:16px; left:14px; display:flex; align-items:flex-start; gap:10px; }
.theme-reference .canvas-tool-rail { display:grid; gap:3px; padding:5px; border:1px solid #203b54; border-radius:10px; background:rgba(5,15,26,.9); box-shadow:0 14px 35px rgba(0,0,0,.3); backdrop-filter:blur(14px); }
.theme-reference .canvas-tool-rail:after { content:""; height:1px; margin:2px 3px; background:#173148; order:3; }
.theme-reference .canvas-tool-rail #canvas-select-tool { order:1; }
.theme-reference .canvas-tool-rail #canvas-pan-tool { order:2; }
.theme-reference .canvas-tool-rail #canvas-add-block { order:4; }
.theme-reference .canvas-tool-rail #filter-button { order:5; }
.theme-reference .canvas-tool-rail #focus-mode-button { order:6; }
.theme-reference .canvas-tool-rail #layout-button { order:7; }
.theme-reference .canvas-icon-pill { width:30px; height:30px; display:grid; place-items:center; padding:0; color:#8093a8; border:1px solid transparent; border-radius:7px; background:transparent; }
.theme-reference .canvas-icon-pill:hover { color:#fff; border-color:#23435d; background:#0c2031; }
.theme-reference .canvas-icon-pill.active { color:#33c4ff; border-color:#255f8c; background:#0c2a43; box-shadow:0 0 16px rgba(14,189,255,.12); }
.theme-reference .selection-summary { min-height:32px; display:flex; align-items:center; gap:6px; padding:0 10px; color:#72869a; border:1px solid #173149; border-radius:8px; background:rgba(4,13,23,.82); font-size:8px; box-shadow:0 8px 22px rgba(0,0,0,.22); backdrop-filter:blur(10px); }
.theme-reference .selection-summary b { color:#a8b8c8; }
.theme-reference .pulse-dot { width:5px; height:5px; border-radius:50%; background:var(--ref-green); box-shadow:0 0 8px var(--ref-green); }
.theme-reference .canvas-bottom-left { left:50%; bottom:13px; transform:translateX(-50%); }
.theme-reference .zoom-controls { padding:4px; border-color:#213e57; border-radius:10px; background:rgba(5,15,26,.92); box-shadow:0 12px 30px rgba(0,0,0,.34); backdrop-filter:blur(14px); }
.theme-reference .zoom-controls button { color:#8ca0b5; border-color:transparent; }
.theme-reference .zoom-controls button:hover { color:#fff; background:#102438; }
.theme-reference #zoom-value { min-width:54px; color:#dae4ee; border-right:1px solid #1a354e; border-left:1px solid #1a354e; border-radius:0; }
.theme-reference .shortcut-hint { display:none; }
.theme-reference .health-badge,.theme-reference .minimap { display:none; }
.theme-reference .onboarding-tip { top:16px; left:62px; color:#a8b6c6; border-color:#264760; background:rgba(6,18,30,.94); box-shadow:0 18px 38px rgba(0,0,0,.34); backdrop-filter:blur(16px); }
.theme-reference .onboarding-tip > span { color:#b083ff; background:#1c1243; }
.theme-reference .onboarding-tip p b { color:#edf4fb; }
.theme-reference .onboarding-tip #open-guided-start { color:#e0d8ff; border-color:#5d45ae; background:#241655; }
.theme-reference .onboarding-tip #dismiss-tip { color:#74879a; }
.theme-reference .graph-node { width:220px; min-height:108px; overflow:visible; color:#d8e2ec; border:1px solid color-mix(in srgb,var(--node-color) 68%,#18344a); border-radius:9px; background:linear-gradient(145deg,color-mix(in srgb,var(--node-color) 7%,#0b1724),#07111c 72%); box-shadow:0 12px 28px rgba(0,0,0,.37),0 0 19px color-mix(in srgb,var(--node-color) 8%,transparent),inset 0 1px rgba(255,255,255,.035); }
.theme-reference .graph-node:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--node-color) 88%,#fff); background:linear-gradient(145deg,color-mix(in srgb,var(--node-color) 10%,#0b1724),#08131f 72%); box-shadow:0 17px 34px rgba(0,0,0,.44),0 0 26px color-mix(in srgb,var(--node-color) 15%,transparent); }
.theme-reference .graph-node.selected { border-color:color-mix(in srgb,var(--node-color) 86%,#fff); box-shadow:0 0 0 1px var(--node-color),0 0 26px color-mix(in srgb,var(--node-color) 24%,transparent),0 18px 38px rgba(0,0,0,.5); }
.theme-reference .graph-node.dragging,.theme-reference .graph-node.dragging-with-group { transform:scale(1.015); box-shadow:0 23px 48px rgba(0,0,0,.55),0 0 32px color-mix(in srgb,var(--node-color) 24%,transparent); }
.theme-reference .graph-node.type-idea { width:230px; min-height:112px; background:linear-gradient(145deg,rgba(91,47,159,.2),#0a1321 68%); }
.theme-reference .graph-node.type-note { background:linear-gradient(145deg,rgba(133,96,7,.13),#0a1320 68%); }
.theme-reference .graph-node:before { top:13px; bottom:13px; left:-1px; width:2px; border-radius:0 3px 3px 0; background:var(--node-color); box-shadow:0 0 9px var(--node-color); }
.theme-reference .node-head { min-height:38px; padding:8px 9px 6px 11px; border-color:rgba(90,127,158,.15); }
.theme-reference .node-icon { width:25px; height:25px; border-color:color-mix(in srgb,var(--node-color) 35%,#173149); background:color-mix(in srgb,var(--node-color) 12%,#071420); box-shadow:0 0 12px color-mix(in srgb,var(--node-color) 15%,transparent); }
.theme-reference .node-icon .icon { width:14px; height:14px; }
.theme-reference .node-type { color:#8393a6; font-size:7px; letter-spacing:.75px; }
.theme-reference .node-menu { color:#64788d; }
.theme-reference .node-menu:hover { color:#fff; background:#102438; }
.theme-reference .node-body { padding:7px 11px 9px; }
.theme-reference .node-body h4 { margin:0; color:#f2f6fa; font-size:11px; font-weight:680; line-height:1.27; }
.theme-reference .node-body p { min-height:22px; margin:4px 0 7px; color:#8191a4; font-size:8px; line-height:1.42; }
.theme-reference .node-meta { margin-top:7px; color:#718397; }
.theme-reference .node-chip { padding:2px 5px; color:#8698aa; border:1px solid #20384b; border-radius:5px; background:#0b1b28; font-size:7px; }
.theme-reference .node-chip.status,.theme-reference .node-chip.priority { border-color:color-mix(in srgb,currentColor 32%,#132b40); background:color-mix(in srgb,currentColor 10%,#091620); }
.theme-reference .node-chip.status-not-started { color:#8ea1ba; border-color:#334a61; background:#0d1c2b; }
.theme-reference .node-chip.status-planned { color:#28b7ff; border-color:#18577a; background:#06243a; }
.theme-reference .node-chip.status-progress { color:#ffc449; border-color:#725614; background:#2a2109; }
.theme-reference .node-chip.status-blocked { color:#ff6977; border-color:#71313a; background:#2a1118; }
.theme-reference .node-chip.status-complete { color:#19dda0; border-color:#1f654f; background:#09271e; }
.theme-reference .node-chip.priority-low { color:#18d9a0; border-color:#1b604b; background:#09261e; }
.theme-reference .node-chip.priority-medium { color:#31b8ff; border-color:#195779; background:#082438; }
.theme-reference .node-chip.priority-high { color:#ffc44e; border-color:#6b5119; background:#2a210c; }
.theme-reference .node-chip.priority-critical { color:#ff6879; border-color:#71313c; background:#2a1119; }
.theme-reference .connection-port { width:9px; height:9px; border:2px solid color-mix(in srgb,var(--node-color) 75%,#fff); background:#06101b; box-shadow:0 0 8px color-mix(in srgb,var(--node-color) 48%,transparent); }
.theme-reference .edge { opacity:.78; filter:url(#edgeGlow); }
.theme-reference .edge-hit:hover + .edge,.theme-reference .edge:hover { opacity:1; stroke-width:2; }
.theme-reference .edge-group.focus-muted { opacity:.06; }
.theme-reference .draft-edge { stroke:var(--ref-cyan); filter:url(#edgeGlow); }
.theme-reference .plan-group { color:#8294a7; border-color:color-mix(in srgb,var(--group-color,#7358de) 43%,#18354c); background:color-mix(in srgb,var(--group-color,#7358de) 4%,rgba(4,13,22,.5)); box-shadow:inset 0 0 45px rgba(0,0,0,.12); }
.theme-reference .plan-group:hover { border-color:color-mix(in srgb,var(--group-color,#7358de) 66%,#254c68); background:color-mix(in srgb,var(--group-color,#7358de) 5%,rgba(4,13,22,.58)); }
.theme-reference .group-header { color:#9eb0c2; border-color:color-mix(in srgb,var(--group-color) 38%,#203a52); background:rgba(6,18,30,.96); box-shadow:0 9px 22px rgba(0,0,0,.3),0 0 14px color-mix(in srgb,var(--group-color) 7%,transparent); backdrop-filter:blur(10px); }
.theme-reference .group-header strong { color:#dfe8f1; }
.theme-reference .group-header small { color:#688096; }
.theme-reference .group-symbol { color:var(--group-color); background:color-mix(in srgb,var(--group-color) 15%,#07131f); }
.theme-reference .group-collapse { color:#72869a; background:transparent; }
.theme-reference .group-collapse:hover { color:#fff; background:#102438; }
.theme-reference .group-caption { color:color-mix(in srgb,var(--group-color) 74%,#75869a); }

/* Right intelligence rail */
.theme-reference .inspector { color:#c9d4df; border-color:var(--ref-line-soft); background:linear-gradient(180deg,#06111e,#030b15); box-shadow:-8px 0 30px rgba(0,0,0,.18); }
.theme-reference .inspector-header { flex-basis:58px; padding:0 13px; border-color:#153048; background:#06111d; }
.theme-reference .inspector-type-icon { color:#a784ff; border-color:#3b2f69; background:#1b123b; box-shadow:0 0 14px rgba(112,67,246,.12); }
.theme-reference .inspector-header small { color:#63778d; }
.theme-reference .inspector-header strong { color:#ecf2f8; }
.theme-reference .inspector-header button { color:#65798e; }
.theme-reference .inspector-header button:hover { color:#fff; background:#0d2031; }
.theme-reference .inspector-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:6px 8px; border-bottom:1px solid #122b41; background:#040d17; }
.theme-reference .inspector-tabs button { height:31px; display:flex; align-items:center; justify-content:center; gap:6px; color:#74879b; border:1px solid transparent; border-radius:7px; background:transparent; font-size:8px; font-weight:750; }
.theme-reference .inspector-tabs button .icon { width:12px; height:12px; }
.theme-reference .inspector-tabs button:hover { color:#cdd8e3; background:#091725; }
.theme-reference .inspector-tabs button.active { color:#dcd3ff; border-color:#44347d; background:#1c1342; box-shadow:0 0 14px rgba(102,55,222,.08); }
.theme-reference [data-inspector-panel] { display:none; }
.theme-reference [data-inspector-panel].active { display:block; animation:referencePanelIn .2s var(--product-ease-out) both; }
@keyframes referencePanelIn { from { opacity:0; transform:translateY(4px); } }
.theme-reference .inspector-scroll { padding:12px; background:transparent; }
.theme-reference .inspector.showing-insights .inspector-footer { display:none; }
.theme-reference .inspector-footer { flex-basis:52px; padding:8px; border-color:#142d43; background:#040d17; }
.theme-reference .inspector-footer button { color:#8ea0b4; border-color:#1c3850; background:#071520; }
.theme-reference .inspector-footer button:hover { color:#fff; border-color:#34536d; background:#0b1d2c; }
.theme-reference .insight-strength-card,.theme-reference .insight-health-card { padding:13px; border:1px solid #18354d; border-radius:10px; background:linear-gradient(155deg,#081725,#050f1a); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.theme-reference .insight-strength-card > small,.theme-reference .insight-health-card > small { color:#73879b; font-size:7px; font-weight:820; letter-spacing:.85px; }
.theme-reference .insight-strength-card > div { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:11px; margin-top:11px; }
.theme-reference .insight-ring { position:relative; width:66px; height:66px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--ref-green) calc(var(--score)*1%),#10283a 0); box-shadow:0 0 20px rgba(0,215,147,.12); }
.theme-reference .insight-ring:after { content:""; position:absolute; inset:7px; border-radius:50%; background:#06121f; box-shadow:inset 0 0 0 1px #18334a; }
.theme-reference .insight-ring b { position:relative; z-index:1; color:#fff; font-size:16px; }
.theme-reference .insight-strength-card strong { color:#16de9c; font-size:10px; }
.theme-reference .insight-strength-card p { margin:5px 0 0; color:#8393a5; font-size:8px; line-height:1.45; }
.theme-reference .insight-section-title { display:flex; align-items:center; justify-content:space-between; margin:16px 2px 8px; }
.theme-reference .insight-section-title small,.theme-reference .insight-section-title strong { display:block; }
.theme-reference .insight-section-title small { color:#64788c; font-size:7px; font-weight:820; letter-spacing:.75px; }
.theme-reference .insight-section-title strong { margin-top:3px; color:#dce4ed; font-size:10px; }
.theme-reference .insight-section-title button { width:27px; height:27px; display:grid; place-items:center; color:#8e78ed; border:1px solid #2e2857; border-radius:7px; background:#120e2b; }
.theme-reference .insight-section-title button:hover { color:#fff; border-color:#5d45bd; background:#21164b; }
.theme-reference .insight-section-title .icon { width:12px; height:12px; }
.theme-reference .insight-suggestions { display:grid; gap:6px; }
.theme-reference .insight-suggestions > button { min-height:49px; display:grid; grid-template-columns:25px minmax(0,1fr) 12px; align-items:center; gap:8px; padding:7px 8px; color:#8c9daf; border:1px solid #163147; border-radius:8px; background:#071521; text-align:left; transition:.16s var(--product-ease); }
.theme-reference .insight-suggestions > button:hover { color:#c5d2df; border-color:#2a4b64; background:#0a1c2b; transform:translateX(2px); }
.theme-reference .insight-suggestions > button > b { width:23px; height:23px; display:grid; place-items:center; color:#b6a4ff; border:1px solid #40316e; border-radius:6px; background:#1b123c; font-size:8px; }
.theme-reference .insight-suggestions span strong,.theme-reference .insight-suggestions span small { display:block; }
.theme-reference .insight-suggestions span strong { color:#dde6ef; font-size:8px; }
.theme-reference .insight-suggestions span small { overflow:hidden; margin-top:3px; color:#718398; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.theme-reference .insight-suggestions > button > .icon { width:10px; height:10px; }
.theme-reference .insight-primary-action { width:100%; min-height:34px; display:flex; align-items:center; justify-content:center; gap:7px; margin:9px 0 12px; color:#fff; border:1px solid #7140e8; border-radius:7px; background:linear-gradient(135deg,#692dda,#421db4); font-size:8px; font-weight:760; box-shadow:0 7px 18px rgba(72,29,189,.22); }
.theme-reference .insight-primary-action:hover { filter:brightness(1.12); }
.theme-reference .insight-primary-action .icon { width:13px; height:13px; }
.theme-reference .insight-health-card { margin-top:9px; }
.theme-reference .insight-health-row { display:grid; grid-template-columns:68px minmax(0,1fr) 29px; align-items:center; gap:7px; margin-top:9px; color:#aab7c5; font-size:7px; }
.theme-reference .insight-health-row > i { height:3px; overflow:hidden; border-radius:4px; background:#132b3e; }
.theme-reference .insight-health-row > i b { display:block; height:100%; border-radius:inherit; background:var(--ref-green); box-shadow:0 0 7px rgba(0,215,147,.35); }
.theme-reference .insight-health-row:nth-child(2) > i b { background:var(--ref-cyan); }
.theme-reference .insight-health-row:nth-child(3) > i b { background:var(--ref-amber); }
.theme-reference .insight-health-row:nth-child(4) > i b { background:var(--ref-red); }
.theme-reference .insight-health-row > strong { color:#00db98; font-size:7px; text-align:right; }
.theme-reference .insight-health-row .tone-2 { color:var(--ref-amber); }.theme-reference .insight-health-row .tone-3 { color:var(--ref-red); }.theme-reference .insight-health-row .tone-4 { color:var(--ref-green); }
.theme-reference .field-group label,.theme-reference .section-label,.theme-reference .linked-heading { color:#72869a; }
.theme-reference .field-group input,.theme-reference .field-group textarea,.theme-reference .field-group select { color:#dce5ee; border-color:#1c374f; background:#06131f; }
.theme-reference .field-group input:focus,.theme-reference .field-group textarea:focus,.theme-reference .field-group select:focus { border-color:#6750d6; box-shadow:0 0 0 3px rgba(105,80,214,.1); }
.theme-reference .dependency-item,.theme-reference .linked-item { color:#a8b6c5; border-color:#173149; background:#071521; }
.theme-reference .dependency-item strong,.theme-reference .linked-item strong { color:#dbe4ed; }
.theme-reference .dependency-item small,.theme-reference .linked-item small { color:#6d8195; }
.theme-reference .ai-suggestion-card { color:#9caec0; border-color:#42336f; background:linear-gradient(145deg,rgba(83,41,172,.22),#081522); }
.theme-reference .ai-suggestion-card strong,.theme-reference .ai-suggestion-card b { color:#e6ddff; }
.theme-reference .ai-toolkit button { color:#8b9aae; border-color:#18344b; background:#071521; }
.theme-reference .ai-toolkit button:hover { color:#e8e0ff; border-color:#4e3f8d; background:#171134; }
.theme-reference .ai-toolkit button > span { color:#9b74ff; background:#1c1243; }

/* Alternate views */
.theme-reference .alt-view { color:#cbd6e2; background:#030a14; }
.theme-reference .view-shell { color:#c4d0dc; }
.theme-reference .view-heading h2 { color:#f2f6fa; }.theme-reference .view-heading p { color:#708398; }
.theme-reference .summary-banner,.theme-reference .plan-section,.theme-reference .plan-side-card,.theme-reference .kanban-column,.theme-reference .budget-card,.theme-reference .timeline-rows { border-color:#183249; background:#06121e; box-shadow:0 8px 26px rgba(0,0,0,.15); }
.theme-reference .summary-banner small,.theme-reference .plan-section > p,.theme-reference .plan-side-card p { color:#708398; }
.theme-reference .summary-banner strong,.theme-reference .plan-section h3,.theme-reference .plan-side-card h4 { color:#e6edf5; }
.theme-reference .plan-task,.theme-reference .action-list > div,.theme-reference .timeline-row,.theme-reference .kanban-card { color:#aab7c5; border-color:#173249; background:#081724; }
.theme-reference .plan-task strong,.theme-reference .timeline-label strong,.theme-reference .kanban-card strong { color:#e0e8f0; }
.theme-reference .plan-task small,.theme-reference .timeline-label small,.theme-reference .kanban-card small { color:#6c8195; }
.theme-reference .timeline-months,.theme-reference .kanban-header { color:#71859a; border-color:#173149; background:#050f1a; }
.theme-reference .timeline-track { background-image:linear-gradient(90deg,#132b40 1px,transparent 1px); }
.theme-reference .kanban-board { gap:8px; }
.theme-reference .kanban-column { border-color:#173149; }
.theme-reference .kanban-card:hover { border-color:#34536d; background:#0b1d2c; }
.theme-reference .timeline-controls button { color:#899caf; border-color:#1c3951; background:#071521; }

/* Popovers, commands, settings, templates, team, billing, and growth tools */
.theme-reference .modal-overlay,.theme-reference .command-overlay,.theme-reference .growth-overlay { background:rgba(0,5,12,.72); backdrop-filter:blur(10px); }
.theme-reference .dashboard-popover,.theme-reference .command-palette,.theme-reference .floating-menu,.theme-reference .settings-modal,.theme-reference .team-modal,.theme-reference .billing-modal,.theme-reference .template-library-modal,.theme-reference .export-modal,.theme-reference .pro-modal { color:#c5d0dc; border-color:#24415a; background:#07131f; box-shadow:0 30px 85px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.03); }
.theme-reference .dashboard-popover header,.theme-reference .settings-modal header,.theme-reference .team-modal header,.theme-reference .billing-modal header,.theme-reference .template-library-modal header,.theme-reference .export-modal header { border-color:#183249; background:#081522; }
.theme-reference .dashboard-popover strong,.theme-reference .settings-modal h2,.theme-reference .team-modal h2,.theme-reference .billing-modal h2,.theme-reference .template-library-modal h2,.theme-reference .export-modal h2 { color:#eef3f8; }
.theme-reference .dashboard-popover small,.theme-reference .settings-modal small,.theme-reference .team-modal small,.theme-reference .billing-modal small,.theme-reference .template-library-modal small,.theme-reference .export-modal small { color:#6e8195; }
.theme-reference .popover-search,.theme-reference .command-search { color:#7b8ea2; border-color:#1c3850; background:#050f1a; }
.theme-reference .popover-search input,.theme-reference .command-search input { color:#e2e9f0; }
.theme-reference .dashboard-popover button,.theme-reference .profile-menu-list button,.theme-reference .notification-list button,.theme-reference .floating-menu button { color:#aab7c4; border-color:#142c41; }
.theme-reference .dashboard-popover button:hover,.theme-reference .profile-menu-list button:hover,.theme-reference .notification-list button:hover,.theme-reference .floating-menu button:hover { color:#fff; background:#0b1c2b; }
.theme-reference .command-body,.theme-reference .command-footer { border-color:#19334b; background:#07131f; }
.theme-reference .palette-result { color:#9cacbd; border-color:transparent; }
.theme-reference .palette-result:hover,.theme-reference .palette-result.active { color:#fff; border-color:#2b4660; background:#0d1e2d; }
.theme-reference .settings-grid input,.theme-reference .invite-row input,.theme-reference .export-modal input,.theme-reference .export-modal textarea { color:#dfe7ef; border-color:#1c3951; background:#050f1a; }
.theme-reference .preference-list label,.theme-reference .team-member-row,.theme-reference .plan-option,.theme-reference .template-library-card,.theme-reference .export-format-card { color:#aab7c5; border-color:#18334a; background:#081522; }
.theme-reference .preference-list label:hover,.theme-reference .team-member-row:hover,.theme-reference .plan-option:hover,.theme-reference .template-library-card:hover,.theme-reference .export-format-card:hover { border-color:#36546d; background:#0b1b2a; }
.theme-reference .growth-modal { color:#c5d1dd; border-color:#24435d; background:#06111d; box-shadow:0 34px 100px rgba(0,0,0,.68); }
.theme-reference .growth-modal-header { border-color:#19354d; background:radial-gradient(circle at 82% -20%,rgba(91,50,224,.21),transparent 37%),linear-gradient(145deg,#081726,#050e19); }
.theme-reference .growth-heading-mark { color:#b183ff; border-color:#4d398e; background:linear-gradient(145deg,#281460,#101438); box-shadow:0 0 24px rgba(106,55,225,.14); }
.theme-reference .growth-modal-header small { color:#a985ff; }
.theme-reference .growth-modal-header h2 { color:#f1f5f9; }
.theme-reference .growth-modal-header p { color:#7c8da0; }
.theme-reference .growth-tabs { border-color:#19344b; background:#050f1a; }
.theme-reference .growth-tabs button { color:#7c8fa4; }
.theme-reference .growth-tabs button:hover { color:#d5e0eb; background:#0a1b2a; }
.theme-reference .growth-tabs button.active { color:#e0d7ff; border-color:#4f3c92; background:#20144d; box-shadow:0 0 16px rgba(98,50,215,.09); }
.theme-reference .growth-modal-body { background:#030b15; scrollbar-color:#23445e transparent; }
.theme-reference .growth-overview { border-color:#3c3370; background:radial-gradient(circle at 0 100%,rgba(108,49,232,.17),transparent 45%),#071522; box-shadow:0 9px 26px rgba(0,0,0,.2); }
.theme-reference .growth-score { color:#d9d0ff; border-color:#2f2858; border-top-color:#8154ff; border-right-color:#17bfff; background:#07131f; box-shadow:0 0 20px rgba(107,62,233,.15); }
.theme-reference .growth-overview small,.theme-reference .growth-section-heading small,.theme-reference .idea-results-heading small,.theme-reference .idea-finder-intro small { color:#667b90; }
.theme-reference .growth-overview strong,.theme-reference .growth-section-heading h3,.theme-reference .idea-results-heading h3,.theme-reference .idea-finder-intro h3 { color:#e6edf4; }
.theme-reference .growth-overview > p { color:#8393a5; }
.theme-reference .snapshot-card,.theme-reference .next-move-card,.theme-reference .tactic-card,.theme-reference .idea-finder-form,.theme-reference .idea-results,.theme-reference .ranked-idea { color:#aebac8; border-color:#19354d; background:#071521; box-shadow:0 5px 18px rgba(0,0,0,.15); }
.theme-reference .snapshot-card:hover,.theme-reference .next-move-card:hover,.theme-reference .tactic-card:hover,.theme-reference .ranked-idea:hover { border-color:#3d5274; background:#0a1b2a; box-shadow:0 13px 28px rgba(0,0,0,.28),0 0 18px rgba(90,49,206,.06); }
.theme-reference .snapshot-card > span,.theme-reference .move-icon,.theme-reference .tactic-card header > span,.theme-reference .idea-finder-intro > span,.theme-reference .idea-results-empty > span,.theme-reference .idea-rank strong { color:#aa82ff; background:#1b1242; }
.theme-reference .snapshot-card small,.theme-reference .snapshot-card p,.theme-reference .next-move-card p,.theme-reference .tactic-card > p,.theme-reference .idea-finder-intro p,.theme-reference .ranked-idea p { color:#76899d; }
.theme-reference .snapshot-card strong,.theme-reference .next-move-card h4,.theme-reference .tactic-card h3,.theme-reference .ranked-idea h4,.theme-reference .idea-results-empty h3 { color:#e0e8f0; }
.theme-reference .next-move-card > button,.theme-reference .tactic-card > button { color:#ded5ff; border-color:#543da3; background:#20144d; }
.theme-reference .next-move-card > button:hover,.theme-reference .tactic-card > button:hover { color:#fff; border-color:#8059f1; background:#321c72; }
.theme-reference .tactic-toolbar { border-color:#19354d; background:rgba(4,13,23,.95); }
.theme-reference .tactic-toolbar > label { color:#788b9f; border-color:#1d3a53; background:#06131f; }
.theme-reference .tactic-toolbar input { color:#dce5ee; }
.theme-reference .tactic-filters button { color:#76899c; }
.theme-reference .tactic-filters button:hover { color:#dbe4ee; background:#0b1d2c; }
.theme-reference .tactic-filters button.active { color:#dcd3ff; border-color:#4f3c92; background:#20144c; }
.theme-reference .idea-results { background:#050f1a; }
.theme-reference .idea-finder-form input,.theme-reference .idea-finder-form select,.theme-reference .idea-finder-form textarea { color:#dbe4ed; border-color:#1b3850; background:#050f1a; }
.theme-reference .idea-finder-form label,.theme-reference .idea-form-row label { color:#8293a6; }
.theme-reference .growth-modal-footer { color:#708399; border-color:#19344b; background:#050f1a; }

@media (max-width:1280px) {
  .theme-reference .block-library-panel { left:158px; }
  .theme-reference .workspace-side-nav button { padding-right:6px; }
  .theme-reference .node-toolbar .block-library-panel .node-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  .theme-reference [data-inspector-panel].active { animation:none!important; }
}

/* Monday-inspired business theme: bright, restrained, operational */
.theme-reference.theme-business {
  --biz-bg:#f6f7fb;
  --biz-surface:#ffffff;
  --biz-sidebar:#f5f6f8;
  --biz-line:#dfe3eb;
  --biz-line-strong:#c9ced8;
  --biz-text:#323338;
  --biz-copy:#565966;
  --biz-muted:#787b88;
  --biz-blue:#0073ea;
  --biz-blue-soft:#e6f2ff;
  --biz-purple:#6161ff;
  --biz-green:#00a86b;
  --biz-amber:#e38b00;
  --biz-red:#d83a52;
  color:var(--biz-text);
  background:var(--biz-bg);
  color-scheme:light;
}
.theme-reference.theme-business ::selection { color:#fff; background:#0073ea; }
.theme-reference.theme-business * { scrollbar-color:#c9ced8 transparent; }
.theme-reference.theme-business .screen { color:var(--biz-text); }
.theme-reference.theme-business button:focus-visible,.theme-reference.theme-business input:focus-visible,.theme-reference.theme-business textarea:focus-visible,.theme-reference.theme-business select:focus-visible { outline-color:#0073ea; }

/* Business dashboard */
.theme-reference.theme-business .dashboard-screen { background:#fff; }
.theme-reference.theme-business .dash-sidebar { border-color:#e2e5eb; background:#f6f7f9; box-shadow:none; }
.theme-reference.theme-business .brand { color:#25262b; }
.theme-reference.theme-business .brand-mark { border-color:#d8e2f0; background:#fff; box-shadow:0 3px 9px rgba(44,62,86,.08); }
.theme-reference.theme-business .dash-nav .nav-item { color:#5f6270; }
.theme-reference.theme-business .dash-nav .nav-item:hover { color:#323338; background:#e9ebf0; }
.theme-reference.theme-business .dash-nav .nav-item.active { color:#fff; border-color:#0073ea; background:#0073ea; box-shadow:0 5px 14px rgba(0,115,234,.18); }
.theme-reference.theme-business .dash-nav .nav-item.active .icon { color:#fff; }
.theme-reference.theme-business .nav-count { color:#5a6370; background:#e6e9ef; }
.theme-reference.theme-business .upgrade-card { border-color:#d9dce7; background:linear-gradient(145deg,#fff,#f1f4ff); box-shadow:0 7px 20px rgba(40,53,76,.07); }
.theme-reference.theme-business .upgrade-card strong { color:#323338; }
.theme-reference.theme-business .upgrade-card p { color:#6f7280; }
.theme-reference.theme-business .upgrade-card button { color:#fff; border-color:#6161ff; background:#6161ff; box-shadow:0 5px 13px rgba(97,97,255,.18); }
.theme-reference.theme-business .profile-row { color:#3f424b; }
.theme-reference.theme-business .profile-row:hover { border-color:#d9dde5; background:#fff; }
.theme-reference.theme-business .profile-row small { color:#858894; }
.theme-reference.theme-business .avatar-user { color:#fff; border-color:#d6dce5; background:linear-gradient(145deg,#64748b,#334155); }
.theme-reference.theme-business .dash-main { background:#fff; }
.theme-reference.theme-business .dash-header { border-color:#e7e9ee; background:rgba(255,255,255,.94); box-shadow:none; }
.theme-reference.theme-business .dash-header .eyebrow,.theme-reference.theme-business .eyebrow { color:#0073ea; }
.theme-reference.theme-business .dash-header h1 { color:#25262b; }
.theme-reference.theme-business .dash-header p { color:#747783; }
.theme-reference.theme-business .icon-button { color:#626673; border-color:#dce0e7; background:#fff; box-shadow:0 1px 2px rgba(22,30,43,.04); }
.theme-reference.theme-business .icon-button:hover { color:#0073ea; border-color:#a9cdef; background:#f4f9ff; box-shadow:0 5px 14px rgba(22,58,92,.08); }
.theme-reference.theme-business .notification i { border-color:#fff; background:#0073ea; }
.theme-reference.theme-business .idea-hero { border-color:#d7dce5; background:radial-gradient(circle at 90% 0,rgba(0,115,234,.09),transparent 31%),radial-gradient(circle at 0 100%,rgba(97,97,255,.08),transparent 35%),#fff; box-shadow:0 12px 34px rgba(33,43,57,.08); }
.theme-reference.theme-business .idea-copy h2 { color:#25262b; text-shadow:none; }
.theme-reference.theme-business .idea-copy p { color:#696c78; }
.theme-reference.theme-business .idea-badge { color:#0067d3; border-color:#b9d8f8; background:#edf6ff; }
.theme-reference.theme-business .idea-badge i { background:#0073ea; box-shadow:none; }
.theme-reference.theme-business .idea-composer { border-color:#cfd5df; background:#fff; box-shadow:0 5px 15px rgba(35,45,59,.06); }
.theme-reference.theme-business .idea-composer:focus-within { border-color:#0073ea; box-shadow:0 0 0 3px rgba(0,115,234,.1),0 7px 18px rgba(35,45,59,.07); }
.theme-reference.theme-business .idea-composer textarea { color:#323338; caret-color:#0073ea; }
.theme-reference.theme-business .idea-composer textarea::placeholder { color:#9598a3; }
.theme-reference.theme-business .idea-hint,.theme-reference.theme-business .idea-hint kbd { color:#8a8d98; }
.theme-reference.theme-business .button.ghost { color:#4f5260; border-color:#d3d7df; background:#fff; }
.theme-reference.theme-business .button.ghost:hover { color:#0073ea; border-color:#a9cdef; background:#f6faff; }
.theme-reference.theme-business .button.primary { color:#fff; border-color:#0073ea; background:#0073ea; box-shadow:0 5px 14px rgba(0,115,234,.2); }
.theme-reference.theme-business .button.primary:hover { border-color:#0065cf; background:#0065cf; box-shadow:0 7px 18px rgba(0,115,234,.24); }
.theme-reference.theme-business .suggestion-row { color:#898c97; }
.theme-reference.theme-business .suggestion-row button { color:#5f6270; border-color:#d9dde5; background:#f8f9fb; }
.theme-reference.theme-business .suggestion-row button:hover { color:#0073ea; border-color:#b8d4ef; background:#f2f8ff; }
.theme-reference.theme-business .section-heading h3 { color:#323338; }
.theme-reference.theme-business .section-heading p { color:#7c7f8b; }
.theme-reference.theme-business .text-button { color:#0073ea; }
.theme-reference.theme-business .project-card { color:#323338; border-color:#dde1e8; background:#fff; box-shadow:0 3px 12px rgba(29,38,51,.05); }
.theme-reference.theme-business .project-card.featured { border-color:#c6d9ee; }
.theme-reference.theme-business .project-card:hover { border-color:#aeb9c8; background:#fff; box-shadow:0 12px 28px rgba(29,38,51,.11); }
.theme-reference.theme-business .project-visual { border-color:#e0e4ea; background-color:#f8fafc; background-image:radial-gradient(circle,#d7dde5 .75px,transparent .85px); }
.theme-reference.theme-business .project-visual:after { background:linear-gradient(transparent,rgba(248,250,252,.74)); }
.theme-reference.theme-business .mini-node { color:#3b4654; border-color:#9bbfe3; background:#fff; box-shadow:0 3px 8px rgba(36,54,75,.08); }
.theme-reference.theme-business .project-info { border-color:#e3e6ec; background:#fff; }
.theme-reference.theme-business .project-title-row strong,.theme-reference.theme-business .template-card strong,.theme-reference.theme-business .activity-item strong { color:#35363c; }
.theme-reference.theme-business .project-title-row small,.theme-reference.theme-business .template-card small,.theme-reference.theme-business .activity-item small,.theme-reference.theme-business .progress-meta,.theme-reference.theme-business .project-footer { color:#858894; }
.theme-reference.theme-business .progress-bar { background:#e8ebf0; }
.theme-reference.theme-business .project-card.new-project { background:#fbfcfd; }
.theme-reference.theme-business .new-project-inner span { color:#0073ea; border-color:#b8d4ef; background:#edf6ff; }
.theme-reference.theme-business .new-project-inner strong { color:#3b3d44; }
.theme-reference.theme-business .new-project-inner small { color:#8b8e98; }
.theme-reference.theme-business .template-card,.theme-reference.theme-business .activity-item { color:#5b5e6a; border-color:#e0e3e9; background:#fff; }
.theme-reference.theme-business .template-card:hover,.theme-reference.theme-business .activity-item:hover { border-color:#bfc6d0; background:#fbfcfe; box-shadow:0 8px 20px rgba(29,38,51,.07); }

/* Monday-style workspace chrome */
.theme-reference.theme-business .workspace-screen { background:#fff; }
.theme-reference.theme-business .workspace-header { color:#323338; border-color:#dde1e7; background:#fff; box-shadow:0 1px 4px rgba(35,43,53,.06); }
.theme-reference.theme-business .workspace-wordmark { color:#24262b; }
.theme-reference.theme-business .workspace-wordmark:hover { color:#24262b; border-color:#dce1e8; background:#f6f7f9; }
.theme-reference.theme-business .workspace-logo-tile { background:#f1f5fa; box-shadow:none; }
.theme-reference.theme-business .project-name-wrap { border-color:#e0e3e9; }
.theme-reference.theme-business .breadcrumb { color:#8a8d98; }
.theme-reference.theme-business .breadcrumb .icon { color:#7b7e89; }
.theme-reference.theme-business .title-line input { color:#323338; }
.theme-reference.theme-business .title-line input:hover,.theme-reference.theme-business .title-line input:focus { background:#f2f4f7; }
.theme-reference.theme-business .save-state { color:#7d808b; }
.theme-reference.theme-business .save-state i { background:#00a86b; box-shadow:none; }
.theme-reference.theme-business .view-tabs button { color:#676a76; }
.theme-reference.theme-business .view-tabs button:hover { color:#323338; background:#f6f7f9; }
.theme-reference.theme-business .view-tabs button.active { color:#0073ea; background:#edf6ff; }
.theme-reference.theme-business .view-tabs button.active:after { background:#0073ea; box-shadow:none; }
.theme-reference.theme-business .view-tabs button .view-icon,.theme-reference.theme-business .view-tabs button[data-view="graph"] .view-icon,.theme-reference.theme-business .view-tabs button[data-view="plan"] .view-icon,.theme-reference.theme-business .view-tabs button[data-view="timeline"] .view-icon,.theme-reference.theme-business .view-tabs button[data-view="kanban"] .view-icon,.theme-reference.theme-business .view-tabs button[data-view="budget"] .view-icon { color:#747783; border-color:transparent; background:transparent; }
.theme-reference.theme-business .view-tabs button.active .view-icon { color:#0073ea; border-color:#b7d7f6; background:#fff; box-shadow:none; }
.theme-reference.theme-business .workspace-actions .top-action,.theme-reference.theme-business .workspace-actions .compact-button,.theme-reference.theme-business .share-button { color:#525663; border-color:#d8dce3; background:#fff; box-shadow:none; }
.theme-reference.theme-business .workspace-actions .top-action:hover,.theme-reference.theme-business .workspace-actions .compact-button:hover,.theme-reference.theme-business .share-button:hover { color:#0073ea; border-color:#a9cdef; background:#f5faff; }
.theme-reference.theme-business .workspace-actions .top-action kbd { color:#858894; border-color:#e0e3e8; background:#f4f5f7; }
.theme-reference.theme-business .workspace-actions .header-members i { color:#fff; border-color:#fff; background:#596579; }
.theme-reference.theme-business .navigator-button { color:#fff!important; border-color:#6161ff!important; background:#6161ff!important; box-shadow:0 4px 11px rgba(97,97,255,.18); }
.theme-reference.theme-business .workspace-actions .generate-plan-button { color:#fff; border-color:#0073ea; background:#0073ea; box-shadow:0 4px 11px rgba(0,115,234,.18); }
.theme-reference.theme-business .workspace-actions .generate-plan-button:hover { color:#fff; border-color:#0065cf; background:#0065cf; }
.theme-reference.theme-business .workspace-body { background:#f7f8fa; }

/* Business sidebar and block library */
.theme-reference.theme-business .node-toolbar { color:#545762; border-color:#dde1e7; background:#f4f5f7; box-shadow:none; }
.theme-reference.theme-business .sidebar-new-project { color:#fff; border-color:#0073ea; background:#0073ea; box-shadow:0 4px 10px rgba(0,115,234,.18); }
.theme-reference.theme-business .sidebar-new-project:hover { background:#0065cf; box-shadow:0 6px 14px rgba(0,115,234,.22); }
.theme-reference.theme-business .workspace-side-nav button { color:#5d606c; background:transparent; }
.theme-reference.theme-business .workspace-side-nav button b { color:#596270; background:#e3e7ec; }
.theme-reference.theme-business .workspace-side-nav button:hover { color:#323338; background:#e7e9ed; }
.theme-reference.theme-business .workspace-side-nav button.active { color:#006ad8; border-color:#c6def5; background:#e8f3ff; box-shadow:inset 3px 0 #0073ea; }
.theme-reference.theme-business .node-toolbar > .toolbar-divider { background:#dfe2e7; }
.theme-reference.theme-business .node-toolbar > .tool-button { color:#666a75; background:transparent; }
.theme-reference.theme-business .node-toolbar > .tool-button .tool-copy b { color:#555862; }
.theme-reference.theme-business .node-toolbar > .tool-button:hover { color:#0073ea; border-color:#d7e2ed; background:#fff; }
.theme-reference.theme-business .node-toolbar > .ai-tool { color:#5550c8; background:#eeeefe; }
.theme-reference.theme-business .workspace-user-card { color:#454851; background:transparent; }
.theme-reference.theme-business .workspace-user-card:hover { border-color:#d7dbe2; background:#fff; }
.theme-reference.theme-business .workspace-user-card strong { color:#3d3f46; }
.theme-reference.theme-business .workspace-user-card small,.theme-reference.theme-business .workspace-user-card .icon { color:#868995; }
.theme-reference.theme-business .block-library-panel { width:286px; color:#4f525d; border-color:#d6dbe3; background:#fff; box-shadow:15px 0 38px rgba(39,48,61,.12); }
.theme-reference.theme-business .library-header span small,.theme-reference.theme-business .toolbar-label { color:#8b8e98; }
.theme-reference.theme-business .library-header span strong { color:#323338; }
.theme-reference.theme-business .library-collapse { color:#737783; border-color:#dde1e7; background:#fff; }
.theme-reference.theme-business .library-collapse:hover { color:#323338; background:#f3f4f6; }
.theme-reference.theme-business .block-search { color:#7e818d; border-color:#d5dae2; background:#fff; }
.theme-reference.theme-business .block-search:focus-within { color:#0073ea; border-color:#0073ea; box-shadow:0 0 0 3px rgba(0,115,234,.08); }
.theme-reference.theme-business .block-search input { color:#323338; }
.theme-reference.theme-business .block-search input::placeholder { color:#a0a3ad; }
.theme-reference.theme-business .block-filter button { color:#696c77; border-color:#dce0e6; background:#f7f8fa; }
.theme-reference.theme-business .block-filter button:hover { color:#323338; border-color:#c4cad3; background:#fff; }
.theme-reference.theme-business .block-filter button.active { color:#fff; border-color:#0073ea; background:#0073ea; }
.theme-reference.theme-business .node-toolbar .block-library-panel .mode-tools .tool-button { color:#565965; border-color:#dbe0e7; background:#fff; }
.theme-reference.theme-business .node-toolbar .block-library-panel .mode-tools .tool-button:hover { color:#0073ea; border-color:#abcfee; background:#f7fbff; box-shadow:none; }
.theme-reference.theme-business .node-toolbar .block-library-panel .mode-tools .tool-button.active { color:#0069d4; border-color:#9ec8ef; background:#eaf5ff; box-shadow:inset 3px 0 #0073ea; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools { grid-template-columns:1fr; gap:6px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-button { height:54px; display:grid; grid-template-columns:34px minmax(0,1fr) 18px; align-items:center; gap:10px; padding:7px 9px; color:var(--block-color); border-color:#e0e3e8; border-radius:8px; background:#fff; box-shadow:none; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-button:hover { transform:translateX(2px); border-color:color-mix(in srgb,var(--block-color) 52%,#ccd2da); background:color-mix(in srgb,var(--block-color) 3%,#fff); box-shadow:0 5px 13px rgba(35,44,57,.07); }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-button .block-icon { width:32px; height:32px; color:var(--block-color); border-color:color-mix(in srgb,var(--block-color) 28%,#d7dce4); background:color-mix(in srgb,var(--block-color) 10%,#fff); box-shadow:none; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-button .block-icon .icon { width:16px; height:16px; color:var(--block-color); filter:none; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-copy { min-width:0; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-copy b { color:#36383f; font-size:9px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-copy small { display:block; overflow:hidden; margin-top:3px; color:#858894; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .add-indicator { position:static; justify-self:end; color:#9a9da7; opacity:1; transform:none; }
.theme-reference.theme-business .node-toolbar .block-library-panel .more-blocks { color:#636773; border-color:#d7dce4; background:#f8f9fb; }

/* Light operating canvas with compact reference-style blocks */
.theme-reference.theme-business .project-content,.theme-reference.theme-business .project-view { background:#f8f9fb; }
.theme-reference.theme-business .node-canvas { background-color:#f8f9fb; background-image:radial-gradient(circle,#cfd5df .8px,transparent .9px); background-size:18px 18px; box-shadow:inset 0 0 45px rgba(45,54,67,.025); }
.theme-reference.theme-business .canvas-vignette { background:radial-gradient(circle at 50% 48%,transparent 60%,rgba(74,84,100,.04) 100%); }
.theme-reference.theme-business .canvas-tool-rail { border-color:#d6dce4; background:rgba(255,255,255,.94); box-shadow:0 8px 22px rgba(35,44,57,.1); }
.theme-reference.theme-business .canvas-tool-rail:after { background:#e1e5ea; }
.theme-reference.theme-business .canvas-icon-pill { color:#656975; background:transparent; }
.theme-reference.theme-business .canvas-icon-pill:hover { color:#0073ea; border-color:#c2dbf3; background:#f1f8ff; }
.theme-reference.theme-business .canvas-icon-pill.active { color:#0073ea; border-color:#a9cdef; background:#e7f3ff; box-shadow:none; }
.theme-reference.theme-business .selection-summary { color:#7d808b; border-color:#dce1e8; background:rgba(255,255,255,.92); box-shadow:0 4px 13px rgba(35,44,57,.06); }
.theme-reference.theme-business .selection-summary b { color:#4b4e57; }
.theme-reference.theme-business .pulse-dot { background:#00a86b; box-shadow:none; }
.theme-reference.theme-business .zoom-controls { border-color:#d7dce4; background:#fff; box-shadow:0 7px 20px rgba(35,44,57,.1); }
.theme-reference.theme-business .zoom-controls button { color:#6e727e; }
.theme-reference.theme-business .zoom-controls button:hover { color:#0073ea; background:#f1f7fd; }
.theme-reference.theme-business #zoom-value { color:#40434c; border-color:#e0e4e9; }
.theme-reference.theme-business .onboarding-tip { color:#626672; border-color:#ccd7e3; background:rgba(255,255,255,.96); box-shadow:0 12px 30px rgba(35,44,57,.12); }
.theme-reference.theme-business .onboarding-tip > span { color:#6161ff; background:#efefff; }
.theme-reference.theme-business .onboarding-tip p b { color:#34363d; }
.theme-reference.theme-business .onboarding-tip #open-guided-start { color:#fff; border-color:#0073ea; background:#0073ea; }
.theme-reference.theme-business .onboarding-tip #dismiss-tip { color:#7d808b; }
.theme-reference.theme-business .graph-node.compact-business-node { width:196px; min-height:68px; height:68px; overflow:visible; color:#fff; border:1px solid color-mix(in srgb,var(--node-color) 70%,#262a39); border-radius:8px; background:linear-gradient(145deg,#242838,#1e2231); box-shadow:0 5px 12px rgba(31,38,52,.15); }
.theme-reference.theme-business .graph-node.compact-business-node:hover { transform:translateY(-1px); border-color:var(--node-color); background:linear-gradient(145deg,#292d3e,#202433); box-shadow:0 8px 17px rgba(31,38,52,.2); }
.theme-reference.theme-business .graph-node.compact-business-node.selected { border-color:var(--node-color); box-shadow:0 0 0 2px color-mix(in srgb,var(--node-color) 26%,transparent),0 8px 17px rgba(31,38,52,.18); }
.theme-reference.theme-business .graph-node.compact-business-node.dragging,.theme-reference.theme-business .graph-node.compact-business-node.dragging-with-group { transform:scale(1.012); box-shadow:0 14px 25px rgba(31,38,52,.25); }
.theme-reference.theme-business .graph-node.compact-business-node.type-idea { width:196px; min-height:68px; height:68px; background:linear-gradient(145deg,#242838,#1e2231); }
.theme-reference.theme-business .graph-node.compact-business-node.type-note { background:linear-gradient(145deg,#2c2a24,#24231f); }
.theme-reference.theme-business .graph-node.compact-business-node:before { top:8px; bottom:8px; left:-1px; width:3px; border-radius:0 3px 3px 0; background:var(--node-color); box-shadow:none; }
.theme-reference.theme-business .compact-business-node .node-head { width:100%; height:68px; min-height:68px; display:grid; grid-template-columns:30px minmax(0,1fr) 22px; align-items:center; gap:9px; padding:9px 8px 9px 10px; border:0; }
.theme-reference.theme-business .compact-business-node .node-icon { width:29px; height:29px; color:var(--node-color); border-color:color-mix(in srgb,var(--node-color) 42%,#374052); background:color-mix(in srgb,var(--node-color) 15%,#222737); box-shadow:none; }
.theme-reference.theme-business .compact-business-node .node-icon .icon { width:15px; height:15px; }
.theme-reference.theme-business .node-card-copy { min-width:0; display:block; }
.theme-reference.theme-business .node-card-copy h4 { overflow:hidden; margin:0; color:#f8fafc; font-size:10px; font-weight:670; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.theme-reference.theme-business .node-card-copy small { display:block; overflow:hidden; margin-top:4px; color:#aeb6c5; font-size:8px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.theme-reference.theme-business .compact-business-node .node-menu-button { width:21px; height:21px; color:#778093; background:transparent; }
.theme-reference.theme-business .compact-business-node .node-menu-button:hover { color:#fff; background:#34394c; }
.theme-reference.theme-business .compact-business-node .node-port { width:10px; height:10px; border:2px solid var(--node-color); background:#fff; box-shadow:0 1px 3px rgba(24,32,45,.16); }
.theme-reference.theme-business .edge { opacity:.68; filter:none; }
.theme-reference.theme-business .edge-glow { display:none; }
.theme-reference.theme-business .draft-edge { stroke:#0073ea; filter:none; }
.theme-reference.theme-business .plan-group { color:#6c707c; border-color:color-mix(in srgb,var(--group-color) 35%,#ccd4de); background:color-mix(in srgb,var(--group-color) 3%,rgba(255,255,255,.55)); box-shadow:none; }
.theme-reference.theme-business .plan-group:hover { border-color:color-mix(in srgb,var(--group-color) 55%,#bdc6d1); background:color-mix(in srgb,var(--group-color) 4%,rgba(255,255,255,.65)); }
.theme-reference.theme-business .group-header { color:#5b5e68; border-color:color-mix(in srgb,var(--group-color) 30%,#d3d8df); background:#fff; box-shadow:0 4px 12px rgba(35,44,57,.08); }
.theme-reference.theme-business .group-header strong { color:#404249; }
.theme-reference.theme-business .group-header small { color:#8a8d98; }
.theme-reference.theme-business .group-symbol { color:var(--group-color); background:color-mix(in srgb,var(--group-color) 10%,#fff); }
.theme-reference.theme-business .group-collapse { color:#747783; }
.theme-reference.theme-business .group-collapse:hover { color:#323338; background:#f1f2f4; }
.theme-reference.theme-business .group-caption { color:color-mix(in srgb,var(--group-color) 62%,#777b86); }

/* Clean white intelligence panel */
.theme-reference.theme-business .inspector { color:#545762; border-color:#dde1e7; background:#fff; box-shadow:none; }
.theme-reference.theme-business .inspector-header { border-color:#e0e4e9; background:#fff; }
.theme-reference.theme-business .inspector-type-icon { color:#6161ff; border-color:#d4d4f5; background:#efefff; box-shadow:none; }
.theme-reference.theme-business .inspector-header small { color:#838691; }
.theme-reference.theme-business .inspector-header strong { color:#323338; }
.theme-reference.theme-business .inspector-header button { color:#7d808b; }
.theme-reference.theme-business .inspector-header button:hover { color:#323338; background:#f1f2f4; }
.theme-reference.theme-business .inspector-tabs { border-color:#e1e4e9; background:#f7f8fa; }
.theme-reference.theme-business .inspector-tabs button { color:#737681; background:transparent; }
.theme-reference.theme-business .inspector-tabs button:hover { color:#323338; background:#eceef2; }
.theme-reference.theme-business .inspector-tabs button.active { color:#006ad8; border-color:#b9d6f2; background:#eaf5ff; box-shadow:none; }
.theme-reference.theme-business .inspector-scroll { background:#fff; }
.theme-reference.theme-business .inspector-footer { border-color:#e1e4e9; background:#f7f8fa; }
.theme-reference.theme-business .inspector-footer button { color:#626672; border-color:#d8dce3; background:#fff; }
.theme-reference.theme-business .insight-strength-card,.theme-reference.theme-business .insight-health-card { border-color:#dce1e8; background:#fff; box-shadow:0 3px 10px rgba(35,44,57,.045); }
.theme-reference.theme-business .insight-strength-card > small,.theme-reference.theme-business .insight-health-card > small { color:#81848f; }
.theme-reference.theme-business .insight-ring { background:conic-gradient(#00a86b calc(var(--score)*1%),#e7eaf0 0); box-shadow:none; }
.theme-reference.theme-business .insight-ring:after { background:#fff; box-shadow:inset 0 0 0 1px #e1e5ea; }
.theme-reference.theme-business .insight-ring b { color:#323338; }
.theme-reference.theme-business .insight-strength-card strong { color:#008f5b; }
.theme-reference.theme-business .insight-strength-card p { color:#777b86; }
.theme-reference.theme-business .insight-section-title small { color:#858894; }
.theme-reference.theme-business .insight-section-title strong { color:#383a42; }
.theme-reference.theme-business .insight-section-title button { color:#6161ff; border-color:#d8d8f3; background:#f2f2ff; }
.theme-reference.theme-business .insight-section-title button:hover { color:#4e4ed8; border-color:#bbbbec; background:#ebebff; }
.theme-reference.theme-business .insight-suggestions > button { color:#6d707b; border-color:#dee2e8; background:#fff; }
.theme-reference.theme-business .insight-suggestions > button:hover { color:#44464e; border-color:#bfc9d4; background:#f9fbfd; }
.theme-reference.theme-business .insight-suggestions > button > b { color:#006ad8; border-color:#bdd8f2; background:#eaf5ff; }
.theme-reference.theme-business .insight-suggestions span strong { color:#3c3e45; }
.theme-reference.theme-business .insight-suggestions span small { color:#838691; }
.theme-reference.theme-business .insight-primary-action { color:#fff; border-color:#0073ea; background:#0073ea; box-shadow:0 4px 11px rgba(0,115,234,.17); }
.theme-reference.theme-business .insight-health-row { color:#61646f; }
.theme-reference.theme-business .insight-health-row > i { background:#e5e8ed; }
.theme-reference.theme-business .field-group label,.theme-reference.theme-business .section-label,.theme-reference.theme-business .linked-heading { color:#747783; }
.theme-reference.theme-business .field-group input,.theme-reference.theme-business .field-group textarea,.theme-reference.theme-business .field-group select { color:#323338; border-color:#d6dbe3; background:#fff; }
.theme-reference.theme-business .field-group input:focus,.theme-reference.theme-business .field-group textarea:focus,.theme-reference.theme-business .field-group select:focus { border-color:#0073ea; box-shadow:0 0 0 3px rgba(0,115,234,.08); }
.theme-reference.theme-business .dependency-item,.theme-reference.theme-business .linked-item { color:#5f6370; border-color:#dee2e8; background:#fff; }
.theme-reference.theme-business .dependency-item strong,.theme-reference.theme-business .linked-item strong { color:#3d3f46; }
.theme-reference.theme-business .dependency-item small,.theme-reference.theme-business .linked-item small { color:#858894; }
.theme-reference.theme-business .ai-suggestion-card { color:#626672; border-color:#d8d8ef; background:#f7f7ff; }
.theme-reference.theme-business .ai-suggestion-card strong,.theme-reference.theme-business .ai-suggestion-card b { color:#4545b5; }
.theme-reference.theme-business .ai-toolkit button { color:#676b76; border-color:#dde1e7; background:#fff; }
.theme-reference.theme-business .ai-toolkit button:hover { color:#4e4ebe; border-color:#c9c9ed; background:#f5f5ff; }
.theme-reference.theme-business .ai-toolkit button > span { color:#6161ff; background:#efefff; }

/* Business alt views and dialogs */
.theme-reference.theme-business .alt-view { color:#4f535e; background:#f7f8fa; }
.theme-reference.theme-business .view-shell { color:#555965; }
.theme-reference.theme-business .view-heading h2 { color:#323338; }.theme-reference.theme-business .view-heading p { color:#7c7f8a; }
.theme-reference.theme-business .summary-banner,.theme-reference.theme-business .plan-section,.theme-reference.theme-business .plan-side-card,.theme-reference.theme-business .kanban-column,.theme-reference.theme-business .budget-card,.theme-reference.theme-business .timeline-rows { border-color:#dde1e7; background:#fff; box-shadow:0 3px 12px rgba(35,44,57,.045); }
.theme-reference.theme-business .summary-banner small,.theme-reference.theme-business .plan-section > p,.theme-reference.theme-business .plan-side-card p { color:#7c7f8a; }
.theme-reference.theme-business .summary-banner strong,.theme-reference.theme-business .plan-section h3,.theme-reference.theme-business .plan-side-card h4 { color:#373941; }
.theme-reference.theme-business .plan-task,.theme-reference.theme-business .action-list > div,.theme-reference.theme-business .timeline-row,.theme-reference.theme-business .kanban-card { color:#606470; border-color:#e0e4e9; background:#fff; }
.theme-reference.theme-business .plan-task strong,.theme-reference.theme-business .timeline-label strong,.theme-reference.theme-business .kanban-card strong { color:#3c3e45; }
.theme-reference.theme-business .plan-task small,.theme-reference.theme-business .timeline-label small,.theme-reference.theme-business .kanban-card small { color:#858894; }
.theme-reference.theme-business .timeline-months,.theme-reference.theme-business .kanban-header { color:#747783; border-color:#dce1e7; background:#f5f6f8; }
.theme-reference.theme-business .timeline-track { background-image:linear-gradient(90deg,#e1e5ea 1px,transparent 1px); }
.theme-reference.theme-business .kanban-column { border-color:#dde1e7; }
.theme-reference.theme-business .kanban-card:hover { border-color:#bdc5d0; background:#fafbfd; }
.theme-reference.theme-business .timeline-controls button { color:#5e626e; border-color:#d9dde4; background:#fff; }
.theme-reference.theme-business .modal-overlay,.theme-reference.theme-business .command-overlay,.theme-reference.theme-business .growth-overlay { background:rgba(45,49,58,.34); backdrop-filter:blur(6px); }
.theme-reference.theme-business .dashboard-popover,.theme-reference.theme-business .command-palette,.theme-reference.theme-business .floating-menu,.theme-reference.theme-business .settings-modal,.theme-reference.theme-business .team-modal,.theme-reference.theme-business .billing-modal,.theme-reference.theme-business .template-library-modal,.theme-reference.theme-business .export-modal,.theme-reference.theme-business .pro-modal { color:#555965; border-color:#d8dde4; background:#fff; box-shadow:0 22px 65px rgba(30,39,52,.2); }
.theme-reference.theme-business .dashboard-popover header,.theme-reference.theme-business .settings-modal header,.theme-reference.theme-business .team-modal header,.theme-reference.theme-business .billing-modal header,.theme-reference.theme-business .template-library-modal header,.theme-reference.theme-business .export-modal header { border-color:#e1e4e9; background:#fff; }
.theme-reference.theme-business .dashboard-popover strong,.theme-reference.theme-business .settings-modal h2,.theme-reference.theme-business .team-modal h2,.theme-reference.theme-business .billing-modal h2,.theme-reference.theme-business .template-library-modal h2,.theme-reference.theme-business .export-modal h2 { color:#323338; }
.theme-reference.theme-business .dashboard-popover small,.theme-reference.theme-business .settings-modal small,.theme-reference.theme-business .team-modal small,.theme-reference.theme-business .billing-modal small,.theme-reference.theme-business .template-library-modal small,.theme-reference.theme-business .export-modal small { color:#838691; }
.theme-reference.theme-business .popover-search,.theme-reference.theme-business .command-search { color:#7b7f8a; border-color:#d9dde4; background:#fff; }
.theme-reference.theme-business .popover-search input,.theme-reference.theme-business .command-search input { color:#323338; }
.theme-reference.theme-business .dashboard-popover button,.theme-reference.theme-business .profile-menu-list button,.theme-reference.theme-business .notification-list button,.theme-reference.theme-business .floating-menu button { color:#5e626e; border-color:#e2e5ea; }
.theme-reference.theme-business .dashboard-popover button:hover,.theme-reference.theme-business .profile-menu-list button:hover,.theme-reference.theme-business .notification-list button:hover,.theme-reference.theme-business .floating-menu button:hover { color:#323338; background:#f4f6f8; }
.theme-reference.theme-business .command-body,.theme-reference.theme-business .command-footer { border-color:#e0e4e9; background:#fff; }
.theme-reference.theme-business .palette-result { color:#606470; }
.theme-reference.theme-business .palette-result:hover,.theme-reference.theme-business .palette-result.active { color:#323338; border-color:#c9d9e9; background:#edf6ff; }
.theme-reference.theme-business .settings-grid input,.theme-reference.theme-business .invite-row input,.theme-reference.theme-business .export-modal input,.theme-reference.theme-business .export-modal textarea { color:#323338; border-color:#d7dce3; background:#fff; }
.theme-reference.theme-business .preference-list label,.theme-reference.theme-business .team-member-row,.theme-reference.theme-business .plan-option,.theme-reference.theme-business .template-library-card,.theme-reference.theme-business .export-format-card { color:#5b5f6a; border-color:#dfe3e8; background:#fff; }
.theme-reference.theme-business .preference-list label:hover,.theme-reference.theme-business .team-member-row:hover,.theme-reference.theme-business .plan-option:hover,.theme-reference.theme-business .template-library-card:hover,.theme-reference.theme-business .export-format-card:hover { border-color:#bfc6cf; background:#fafbfd; }
.theme-reference.theme-business .growth-modal { color:#555965; border-color:#d7dce3; background:#fff; box-shadow:0 28px 90px rgba(30,39,52,.25); }
.theme-reference.theme-business .growth-modal-header { border-color:#e1e4e9; background:linear-gradient(145deg,#fff,#f5f8ff); }
.theme-reference.theme-business .growth-heading-mark { color:#0073ea; border-color:#c2d9ef; background:#eaf5ff; box-shadow:none; }
.theme-reference.theme-business .growth-modal-header small { color:#0073ea; }
.theme-reference.theme-business .growth-modal-header h2 { color:#323338; }
.theme-reference.theme-business .growth-modal-header p { color:#747783; }
.theme-reference.theme-business .growth-tabs { border-color:#e0e4e9; background:#f7f8fa; }
.theme-reference.theme-business .growth-tabs button { color:#6c707b; }
.theme-reference.theme-business .growth-tabs button:hover { color:#323338; background:#e9ebef; }
.theme-reference.theme-business .growth-tabs button.active { color:#006ad8; border-color:#b8d5f1; background:#eaf5ff; box-shadow:none; }
.theme-reference.theme-business .growth-modal-body { background:#f6f7f9; }
.theme-reference.theme-business .growth-overview { border-color:#d9dfea; background:#fff; box-shadow:0 4px 13px rgba(35,44,57,.05); }
.theme-reference.theme-business .growth-score { color:#006ad8; border-color:#dce3eb; border-top-color:#0073ea; border-right-color:#6161ff; background:#fff; box-shadow:none; }
.theme-reference.theme-business .growth-overview small,.theme-reference.theme-business .growth-section-heading small,.theme-reference.theme-business .idea-results-heading small,.theme-reference.theme-business .idea-finder-intro small { color:#838691; }
.theme-reference.theme-business .growth-overview strong,.theme-reference.theme-business .growth-section-heading h3,.theme-reference.theme-business .idea-results-heading h3,.theme-reference.theme-business .idea-finder-intro h3 { color:#34363d; }
.theme-reference.theme-business .growth-overview > p { color:#717580; }
.theme-reference.theme-business .snapshot-card,.theme-reference.theme-business .next-move-card,.theme-reference.theme-business .tactic-card,.theme-reference.theme-business .idea-finder-form,.theme-reference.theme-business .idea-results,.theme-reference.theme-business .ranked-idea { color:#5b5f69; border-color:#dfe3e8; background:#fff; box-shadow:0 3px 11px rgba(35,44,57,.04); }
.theme-reference.theme-business .snapshot-card:hover,.theme-reference.theme-business .next-move-card:hover,.theme-reference.theme-business .tactic-card:hover,.theme-reference.theme-business .ranked-idea:hover { border-color:#bcc6d0; background:#fff; box-shadow:0 9px 22px rgba(35,44,57,.08); }
.theme-reference.theme-business .snapshot-card > span,.theme-reference.theme-business .move-icon,.theme-reference.theme-business .tactic-card header > span,.theme-reference.theme-business .idea-finder-intro > span,.theme-reference.theme-business .idea-results-empty > span,.theme-reference.theme-business .idea-rank strong { color:#0073ea; background:#eaf5ff; }
.theme-reference.theme-business .snapshot-card small,.theme-reference.theme-business .snapshot-card p,.theme-reference.theme-business .next-move-card p,.theme-reference.theme-business .tactic-card > p,.theme-reference.theme-business .idea-finder-intro p,.theme-reference.theme-business .ranked-idea p { color:#7c808b; }
.theme-reference.theme-business .snapshot-card strong,.theme-reference.theme-business .next-move-card h4,.theme-reference.theme-business .tactic-card h3,.theme-reference.theme-business .ranked-idea h4,.theme-reference.theme-business .idea-results-empty h3 { color:#3b3d44; }
.theme-reference.theme-business .next-move-card > button,.theme-reference.theme-business .tactic-card > button { color:#fff; border-color:#0073ea; background:#0073ea; }
.theme-reference.theme-business .next-move-card > button:hover,.theme-reference.theme-business .tactic-card > button:hover { border-color:#0065cf; background:#0065cf; }
.theme-reference.theme-business .tactic-toolbar { border-color:#dde1e7; background:rgba(255,255,255,.96); }
.theme-reference.theme-business .tactic-toolbar > label { color:#7d808b; border-color:#d6dbe3; background:#fff; }
.theme-reference.theme-business .tactic-toolbar input { color:#323338; }
.theme-reference.theme-business .tactic-filters button { color:#717580; }
.theme-reference.theme-business .tactic-filters button:hover { color:#323338; background:#eceef2; }
.theme-reference.theme-business .tactic-filters button.active { color:#fff; border-color:#0073ea; background:#0073ea; }
.theme-reference.theme-business .idea-results { background:#f8f9fb; }
.theme-reference.theme-business .idea-finder-form input,.theme-reference.theme-business .idea-finder-form select,.theme-reference.theme-business .idea-finder-form textarea { color:#323338; border-color:#d7dce3; background:#fff; }
.theme-reference.theme-business .idea-finder-form label,.theme-reference.theme-business .idea-form-row label { color:#6e727d; }
.theme-reference.theme-business .growth-modal-footer { color:#7b7f8a; border-color:#dde1e7; background:#fff; }

@media (max-width:1280px) {
  .theme-reference.theme-business .block-library-panel { left:158px; }
}

/* Readability and fit audit — accessible type scale, visible labels, stable geometry */
.theme-reference.theme-business .idea-copy h2 { overflow:visible; line-height:1.16; }
.theme-reference.theme-business .mini-node { font-size:9.5px; }
.theme-reference.theme-business .member-stack i { font-size:9px; }
.theme-reference.theme-business .project-title-row strong { font-size:11.5px; }
.theme-reference.theme-business .project-title-row small,.theme-reference.theme-business .progress-meta,.theme-reference.theme-business .project-footer { font-size:9.5px; }
.theme-reference.theme-business .template-card strong,.theme-reference.theme-business .activity-item strong { font-size:11px; }
.theme-reference.theme-business .template-card small,.theme-reference.theme-business .activity-item small { font-size:9.5px; }

.theme-reference.theme-business .breadcrumb { font-size:10px; }
.theme-reference.theme-business .view-tabs button { font-size:11px; }
.theme-reference.theme-business .workspace-actions .button,.theme-reference.theme-business .workspace-actions .top-action { font-size:10px; }
.theme-reference.theme-business .workspace-actions .top-action kbd { font-size:9px; }
.theme-reference.theme-business .workspace-side-nav button { height:36px; font-size:10.5px; }
.theme-reference.theme-business .workspace-side-nav button b { font-size:9px; }
.theme-reference.theme-business .node-toolbar > .tool-button .tool-copy b { font-size:10px; }
.theme-reference.theme-business .workspace-user-card strong { font-size:10px; }
.theme-reference.theme-business .workspace-user-card small { font-size:9px; }
.theme-reference.theme-business .workspace-user-card .avatar { font-size:9px; }
.theme-reference.theme-business .selection-summary,.theme-reference.theme-business .selection-summary b { font-size:9.5px; }
.theme-reference.theme-business .onboarding-tip #open-guided-start { font-size:9.5px; }
.theme-reference.theme-business .group-header { min-width:220px; }
.theme-reference.theme-business .group-header strong { font-size:10px; }
.theme-reference.theme-business .group-header small,.theme-reference.theme-business .group-caption { font-size:9px; }

.theme-reference.theme-business .library-header span small,.theme-reference.theme-business .toolbar-label { font-size:10px; }
.theme-reference.theme-business .library-header span strong { font-size:13px; }
.theme-reference.theme-business .block-search input { font-size:10.5px; }
.theme-reference.theme-business .block-search kbd { font-size:9px; }
.theme-reference.theme-business .block-filter button { height:29px; font-size:9.5px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .mode-tools .tool-button { min-height:54px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .mode-tools .tool-copy b { font-size:10.5px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .mode-tools .tool-copy small { display:block; margin-top:3px; font-size:9px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .mode-tools kbd { font-size:9px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-button { height:60px; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-copy b,.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .type-dependency .tool-copy b { font-size:10.5px; letter-spacing:0; }
.theme-reference.theme-business .node-toolbar .block-library-panel .node-tools .tool-copy small { margin-top:4px; font-size:9px; }

.theme-reference.theme-business .graph-node.compact-business-node,.theme-reference.theme-business .graph-node.compact-business-node.type-idea { width:220px; min-height:82px; height:82px; }
.theme-reference.theme-business .compact-business-node .node-head { height:82px; min-height:82px; grid-template-columns:32px minmax(0,1fr) 22px; gap:10px; padding:9px 9px 9px 11px; }
.theme-reference.theme-business .compact-business-node .node-icon { width:31px; height:31px; }
.theme-reference.theme-business .node-card-copy h4 { display:-webkit-box; overflow:hidden; min-height:16px; margin:0; color:#fff; font-size:11.5px; line-height:1.28; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.theme-reference.theme-business .node-card-copy small { margin-top:5px; color:#c3cad5; font-size:9px; }
.theme-reference.theme-business .graph-node { animation:none; }

.theme-reference.theme-business .inspector-header small { font-size:9.5px; }
.theme-reference.theme-business .inspector-header strong { font-size:12px; }
.theme-reference.theme-business .inspector-tabs button { font-size:10px; }
.theme-reference.theme-business .field-group label,.theme-reference.theme-business .section-label,.theme-reference.theme-business .linked-heading { font-size:10px; }
.theme-reference.theme-business .field-group input,.theme-reference.theme-business .field-group textarea,.theme-reference.theme-business .field-group select { font-size:11px; line-height:1.45; }
.theme-reference.theme-business .dependency-item strong,.theme-reference.theme-business .linked-item strong { font-size:10px; }
.theme-reference.theme-business .dependency-item small,.theme-reference.theme-business .linked-item small { font-size:9px; }
.theme-reference.theme-business .insight-strength-card > small,.theme-reference.theme-business .insight-health-card > small { font-size:9px; }
.theme-reference.theme-business .insight-strength-card strong { font-size:11px; }
.theme-reference.theme-business .insight-strength-card p { font-size:9.5px; line-height:1.5; }
.theme-reference.theme-business .insight-section-title small { font-size:9px; }
.theme-reference.theme-business .insight-section-title strong { font-size:11px; }
.theme-reference.theme-business .insight-suggestions > button { min-height:66px; grid-template-columns:27px minmax(0,1fr) 12px; }
.theme-reference.theme-business .insight-suggestions > button > b { font-size:9px; }
.theme-reference.theme-business .insight-suggestions span strong { font-size:10px; }
.theme-reference.theme-business .insight-suggestions span small { display:-webkit-box; overflow:hidden; margin-top:4px; font-size:9px; line-height:1.35; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.theme-reference.theme-business .insight-primary-action { min-height:38px; font-size:10px; }
.theme-reference.theme-business .insight-health-row { grid-template-columns:76px minmax(0,1fr) 32px; font-size:9px; }
.theme-reference.theme-business .insight-health-row > strong { font-size:9px; }
.theme-reference.theme-business .ai-suggestion-card,.theme-reference.theme-business .ai-suggestion-card p { font-size:10px; line-height:1.5; }
.theme-reference.theme-business .ai-card-head strong { font-size:10px; }.theme-reference.theme-business .ai-card-head small { font-size:9px; }
.theme-reference.theme-business .suggestion-actions button,.theme-reference.theme-business .ai-toolkit b,.theme-reference.theme-business .inspector-footer button { font-size:9.5px; }

.theme-reference.theme-business .summary-banner small { font-size:10px; }
.theme-reference.theme-business .summary-banner p { font-size:11px; line-height:1.55; }
.theme-reference.theme-business .plan-number { font-size:9.5px; }
.theme-reference.theme-business .plan-section > p,.theme-reference.theme-business .plan-side-card p { font-size:10.5px; line-height:1.55; }
.theme-reference.theme-business .plan-task strong { font-size:11px; }
.theme-reference.theme-business .plan-task small,.theme-reference.theme-business .plan-task > span { font-size:10px; }
.theme-reference.theme-business .health-row,.theme-reference.theme-business .action-list > div { font-size:10px; }
.theme-reference.theme-business .timeline-controls button { font-size:10px; }
.theme-reference.theme-business .timeline-months > div { font-size:10px; }
.theme-reference.theme-business .timeline-label strong { font-size:10.5px; }
.theme-reference.theme-business .timeline-label small,.theme-reference.theme-business .timeline-bar { font-size:9.5px; }
.theme-reference.theme-business .kanban-header,.theme-reference.theme-business .kanban-card strong { font-size:10.5px; }
.theme-reference.theme-business .kanban-header b { font-size:9px; }
.theme-reference.theme-business .kanban-card small { font-size:9.5px; }
.theme-reference.theme-business .kanban-meta { font-size:9.5px; }
.theme-reference.theme-business .budget-card h3 { font-size:14px; }
.theme-reference.theme-business .budget-card > p,.theme-reference.theme-business .money-item small,.theme-reference.theme-business .budget-summary small { font-size:10px; }

.theme-reference.theme-business .dashboard-popover small,.theme-reference.theme-business .settings-modal small,.theme-reference.theme-business .team-modal small,.theme-reference.theme-business .billing-modal small,.theme-reference.theme-business .template-library-modal small,.theme-reference.theme-business .export-modal small { font-size:9.5px; }
.theme-reference.theme-business .dashboard-popover strong,.theme-reference.theme-business .profile-menu-list strong,.theme-reference.theme-business .notification-list strong { font-size:10.5px; }
.theme-reference.theme-business .settings-grid label,.theme-reference.theme-business .invite-row label,.theme-reference.theme-business .payment-method-form label { font-size:9.5px; }
.theme-reference.theme-business .settings-grid input,.theme-reference.theme-business .invite-row input,.theme-reference.theme-business .export-modal input,.theme-reference.theme-business .export-modal textarea { font-size:10.5px; }
.theme-reference.theme-business .growth-modal-header small,.theme-reference.theme-business .growth-overview small,.theme-reference.theme-business .growth-section-heading small,.theme-reference.theme-business .idea-results-heading small,.theme-reference.theme-business .idea-finder-intro small { font-size:9.5px; }
.theme-reference.theme-business .growth-modal-header p,.theme-reference.theme-business .growth-overview > p { font-size:11px; }
.theme-reference.theme-business .snapshot-card small,.theme-reference.theme-business .snapshot-card p,.theme-reference.theme-business .next-move-card p,.theme-reference.theme-business .tactic-card > p,.theme-reference.theme-business .idea-finder-intro p,.theme-reference.theme-business .ranked-idea p { font-size:9.5px; line-height:1.5; }
.theme-reference.theme-business .snapshot-card strong,.theme-reference.theme-business .next-move-card h4,.theme-reference.theme-business .tactic-card h3,.theme-reference.theme-business .ranked-idea h4 { font-size:11px; }

/* Guided workspace tour */
.workspace-tour { position:fixed; inset:0; z-index:180; color:#323338; }
.workspace-tour.is-hidden { display:none; }
.tour-shade { position:absolute; inset:0; background:rgba(24,31,42,.32); backdrop-filter:blur(1.5px); animation:tourFadeIn .18s ease both; }
.tour-spotlight { position:fixed; z-index:1; border:2px solid #2684ff; border-radius:13px; background:rgba(255,255,255,.06); box-shadow:0 0 0 5px rgba(38,132,255,.16),0 14px 36px rgba(18,30,48,.22); pointer-events:none; transition:left .28s cubic-bezier(.2,.75,.25,1),top .28s cubic-bezier(.2,.75,.25,1),width .28s cubic-bezier(.2,.75,.25,1),height .28s cubic-bezier(.2,.75,.25,1); }
.tour-card { position:fixed; z-index:2; width:376px; padding:18px; border:1px solid #d8dee7; border-radius:14px; background:#fff; box-shadow:0 24px 70px rgba(24,34,48,.25); animation:tourCardIn .22s cubic-bezier(.2,.75,.25,1) both; transition:left .28s cubic-bezier(.2,.75,.25,1),top .28s cubic-bezier(.2,.75,.25,1); }
.tour-card header { display:flex; align-items:center; justify-content:space-between; }
.tour-card header > span { color:#0073ea; font-size:9.5px; font-weight:750; letter-spacing:.08em; }
.tour-card header button { width:30px; height:30px; display:grid; place-items:center; border:0; border-radius:7px; color:#7e8794; background:transparent; }
.tour-card header button:hover { color:#323338; background:#f0f2f5; }
.tour-card header .icon { width:15px; height:15px; }
.tour-icon { width:40px; height:40px; display:grid; place-items:center; margin:12px 0 13px; border:1px solid #bdd8f4; border-radius:10px; color:#0073ea; background:#edf6ff; }
.tour-icon .icon { width:20px; height:20px; }
.tour-card h2 { margin:0; color:#25272c; font-size:20px; line-height:1.2; letter-spacing:-.3px; }
.tour-card > p { margin:8px 0 15px; color:#69727e; font-size:11.5px; line-height:1.58; }
.tour-progress { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-bottom:17px; }
.tour-progress i { height:3px; border-radius:999px; background:#e3e7ec; transition:background .2s ease,transform .2s ease; }
.tour-progress i.active { background:#2684ff; }
.tour-card footer { display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid #e7e9ed; }
.tour-card footer > span { display:flex; gap:7px; }
.tour-card footer button { height:34px; padding:0 13px; border:1px solid #d6dbe2; border-radius:7px; color:#555e6a; background:#fff; font-size:10.5px; font-weight:650; }
.tour-card footer button:hover { border-color:#b9c1cc; background:#f6f7f9; }
.tour-card footer .tour-skip { padding-left:0; border-color:transparent; color:#7d8692; background:transparent; }
.tour-card footer .tour-back:disabled { opacity:.4; cursor:default; }
.tour-card footer .button.primary { color:#fff; border-color:#0073ea; background:#0073ea; }
@keyframes tourFadeIn { from{opacity:0} to{opacity:1} }
@keyframes tourCardIn { from{opacity:0;transform:translateY(7px) scale(.985)} to{opacity:1;transform:none} }

/* Client-ready operating plan */
.theme-reference.theme-business #plan-view { background:#f6f7f9; }
.theme-reference.theme-business #plan-view .view-shell { max-width:1180px; padding-bottom:70px; }
.theme-reference.theme-business .plan-heading-actions { display:flex; align-items:center; gap:8px; }
.theme-reference.theme-business .plan-heading-actions .button { min-height:36px; font-size:10px; }
.theme-reference.theme-business .plan-brief { margin:16px 0 20px; padding:20px; border:1px solid #dde1e7; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(35,44,57,.04); }
.theme-reference.theme-business .plan-block-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:14px; }
.theme-reference.theme-business .plan-block-heading small { display:block; margin-bottom:4px; color:#0073ea; font-size:9px; font-weight:750; letter-spacing:.08em; }
.theme-reference.theme-business .plan-block-heading h3 { margin:0; color:#323338; font-size:14px; line-height:1.3; }
.theme-reference.theme-business .plan-brief-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.theme-reference.theme-business .plan-brief-grid article { min-height:170px; padding:15px; border:1px solid #e0e4e9; border-radius:10px; background:#fafbfc; }
.theme-reference.theme-business .plan-brief-grid article > span { width:32px; height:32px; display:grid; place-items:center; margin-bottom:14px; border:1px solid #c7dff5; border-radius:8px; color:#0073ea; background:#edf6ff; }
.theme-reference.theme-business .plan-brief-grid article > span .icon { width:16px; height:16px; }
.theme-reference.theme-business .plan-brief-grid article small { display:block; margin-bottom:5px; color:#7c8591; font-size:8.5px; font-weight:750; letter-spacing:.055em; text-transform:uppercase; }
.theme-reference.theme-business .plan-brief-grid article strong { display:block; color:#353941; font-size:11px; line-height:1.35; }
.theme-reference.theme-business .plan-brief-grid article p { margin:7px 0 0; color:#747d89; font-size:9.5px; line-height:1.52; }
.theme-reference.theme-business .plan-main > .plan-block-heading { margin:1px 0 12px; }
.theme-reference.theme-business .plan-main { align-content:start; }
.theme-reference.theme-business .plan-section { transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.theme-reference.theme-business .plan-section:hover { border-color:#c8d2dd; box-shadow:0 8px 20px rgba(35,44,57,.07); transform:translateY(-1px); }
.theme-reference.theme-business .plan-operating-section { padding:20px; border:1px solid #dde1e7; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(35,44,57,.04); }
.theme-reference.theme-business .plan-metric-table { overflow:hidden; border:1px solid #e1e5ea; border-radius:9px; }
.theme-reference.theme-business .plan-metric-table > * { display:grid; grid-template-columns:150px minmax(0,1fr) 82px; align-items:center; gap:12px; min-height:48px; padding:8px 12px; border-bottom:1px solid #e7e9ed; }
.theme-reference.theme-business .plan-metric-table > *:last-child { border-bottom:0; }
.theme-reference.theme-business .plan-metric-table header { min-height:34px; color:#777f8a; background:#f5f6f8; font-size:8.5px; font-weight:750; letter-spacing:.055em; text-transform:uppercase; }
.theme-reference.theme-business .plan-metric-table strong { color:#3b3f47; font-size:10px; }
.theme-reference.theme-business .plan-metric-table div > span { color:#636c78; font-size:9.5px; line-height:1.4; }
.theme-reference.theme-business .plan-metric-table div > small { color:#0073ea; font-size:8.5px; font-weight:700; text-align:right; }
.theme-reference.theme-business .plan-gate-list { display:grid; gap:8px; }
.theme-reference.theme-business .plan-gate-list article { display:grid; grid-template-columns:32px minmax(0,1fr) 86px; align-items:center; gap:11px; min-height:68px; padding:10px 12px; border:1px solid #e1e5ea; border-radius:9px; background:#fafbfc; }
.theme-reference.theme-business .plan-gate-list article > b { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; color:#4e50bd; background:#efefff; font-size:9px; }
.theme-reference.theme-business .plan-gate-list strong { color:#3a3e46; font-size:10.5px; }
.theme-reference.theme-business .plan-gate-list p { margin:4px 0 0; color:#747d89; font-size:9.5px; line-height:1.4; }
.theme-reference.theme-business .plan-gate-list article > small { color:#68727f; font-size:8.5px; font-weight:700; text-align:right; }
.theme-reference.theme-business .plan-side { align-content:start; }
.theme-reference.theme-business .plan-side-card { border-radius:11px; }
.theme-reference.theme-business .strength-card h4 { display:flex; align-items:center; justify-content:space-between; }
.theme-reference.theme-business .strength-card h4 b { color:#00a86b; font-size:16px; }
.theme-reference.theme-business .immediate-card > small,.theme-reference.theme-business .recommended-tactic > small,.theme-reference.theme-business .risk-summary > small { color:#0073ea; font-size:8.5px; font-weight:750; letter-spacing:.065em; }
.theme-reference.theme-business .immediate-card h4,.theme-reference.theme-business .recommended-tactic h4,.theme-reference.theme-business .risk-summary h4 { margin:5px 0 11px; }
.theme-reference.theme-business .immediate-card .action-list { display:grid; gap:7px; }
.theme-reference.theme-business .immediate-card .action-list > div { display:grid; grid-template-columns:24px minmax(0,1fr); gap:9px; align-items:start; min-height:0; padding:9px; border-radius:8px; background:#f8f9fb; }
.theme-reference.theme-business .immediate-card .action-list > div > b { width:23px; height:23px; display:grid; place-items:center; border-radius:7px; color:#006ad8; background:#eaf5ff; font-size:8.5px; }
.theme-reference.theme-business .immediate-card .action-list > div > span { color:#505863; font-size:9.5px; line-height:1.45; }
.theme-reference.theme-business .recommended-tactic-icon { width:34px; height:34px; display:grid; place-items:center; margin:12px 0 8px; border-radius:9px; color:#4f4fc2; background:#efefff; }
.theme-reference.theme-business .recommended-tactic-icon .icon { width:17px; height:17px; }
.theme-reference.theme-business .recommended-tactic button,.theme-reference.theme-business .risk-summary button { width:100%; min-height:34px; display:flex; align-items:center; justify-content:center; gap:7px; margin-top:12px; border:1px solid #cbd6e2; border-radius:7px; color:#006ad8; background:#fff; font-size:9.5px; font-weight:700; }
.theme-reference.theme-business .recommended-tactic button:hover,.theme-reference.theme-business .risk-summary button:hover { border-color:#0073ea; background:#f1f7ff; }
.theme-reference.theme-business .recommended-tactic button .icon { width:13px; height:13px; }
.theme-reference.theme-business .risk-summary { border-left:3px solid #df4552; }
.theme-reference.theme-business .risk-summary > small { color:#c13d49; }

@media (max-width:1400px) {
  .theme-reference.theme-business .plan-brief-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .theme-reference.theme-business .plan-brief-grid article { min-height:145px; }
}
@media (max-width:1350px) {
  .theme-reference.theme-business .workspace-header { grid-template-columns:minmax(300px,.85fr) auto minmax(330px,.9fr); padding-right:10px; padding-left:10px; }
  .theme-reference.theme-business .view-tabs button { gap:4px; padding:0 7px; font-size:10px; }
  .theme-reference.theme-business .view-tabs button .view-icon { width:23px; height:23px; }
  .theme-reference.theme-business .workspace-actions { gap:6px; }
  .theme-reference.theme-business .workspace-actions .header-members { display:none; }
  .theme-reference.theme-business .workspace-actions .top-action kbd { display:none; }
  .theme-reference.theme-business .workspace-actions .compact-button { padding-right:9px; padding-left:9px; }
}
@media (max-width:900px) {
  .tour-card { width:min(376px,calc(100vw - 30px)); }
  .theme-reference.theme-business .plan-heading-actions { align-items:stretch; flex-direction:column; }
  .theme-reference.theme-business .plan-brief-grid { grid-template-columns:1fr; }
  .theme-reference.theme-business .plan-metric-table > * { grid-template-columns:120px minmax(0,1fr); }
  .theme-reference.theme-business .plan-metric-table > * > :last-child { grid-column:2; text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
  .tour-shade,.tour-card { animation:none; }
  .tour-spotlight,.tour-card { transition:none; }
}

/* Evidence-based financial planning */
.theme-reference.theme-business #budget-view { background:#f6f7f9; }
.theme-reference.theme-business #budget-view .view-shell { max-width:1180px; padding-bottom:72px; }
.theme-reference.theme-business .title-line input { width:225px; }
.theme-reference.theme-business .finance-heading-actions { display:flex; align-items:center; gap:8px; }
.theme-reference.theme-business .finance-heading-actions .button { min-height:36px; font-size:10px; }
.theme-reference.theme-business .finance-notice { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:12px; margin:16px 0 20px; padding:13px 15px; border:1px solid #cfe1f3; border-radius:10px; color:#3a4653; background:#f1f8ff; }
.theme-reference.theme-business .finance-notice > span { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:#0073ea; background:#fff; box-shadow:0 1px 4px rgba(27,69,110,.1); }
.theme-reference.theme-business .finance-notice > span .icon { width:17px; height:17px; }
.theme-reference.theme-business .finance-notice strong { display:block; color:#29323d; font-size:10.5px; }
.theme-reference.theme-business .finance-notice p { margin:3px 0 0; color:#586675; font-size:9.5px; line-height:1.45; }
.theme-reference.theme-business .finance-notice > b { padding:7px 10px; border:1px solid #bcd8f3; border-radius:999px; color:#0068cf; background:#fff; font-size:9px; white-space:nowrap; }
.theme-reference.theme-business .finance-scenario-section { margin-bottom:20px; padding:20px; border:1px solid #dde1e7; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(35,44,57,.04); }
.theme-reference.theme-business .finance-scenario-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.theme-reference.theme-business .finance-scenario-grid.count-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.theme-reference.theme-business .finance-scenario-card { min-width:0; padding:15px; border:1px solid #dfe3e8; border-radius:10px; color:#343a43; background:#fafbfc; text-align:left; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease; }
.theme-reference.theme-business .finance-scenario-card:hover { border-color:#aebfd2; box-shadow:0 7px 18px rgba(31,46,65,.08); transform:translateY(-1px); }
.theme-reference.theme-business .finance-scenario-card.selected { border-color:#2684ff; background:#f4f9ff; box-shadow:0 0 0 2px rgba(38,132,255,.1); }
.theme-reference.theme-business .finance-scenario-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.theme-reference.theme-business .finance-scenario-card header span,.theme-reference.theme-business .finance-scenario-card header strong,.theme-reference.theme-business .finance-scenario-card header small { display:block; }
.theme-reference.theme-business .finance-scenario-card header strong { color:#30343b; font-size:11px; }
.theme-reference.theme-business .finance-scenario-card header small { margin-top:4px; color:#75808e; font-size:8.5px; font-weight:650; }
.theme-reference.theme-business .finance-scenario-card header i { width:20px; height:20px; display:grid; place-items:center; color:#0073ea; font-style:normal; }
.theme-reference.theme-business .finance-scenario-card header i .icon { width:17px; height:17px; }
.theme-reference.theme-business .finance-scenario-card > p { min-height:42px; margin:12px 0 14px; color:#596572; font-size:9.5px; line-height:1.48; }
.theme-reference.theme-business .finance-scenario-card > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-top:12px; border-top:1px solid #e4e7eb; }
.theme-reference.theme-business .finance-scenario-card > div span { min-width:0; }
.theme-reference.theme-business .finance-scenario-card > div small,.theme-reference.theme-business .finance-scenario-card > div b { display:block; }
.theme-reference.theme-business .finance-scenario-card > div small { color:#8a929d; font-size:7.5px; font-weight:750; letter-spacing:.06em; }
.theme-reference.theme-business .finance-scenario-card > div b { overflow:hidden; margin-top:4px; color:#343941; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.theme-reference.theme-business .budget-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.theme-reference.theme-business .finance-detail-card { display:flex; min-height:280px; flex-direction:column; padding:20px; }
.theme-reference.theme-business .finance-card-heading { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; }
.theme-reference.theme-business .finance-card-heading small,.theme-reference.theme-business .finance-card-heading h3,.theme-reference.theme-business .finance-card-heading p { display:block; }
.theme-reference.theme-business .finance-card-heading small { color:#7a8490; font-size:8px; font-weight:750; letter-spacing:.065em; }
.theme-reference.theme-business .finance-card-heading h3 { margin:4px 0 0; color:#30343b; font-size:14px; }
.theme-reference.theme-business .finance-card-heading p { margin:5px 0 0; color:#77818d; font-size:9.5px; line-height:1.45; }
.theme-reference.theme-business .finance-card-icon { width:36px; height:36px; display:grid; place-items:center; border:1px solid transparent; border-radius:9px; }
.theme-reference.theme-business .finance-card-icon .icon { width:18px; height:18px; }
.theme-reference.theme-business .finance-card-icon.amber { color:#bd7500; border-color:#f1d6a5; background:#fff8e9; }
.theme-reference.theme-business .finance-card-icon.green { color:#008f62; border-color:#bde4d4; background:#eefaf5; }
.theme-reference.theme-business .finance-card-icon.blue { color:#006fdc; border-color:#c8def5; background:#eef7ff; }
.theme-reference.theme-business .finance-detail-card .money-list { gap:7px; margin:17px 0 0; }
.theme-reference.theme-business .money-item { width:100%; grid-template-columns:28px minmax(0,1fr) auto 14px; gap:9px; padding:9px; border:1px solid #e3e6ea; border-radius:8px; color:#35404b; background:#fafbfc; font-family:inherit; text-align:left; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.theme-reference.theme-business .money-item:hover { border-color:#b9c9da; background:#f4f8fc; transform:translateX(2px); }
.theme-reference.theme-business .money-item > i { width:27px; height:27px; border-radius:7px; color:#ad6e06; background:#fff3d9; font-size:10px; font-weight:750; }
.theme-reference.theme-business .money-item > span { min-width:0; }
.theme-reference.theme-business .money-item strong { overflow:hidden; color:#35404b; font-size:10.5px; text-overflow:ellipsis; white-space:nowrap; }
.theme-reference.theme-business .money-item small { margin-top:3px; color:#7b8591; font-size:9px; }
.theme-reference.theme-business .money-item b { color:#313942; font-size:11px; white-space:nowrap; }
.theme-reference.theme-business .money-item > .icon { width:13px; height:13px; color:#98a1ad; }
.theme-reference.theme-business .finance-detail-card .money-total { margin-top:auto; padding-top:15px; color:#687381; font-size:9.5px; }
.theme-reference.theme-business .finance-detail-card .money-total strong { color:#2f3741; font-size:15px; letter-spacing:-.1px; }
.theme-reference.theme-business .finance-detail-card .revenue-total strong { color:#008b61; }
.theme-reference.theme-business .finance-empty { margin:18px 0; padding:16px; border:1px dashed #dce1e7; border-radius:8px; color:#7d8793; background:#fafbfc; font-size:9.5px; text-align:center; }
.theme-reference.theme-business .finance-assumptions-card { padding:19px 20px; border:1px solid #dde1e7; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(35,44,57,.04); }
.theme-reference.theme-business .finance-assumptions-card > div:first-child { display:flex; align-items:center; gap:11px; }
.theme-reference.theme-business .finance-assumptions-card small { display:block; color:#7a8490; font-size:8px; font-weight:750; letter-spacing:.065em; }
.theme-reference.theme-business .finance-assumptions-card h3 { margin:4px 0 0; color:#30343b; font-size:13px; }
.theme-reference.theme-business .finance-assumptions-card ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0 0; padding:0; list-style:none; counter-reset:finance-note; }
.theme-reference.theme-business .finance-assumptions-card li { position:relative; min-height:58px; padding:11px 11px 11px 34px; border:1px solid #e3e6ea; border-radius:8px; color:#5e6874; background:#fafbfc; font-size:9.5px; line-height:1.45; counter-increment:finance-note; }
.theme-reference.theme-business .finance-assumptions-card li:before { content:counter(finance-note); position:absolute; top:10px; left:10px; width:16px; height:16px; display:grid; place-items:center; border-radius:5px; color:#006edc; background:#eaf5ff; font-size:8px; font-weight:750; }
.theme-reference.theme-business .finance-source-row { display:flex; align-items:center; gap:10px; margin-top:13px; padding-top:13px; border-top:1px solid #e4e7eb; }
.theme-reference.theme-business .finance-source-row > span { flex:1; color:#6d7784; font-size:9px; line-height:1.4; }
.theme-reference.theme-business .finance-source-row a { display:flex; align-items:center; gap:5px; color:#006fdc; font-size:9px; font-weight:700; text-decoration:none; white-space:nowrap; }
.theme-reference.theme-business .finance-source-row a:hover { text-decoration:underline; }
.theme-reference.theme-business .finance-source-row .icon { width:11px; height:11px; }
.theme-reference.theme-business .financial-fields { margin:4px 0 16px; padding:13px; border:1px solid #d4e1ee; border-radius:9px; background:#f5faff; }
.theme-reference.theme-business .financial-field-heading { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:9px; margin-bottom:12px; }
.theme-reference.theme-business .financial-field-heading > span { width:29px; height:29px; display:grid; place-items:center; border-radius:7px; color:#0073ea; background:#e6f3ff; }
.theme-reference.theme-business .financial-field-heading .icon { width:15px; height:15px; }
.theme-reference.theme-business .financial-field-heading small,.theme-reference.theme-business .financial-field-heading strong { display:block; }
.theme-reference.theme-business .financial-field-heading small { color:#0073ea; font-size:7.5px; font-weight:750; letter-spacing:.07em; }
.theme-reference.theme-business .financial-field-heading strong { margin-top:2px; color:#343b45; font-size:10px; }
.theme-reference.theme-business .money-field { position:relative; }
.theme-reference.theme-business .money-field > span { position:absolute; top:50%; left:9px; z-index:1; color:#687381; font-size:10px; transform:translateY(-50%); }
.theme-reference.theme-business .money-field input { width:100%; padding-left:20px; }
.theme-reference.theme-business #financial-field-help { margin:10px 0 0; color:#647282; font-size:8.5px; line-height:1.45; }

@media (max-width:1100px) {
  .theme-reference.theme-business .finance-scenario-grid { grid-template-columns:1fr; }
  .theme-reference.theme-business .finance-scenario-card > p { min-height:0; }
  .theme-reference.theme-business .budget-detail-grid { grid-template-columns:1fr; }
  .theme-reference.theme-business .finance-assumptions-card ul { grid-template-columns:1fr; }
}
@media (max-width:1350px) {
  .theme-reference.theme-business .workspace-wordmark > span:last-child { display:none; }
  .theme-reference.theme-business .workspace-wordmark { padding-right:5px; }
  .theme-reference.theme-business .title-line input { width:190px; }
}
@media (max-width:760px) {
  .theme-reference.theme-business .finance-heading-actions,.theme-reference.theme-business .finance-source-row { align-items:stretch; flex-direction:column; }
  .theme-reference.theme-business .finance-notice { grid-template-columns:34px minmax(0,1fr); }
  .theme-reference.theme-business .finance-notice > b { grid-column:1/-1; justify-self:start; }
}
/* Production account access and honest empty states */
.auth-overlay{z-index:10000;background:rgba(20,28,43,.42);backdrop-filter:blur(8px);padding:20px;overflow:auto}
.auth-modal{position:relative;width:min(448px,100%);margin:auto;background:#fff;border:1px solid #dfe4ec;border-radius:18px;box-shadow:0 30px 90px rgba(23,32,51,.2);padding:28px;animation:auth-modal-in .2s cubic-bezier(.2,.8,.2,1)}
@keyframes auth-modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.auth-close{position:absolute;right:18px;top:18px}
.auth-brand{display:flex;align-items:center;gap:10px;padding-right:44px}.auth-brand .landing-brand-mark{width:38px;height:38px}.auth-brand strong{display:block;font-size:18px;letter-spacing:-.02em;color:#111827}.auth-brand small{display:block;margin-top:2px;font-size:11px;color:#6f7b8c;letter-spacing:.03em}
.auth-intro{display:flex;gap:13px;align-items:flex-start;margin:28px 0 20px}.auth-security-mark{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;color:#1768ea;background:#edf5ff;border:1px solid #d8e8ff}.auth-security-mark .icon{width:20px;height:20px}.auth-intro small{display:block;color:#1768ea;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:5px}.auth-intro h2{font-size:25px;letter-spacing:-.035em;color:#111827;margin:0}.auth-intro p{color:#667085;line-height:1.5;margin:6px 0 0;font-size:14px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:10px;background:#f2f4f7;margin-bottom:18px}.auth-tabs button{border:0;background:transparent;color:#667085;font-weight:700;border-radius:7px;padding:10px}.auth-tabs button.active{background:#fff;color:#172033;box-shadow:0 1px 3px rgba(23,32,51,.12)}
.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:#344054;font-weight:700;font-size:13px}.auth-form label>span{color:#8791a2;font-weight:500}.auth-form input:not([type=checkbox]){width:100%;height:44px;border:1px solid #d8dee8;border-radius:9px;background:#fff;color:#172033;padding:0 12px;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.auth-form input:not([type=checkbox]):focus{border-color:#4b8df7;box-shadow:0 0 0 3px rgba(23,104,234,.12)}
.auth-legal{grid-template-columns:18px 1fr!important;align-items:start;line-height:1.5;font-weight:500!important}.auth-legal input{margin:2px 0 0;width:16px;height:16px;accent-color:#1768ea}.auth-legal a{color:#1768ea}.auth-submit{width:100%;min-height:46px;justify-content:center}.auth-submit .icon{order:2}.auth-submit[disabled]{cursor:wait;opacity:.72}.auth-forgot{justify-self:center;border:0;background:transparent;color:#1768ea;font-size:13px;font-weight:700;padding:4px}.auth-status{min-height:18px;margin:0;text-align:center;color:#667085;font-size:13px;line-height:1.4}.auth-status.error{color:#c4323d}.auth-status.success{color:#008a5b}.auth-footer{display:flex;justify-content:center;align-items:center;gap:6px;border-top:1px solid #edf0f4;margin-top:20px;padding-top:17px;color:#7b8495;font-size:11px}.auth-footer .icon{width:14px;height:14px}.auth-modal .is-hidden{display:none!important}
.project-empty-state{min-height:236px;border:1px dashed #cfd6e1;border-radius:12px;background:#fafbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#667085}.project-empty-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf5ff;color:#1768ea;margin-bottom:12px}.project-empty-state .icon{width:20px;height:20px}.project-empty-state strong{color:#273142;font-size:15px}.project-empty-state small{max-width:220px;line-height:1.45;margin-top:5px}.project-empty-state.is-hidden{display:none}.notification-empty{padding:24px 18px;text-align:center;color:#7b8495;font-size:13px;line-height:1.5}.notification>i{display:none!important}
@media(max-width:520px){.auth-overlay{padding:0;align-items:flex-end}.auth-modal{border-radius:18px 18px 0 0;border-bottom:0;padding:24px 20px max(24px,env(safe-area-inset-bottom));max-height:94dvh;overflow:auto}.auth-brand small{font-size:10px}.auth-intro{margin:22px 0 17px}.auth-intro h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.auth-modal{animation:none}}

/* Cloud account controls, billing state, and project recovery */
.settings-modal{max-height:calc(100dvh - 44px);overflow-y:auto}
.account-security-card,.account-danger-card{margin:14px 22px;padding:16px;border:1px solid #dde2e9;border-radius:11px;background:#fff}
.account-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.account-section-heading small,.account-danger-card small{display:block;color:#1768ea;font-size:8px;font-weight:800;letter-spacing:.09em}.account-section-heading strong,.account-danger-card strong{display:block;margin-top:4px;color:#2f3742;font-size:12px}.account-section-heading p,.account-danger-card p{margin:5px 0 0;color:#74808e;font-size:9.5px;line-height:1.5}.account-password-grid{margin:14px 0 12px!important;padding:0!important}.account-security-card>.button{min-height:34px}.account-danger-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;border-color:#efd8dc;background:#fffafa}.account-danger-card small{color:#c33d4b}.account-danger-card>div{display:grid;gap:8px}.account-danger-card input{width:100%;height:36px;padding:0 10px;border:1px solid #e4cbd0;border-radius:8px;background:#fff;color:#2f3742;font-size:10px}.account-danger-card button,.danger-button{border-color:#d64a58!important;background:#fff!important;color:#b72f3e!important}.account-danger-card button{min-height:36px;border:1px solid;border-radius:8px;font-size:10px;font-weight:750}
#billing-mode-note{display:block;margin-top:5px;font-style:normal;font-size:9px;font-weight:700}.billing-mode-sandbox{color:#a56400}.billing-mode-live{color:#00875c}.billing-mode-disabled{color:#a33c48}
.history-modal{position:relative;width:min(700px,calc(100vw - 40px));max-height:calc(100dvh - 48px);overflow:hidden;display:flex;flex-direction:column;border:1px solid #d8dde5;border-radius:16px;background:#f7f8fa;box-shadow:0 28px 84px rgba(30,39,52,.22);animation:modalIn .2s cubic-bezier(.2,.75,.25,1) both}.history-modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #e1e5ea;background:#fff}.history-modal>header small{color:#1768ea;font-size:9px;font-weight:800;letter-spacing:.1em}.history-modal>header h2{margin:6px 0 0;color:#29313c;font-size:22px}.history-modal>header p{margin:6px 0 0;color:#74808e;font-size:11px}.history-status{padding:12px 24px;color:#667382;background:#f7f8fa;font-size:10px;border-bottom:1px solid #e5e8ed}.history-list{min-height:120px;overflow-y:auto;padding:12px 16px 18px;display:grid;gap:8px}.history-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #e0e4ea;border-radius:10px;background:#fff}.history-version{width:40px;height:34px;display:grid;place-items:center;border:1px solid #cfe1f8;border-radius:8px;color:#1768ea;background:#eff6ff;font-size:10px;font-weight:800}.history-version .icon{width:15px;height:15px}.history-item strong,.history-item small{display:block}.history-item strong{color:#303843;font-size:11px}.history-item small{margin-top:4px;color:#7a8592;font-size:9px}.history-current{padding:5px 8px;border-radius:999px;color:#00895e;background:#e9f8f2;font-size:8px}.history-item .button{min-height:32px;padding:0 12px}.history-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid #e0e4ea;background:#fff}.history-modal>footer>span{color:#7a8592;font-size:9px}.history-modal>footer .icon{width:13px;height:13px}
@media(max-width:760px){#history-button{display:none}.account-danger-card{grid-template-columns:1fr}.account-security-card,.account-danger-card{margin:12px 14px}.history-modal{width:100%;max-height:90dvh;margin-top:auto;border-radius:17px 17px 0 0}.history-item{grid-template-columns:38px minmax(0,1fr) auto}.history-modal>footer{align-items:stretch;flex-direction:column}.history-modal>footer .button{width:100%;justify-content:center}}
.analytics-summary{overflow:auto;padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.analytics-summary article{min-height:108px;padding:14px;border:1px solid #e0e5ec;border-radius:11px;background:#fff}.analytics-summary article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#1768ea;background:#edf5ff}.analytics-summary article .icon{width:15px;height:15px}.analytics-summary article small,.analytics-summary article strong{display:block}.analytics-summary article small{margin-top:11px;color:#707c8b;font-size:9px}.analytics-summary article strong{margin-top:2px;color:#273142;font-size:22px}.analytics-summary section{grid-column:1/-1;padding:14px;border:1px solid #e0e5ec;border-radius:11px;background:#fff}.analytics-summary section strong{color:#303843;font-size:11px}.analytics-summary section p{margin:5px 0 0;color:#74808e;font-size:10px;line-height:1.5}@media(max-width:620px){.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}