:root {
  --bg: #080b10;
  --panel: #0d1118;
  --panel-2: #111721;
  --panel-3: #151c27;
  --line: rgba(255,255,255,.075);
  --line-strong: rgba(255,255,255,.13);
  --text: #eef2fa;
  --muted: #8c96a8;
  --dim: #626c7d;
  --violet: #8b75ff;
  --violet-2: #6e58ec;
  --cyan: #4cc8d2;
  --blue: #5e9cf8;
  --green: #54c894;
  --amber: #e7af54;
  --red: #eb6f7b;
  --pink: #d57ce6;
  --radius: 14px;
  --shadow: 0 20px 60px rgba(0,0,0,.42);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { width: 100%; min-width: 1100px; height: 100%; margin: 0; overflow: hidden; background: var(--bg); color: var(--text); }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid rgba(139,117,255,.75); outline-offset: 2px; }
button { cursor: pointer; }
.is-hidden { display: none !important; }
.screen { width: 100%; height: 100vh; }

/* Shared brand and controls */
.brand { display: flex; align-items: center; gap: 11px; font-weight: 720; font-size: 17px; letter-spacing: -.25px; }
.brand-button { border: 0; padding: 0; background: none; }
.brand-mark { position: relative; display: grid; grid-template-columns: repeat(2, 10px); grid-template-rows: repeat(2, 10px); gap: 3px; width: 25px; height: 25px; filter: drop-shadow(0 0 11px rgba(139,117,255,.28)); }
.brand-mark i { display: block; background: linear-gradient(135deg, #a997ff, #725be8); border-radius: 3px; transform: rotate(0deg); }
.brand-mark i:nth-child(2), .brand-mark i:nth-child(3) { opacity: .68; transform: scale(.75); }
.brand-mark.compact { border: 0; background: none; padding: 0; flex: 0 0 25px; }
.avatar { display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.13); background: linear-gradient(135deg,#2e3850,#171d29); font-weight: 750; letter-spacing: .25px; }
.avatar-user { background: radial-gradient(circle at 35% 30%, #e8b28f 0 15%, #7e4f4d 16% 31%, #253044 32%); color: white; text-shadow: 0 1px 3px #000; }
.button { border: 1px solid var(--line-strong); border-radius: 9px; padding: 9px 14px; background: rgba(255,255,255,.04); font-weight: 650; font-size: 13px; transition: .18s ease; }
.button:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.07); }
.button:active { transform: translateY(0) scale(.98); }
.button.primary { background: linear-gradient(135deg, #8c78ff, #6854e7); border-color: #9b89ff; box-shadow: 0 7px 25px rgba(107,84,230,.28), inset 0 1px rgba(255,255,255,.22); }
.button.primary:hover { box-shadow: 0 10px 30px rgba(107,84,230,.42), inset 0 1px rgba(255,255,255,.25); }
.button.ghost { background: rgba(255,255,255,.035); }
kbd { border: 1px solid rgba(255,255,255,.12); border-bottom-color: rgba(255,255,255,.2); background: rgba(255,255,255,.05); border-radius: 4px; padding: 1px 5px; font-size: 10px; color: #aab2bf; box-shadow: 0 1px 0 rgba(255,255,255,.05); }

/* Dashboard */
.dashboard-screen { display: grid; grid-template-columns: 218px 1fr; background: #090d13; }
.dash-sidebar { display: flex; flex-direction: column; height: 100%; padding: 24px 16px 17px; background: #0b0f16; border-right: 1px solid var(--line); }
.dash-sidebar > .brand { padding: 0 8px 27px; }
.dash-nav { display: grid; gap: 5px; }
.nav-item { height: 39px; display: flex; align-items: center; gap: 11px; border: 0; border-radius: 8px; background: transparent; color: #8993a4; padding: 0 11px; text-align: left; font-weight: 570; font-size: 13px; transition: .15s; }
.nav-item:hover { color: #d8deea; background: rgba(255,255,255,.035); }
.nav-item.active { color: #eeeaff; background: rgba(130,110,240,.12); box-shadow: inset 2px 0 #8b75ff; }
.nav-icon { width: 18px; color: #a9b0bf; font-size: 18px; text-align: center; }
.nav-item.active .nav-icon { color: #9c8aff; }
.nav-count { margin-left: auto; min-width: 19px; padding: 2px 5px; text-align: center; background: rgba(255,255,255,.06); border-radius: 8px; font-size: 10px; }
.sidebar-spacer { flex: 1; }
.upgrade-card { position: relative; margin: 0 2px 16px; padding: 16px 14px 14px; overflow: hidden; border: 1px solid rgba(139,117,255,.18); border-radius: 12px; background: radial-gradient(circle at 100% 0,rgba(139,117,255,.18),transparent 50%), #10151f; }
.upgrade-card:after { content:""; position:absolute; width:70px; height:70px; right:-30px; bottom:-40px; border:1px solid rgba(139,117,255,.18); transform:rotate(45deg); }
.upgrade-card .spark-icon { width: 28px; height: 28px; display:grid; place-items:center; margin-bottom:10px; border-radius:8px; color:#b9adff; background:rgba(139,117,255,.15); }
.upgrade-card strong { display:block; font-size:12px; }
.upgrade-card p { margin: 5px 0 12px; color:var(--muted); font-size:10px; line-height:1.5; }
.upgrade-card button { width:100%; height:30px; border:1px solid rgba(139,117,255,.22); border-radius:7px; background:rgba(139,117,255,.1); color:#c5bcff; font-size:11px; font-weight:650; }
.profile-row { display:grid; grid-template-columns:34px 1fr auto; gap:9px; align-items:center; width:100%; padding:10px 8px 0; border:0; border-top:1px solid var(--line); background:none; text-align:left; }
.profile-row .avatar { width:32px; height:32px; font-size:9px; }
.profile-row strong,.profile-row small { display:block; }
.profile-row strong { font-size:11px; }
.profile-row small { margin-top:3px; color:var(--dim); font-size:9px; }
.kebab { color:var(--dim); letter-spacing:1px; }
.dash-main { overflow-y:auto; height:100%; background: radial-gradient(circle at 75% -20%,rgba(83,63,169,.08),transparent 35%), #090d13; }
.dash-main::-webkit-scrollbar { width: 7px; }
.dash-main::-webkit-scrollbar-thumb { background: #222a36; border-radius: 6px; }
.dash-header { display:flex; justify-content:space-between; align-items:flex-start; max-width: 1220px; margin:auto; padding:34px 44px 22px; }
.eyebrow { margin:0 0 8px !important; color:#666f7e !important; font-size:9px !important; font-weight:700; letter-spacing:1.5px; }
.dash-header h1 { margin:0; font-size:25px; letter-spacing:-.65px; font-weight:680; }
.dash-header h1 .wave { color:#a28fff; font-size:15px; vertical-align:4px; }
.dash-header p { margin:7px 0 0; color:var(--muted); font-size:12px; }
.header-actions { display:flex; align-items:center; gap:8px; }
.icon-button { width:34px; height:34px; border:1px solid var(--line); border-radius:9px; background:#0e131b; color:#8c96a7; font-size:19px; }
.header-actions .avatar { width:34px; height:34px; margin-left:3px; font-size:9px; }
.notification { position:relative; }
.notification i { position:absolute; right:7px; top:7px; width:5px; height:5px; border-radius:50%; background:#8b75ff; box-shadow:0 0 7px #8b75ff; }
.idea-hero { position:relative; max-width:1132px; margin: 0 auto; padding:31px 40px 24px; overflow:hidden; border:1px solid rgba(139,117,255,.14); border-radius:17px; background: radial-gradient(circle at 14% 5%,rgba(95,73,184,.13),transparent 38%), linear-gradient(105deg,#10151f,#0d121a); box-shadow:0 30px 70px rgba(0,0,0,.18); }
.idea-hero:before { content:""; position:absolute; inset:0; opacity:.22; background-image: radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(90deg,#000,transparent 65%); pointer-events:none; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(1px); pointer-events:none; }
.orb-one { width:160px; height:160px; right:50px; top:-100px; border:1px solid rgba(139,117,255,.13); box-shadow:0 0 80px rgba(139,117,255,.08); }
.orb-two { width:90px; height:90px; right:150px; top:-55px; border:1px solid rgba(76,200,210,.08); }
.idea-copy { position:relative; text-align:center; }
.idea-badge { display:inline-flex; align-items:center; gap:7px; color:#9d8dff; font-size:9px; font-weight:750; letter-spacing:1.35px; }
.idea-badge i { width:5px; height:5px; border-radius:50%; background:#8b75ff; box-shadow:0 0 9px #8b75ff; }
.idea-copy h2 { margin:10px 0 6px; font-size:23px; letter-spacing:-.55px; font-weight:680; }
.idea-copy p { margin:0; color:var(--muted); font-size:11px; }
.idea-composer { position:relative; max-width:740px; margin:22px auto 0; padding:0 0 8px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(7,10,15,.66); box-shadow:0 14px 40px rgba(0,0,0,.2),0 0 0 1px rgba(139,117,255,.03); transition:.2s; }
.idea-composer:focus-within { border-color:rgba(139,117,255,.43); box-shadow:0 14px 40px rgba(0,0,0,.25),0 0 0 3px rgba(139,117,255,.07); }
.idea-composer textarea { display:block; width:100%; resize:none; border:0; outline:0; padding:16px 17px 6px; background:transparent; color:#e8edf6; font-size:13px; line-height:1.45; }
.composer-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:0 8px; }
.composer-actions .button { padding:8px 11px; font-size:10px; }
.composer-actions .primary { min-width:140px; }
.composer-actions .primary span { color:#ded8ff; margin-right:5px; }
.composer-actions .primary b { margin-left:7px; }
.idea-hint { margin-right:auto; padding-left:9px; color:#5f6877; font-size:9px; }
.idea-hint kbd { margin:0 1px; }
.suggestion-row { position:relative; display:flex; justify-content:center; align-items:center; gap:7px; margin-top:13px; color:#596272; font-size:9px; }
.suggestion-row button { padding:5px 8px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); color:#818a99; font-size:9px; transition:.15s; }
.suggestion-row button:hover { color:#c6cedb; border-color:var(--line-strong); }
.dashboard-section { max-width:1132px; margin:27px auto 0; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:12px; }
.section-heading h3 { margin:0; font-size:14px; font-weight:660; }
.section-heading p { margin:4px 0 0; color:#636d7d; font-size:9px; }
.text-button { border:0; background:none; color:#7f8999; font-size:10px; }
.text-button span { margin-left:5px; color:#9c8aff; }
.project-grid { display:grid; grid-template-columns:1fr 1fr .63fr; gap:13px; }
.project-card { overflow:hidden; min-height:224px; padding:0; border:1px solid var(--line); border-radius:13px; background:#0d121a; text-align:left; transition:.2s ease; }
.project-card:hover { transform:translateY(-3px); border-color:rgba(139,117,255,.28); box-shadow:0 16px 35px rgba(0,0,0,.25); }
.project-card.featured { border-color:rgba(139,117,255,.2); }
.project-visual { position:relative; height:108px; overflow:hidden; border-bottom:1px solid var(--line); background-color:#111722; background-image:radial-gradient(circle,rgba(255,255,255,.09) .6px,transparent .7px); background-size:15px 15px; }
.project-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(139,117,255,.04),transparent); }
.project-menu { position:absolute; z-index:3; top:9px; right:11px; color:#7e8796; letter-spacing:1px; }
.mini-node { position:absolute; z-index:2; width:64px; height:30px; display:grid; place-items:center; border:1px solid rgba(139,117,255,.28); border-radius:6px; background:#161c28; color:#c3baff; box-shadow:0 6px 12px rgba(0,0,0,.25); font-size:8px; }
.mini-node.n1 { left:24px; top:42px; }
.mini-node.n2 { left:144px; top:17px; }
.mini-node.n3 { left:181px; top:72px; }
.mini-node.teal { border-color:rgba(76,200,210,.3); color:#79d7de; }
.mini-node.blue { border-color:rgba(94,156,248,.3); color:#88b7ff; }
.mini-node.amber { border-color:rgba(231,175,84,.3); color:#e9bd73; }
.project-visual svg { position:absolute; z-index:1; inset:0; width:100%; height:100%; }
.project-visual svg path { fill:none; stroke:rgba(139,117,255,.4); stroke-width:1; }
.saas-visual svg path { stroke:rgba(76,200,210,.35); }
.project-info { padding:13px 14px 11px; }
.project-title-row { display:flex; align-items:center; gap:9px; }
.project-icon { display:grid; place-items:center; width:29px; height:29px; border-radius:8px; background:rgba(139,117,255,.12); color:#9e8dff; font-size:17px; }
.project-icon.teal { background:rgba(76,200,210,.1); color:#61d1d8; }
.project-title-row strong,.project-title-row small { display:block; }
.project-title-row strong { font-size:11px; }
.project-title-row small { margin-top:3px; color:#626c7c; font-size:8px; }
.progress-meta { display:flex; justify-content:space-between; margin:14px 0 6px; color:#697384; font-size:8px; }
.progress-meta b { color:#aaa0f9; }
.progress-bar { height:3px; border-radius:2px; background:#222834; overflow:hidden; }
.progress-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#705be8,#9d8cff); box-shadow:0 0 8px rgba(139,117,255,.5); }
.teal-progress i { background:linear-gradient(90deg,#2ba3af,#5ed8d5); box-shadow:0 0 8px rgba(76,200,210,.4); }
.project-footer { display:flex; justify-content:space-between; align-items:center; margin-top:11px; color:#5f6978; font-size:8px; }
.status-dot { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:#748094; }
.status-dot.green { background:#48bf89; box-shadow:0 0 6px rgba(72,191,137,.4); }
.member-stack { display:flex; padding-left:7px; }
.member-stack i { display:grid; place-items:center; width:20px; height:20px; margin-left:-6px; border:2px solid #0d121a; border-radius:50%; background:#283247; color:#bec6d4; font-size:6px; font-style:normal; }
.member-stack i:nth-child(2) { background:#4a304b; }
.new-project { display:grid; place-items:center; border-style:dashed; background:rgba(13,18,26,.55); }
.new-project-inner { display:flex; flex-direction:column; align-items:center; color:#747e8d; }
.new-project-inner span { display:grid; place-items:center; width:39px; height:39px; margin-bottom:10px; border:1px solid var(--line-strong); border-radius:10px; background:#111720; color:#a79aff; font-size:19px; }
.new-project-inner strong { color:#9da5b2; font-size:10px; }
.new-project-inner small { margin-top:4px; color:#596270; font-size:8px; }
.templates-section { padding-bottom:38px; }
.template-row { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.template-card { display:grid; grid-template-columns:33px 1fr auto; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); border-radius:10px; background:#0d121a; text-align:left; transition:.15s; }
.template-card:hover { transform:translateY(-2px); border-color:var(--line-strong); }
.template-icon { display:grid; place-items:center; width:33px; height:33px; border-radius:8px; background:rgba(139,117,255,.1); color:#a290ff; font-size:16px; }
.template-icon.cyan { background:rgba(76,200,210,.1); color:#63d0d8; }
.template-icon.rose { background:rgba(235,111,123,.1); color:#e88691; }
.template-icon.amber { background:rgba(231,175,84,.1); color:#eabb6e; }
.template-card strong,.template-card small { display:block; }
.template-card strong { font-size:9px; }
.template-card small { margin-top:4px; color:#5f6978; font-size:7px; }
.template-card b { color:#596373; font-size:12px; }

/* Workspace shell */
.workspace-screen { display:flex; flex-direction:column; background:#080b10; }
.workspace-header { z-index:20; flex:0 0 61px; display:grid; grid-template-columns:minmax(280px,1fr) auto minmax(350px,1fr); align-items:center; padding:0 15px; border-bottom:1px solid var(--line); background:rgba(11,15,22,.97); box-shadow:0 5px 22px rgba(0,0,0,.2); }
.workspace-brand-block { display:flex; align-items:center; gap:12px; min-width:0; }
.workspace-brand-block:after { content:""; height:27px; width:1px; background:var(--line); order:-1; display:none; }
.project-name-wrap { min-width:0; border-left:1px solid var(--line); padding-left:13px; }
.breadcrumb { display:flex; gap:5px; color:#555f6d; font-size:7px; text-transform:uppercase; letter-spacing:.65px; }
.breadcrumb b { color:#353c47; }
.title-line { display:flex; align-items:center; gap:8px; margin-top:2px; }
.title-line input { min-width:0; width:155px; padding:0; border:0; outline:0; background:transparent; color:#e9edf5; font-size:11px; font-weight:660; }
.save-state { display:flex; align-items:center; gap:4px; color:#667080; font-size:7px; }
.save-state i { width:5px; height:5px; border-radius:50%; background:#4cc28b; }
.view-tabs { align-self:stretch; display:flex; align-items:end; gap:4px; }
.view-tabs button { position:relative; height:100%; padding:0 11px; border:0; background:transparent; color:#778191; font-size:10px; font-weight:570; }
.view-tabs button span { margin-right:4px; color:#6d7685; font-size:13px; }
.view-tabs button:after { content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; border-radius:2px 2px 0 0; background:transparent; }
.view-tabs button:hover { color:#bac2cf; }
.view-tabs button.active { color:#e5e9f2; }
.view-tabs button.active span { color:#9a88ff; }
.view-tabs button.active:after { background:#8b75ff; box-shadow:0 0 9px rgba(139,117,255,.5); }
.workspace-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; }
.top-action { height:30px; border:1px solid var(--line); border-radius:8px; background:#10151d; color:#758090; }
.search-action { display:flex; align-items:center; gap:13px; padding:0 7px 0 9px; font-size:15px; }
.search-action kbd { font-size:8px; }
.header-members { margin:0 4px 0 7px; }
.header-members i { width:23px; height:23px; border-color:#0b0f16; }
.header-members i:last-child { background:#111721; color:#7c8696; border:1px dashed #495261; }
.compact-button { height:30px; padding:0 10px; font-size:9px; }
.generate-plan-button { padding:0 13px; }
.generate-plan-button span { margin-right:4px; }
.workspace-body { min-height:0; flex:1; display:grid; grid-template-columns:53px minmax(0,1fr) 306px; }
.node-toolbar { z-index:16; display:flex; flex-direction:column; align-items:center; gap:7px; padding:12px 7px 10px; border-right:1px solid var(--line); background:#0b0f16; }
.toolbar-group { display:grid; gap:5px; }
.toolbar-divider { width:22px; height:1px; margin:3px 0; background:var(--line); }
.tool-button { position:relative; width:35px; height:35px; display:grid; place-items:center; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; color:#778191; font-size:16px; transition:.15s; }
.tool-button:hover { border-color:var(--line); background:#121821; color:#cbd2dc; }
.tool-button.active { border-color:rgba(139,117,255,.2); background:rgba(139,117,255,.12); color:#aa9cff; }
.node-tools .tool-button:before { content:""; position:absolute; left:4px; width:2px; height:12px; border-radius:2px; opacity:.7; }
.type-idea:before { background:var(--violet); }.type-goal:before { background:var(--cyan); }.type-task:before { background:var(--blue); }.type-cost:before { background:var(--amber); }.type-risk:before { background:var(--red); }.type-note:before { background:#c4a563; }
.toolbar-spacer { flex:1; }
.ai-tool { color:#ae9fff; background:radial-gradient(circle,rgba(139,117,255,.12),transparent 70%); }
.project-content { position:relative; min-width:0; min-height:0; overflow:hidden; }
.project-view { position:absolute; inset:0; display:none; }
.project-view.active-view { display:block; }
.inspector { z-index:15; display:flex; flex-direction:column; min-width:0; border-left:1px solid var(--line); background:#0d1118; transition:.25s ease; }
.inspector.closed { width:0; overflow:hidden; opacity:0; border-left:0; }
.inspector-header { flex:0 0 55px; display:flex; align-items:center; justify-content:space-between; padding:0 13px; border-bottom:1px solid var(--line); }
.inspector-header > div { display:flex; align-items:center; gap:9px; min-width:0; }
.inspector-header span span { display:block; min-width:0; }
.inspector-header small,.inspector-header strong { display:block; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.inspector-header small { color:#687283; font-size:7px; font-weight:700; letter-spacing:.9px; }
.inspector-header strong { margin-top:3px; font-size:10px; }
.inspector-type-icon { display:grid; place-items:center; flex:0 0 29px; width:29px; height:29px; border-radius:7px; background:rgba(94,156,248,.11); color:#77adfd; }
.inspector-header button { width:27px; height:27px; border:0; border-radius:6px; background:transparent; color:#657080; font-size:18px; }
.inspector-header button:hover { background:rgba(255,255,255,.05); color:#b7bfcb; }
.inspector-scroll { flex:1; overflow-y:auto; padding:15px 13px 20px; }
.inspector-scroll::-webkit-scrollbar { width:4px; }.inspector-scroll::-webkit-scrollbar-thumb { background:#272e39; border-radius:4px; }
.field-group { min-width:0; margin-bottom:12px; }
.field-group label { display:block; margin:0 0 6px 2px; color:#697383; font-size:8px; font-weight:600; }
.field-group input,.field-group textarea,.field-group select { width:100%; border:1px solid var(--line); border-radius:7px; outline:0; background:#111720; color:#cbd2de; font-size:9px; transition:.15s; }
.field-group input,.field-group select { height:32px; padding:0 9px; }
.field-group textarea { resize:vertical; min-height:69px; padding:8px 9px; line-height:1.5; }
.field-group input:focus,.field-group textarea:focus,.field-group select:focus { border-color:rgba(139,117,255,.38); box-shadow:0 0 0 2px rgba(139,117,255,.06); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.section-label,.linked-heading { display:flex; justify-content:space-between; align-items:center; margin:5px 1px 9px; color:#687283; font-size:7px; font-weight:700; letter-spacing:.8px; }
.section-label button { border:0; background:none; color:#9584f7; font-size:8px; }
.dependency-list { display:grid; gap:6px; }
.dependency-item,.linked-item { display:grid; grid-template-columns:25px 1fr auto; align-items:center; gap:8px; padding:7px; border:1px solid var(--line); border-radius:7px; background:#10161e; }
.dependency-item > span:first-child,.linked-item > span:first-child { display:grid; place-items:center; width:24px; height:24px; border-radius:6px; background:rgba(94,156,248,.1); color:#78aefc; font-size:10px; }
.dependency-item strong,.linked-item strong { display:block; font-size:8px; }
.dependency-item small,.linked-item small { display:block; margin-top:2px; color:#5f6877; font-size:7px; }
.dependency-item b,.linked-item b { color:#525c6b; font-size:12px; }
.ai-suggestion-card { margin:16px 0; padding:11px; border:1px solid rgba(139,117,255,.17); border-radius:10px; background:radial-gradient(circle at 0 0,rgba(139,117,255,.09),transparent 50%),#10151e; }
.ai-card-head { display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:8px; }
.ai-spark { display:grid; place-items:center; width:26px; height:26px; border-radius:7px; background:rgba(139,117,255,.13); color:#ad9fff; }
.ai-card-head strong,.ai-card-head small { display:block; }.ai-card-head strong { font-size:8px; }.ai-card-head small { margin-top:2px; color:#696f82; font-size:7px; }.ai-card-head button { border:0; background:none; color:#555e6d; }
.ai-suggestion-card p { margin:10px 0; color:#929aaa; font-size:8px; line-height:1.5; }.ai-suggestion-card p b { color:#c7c0f6; }
.suggestion-actions { display:flex; gap:6px; }.suggestion-actions button { flex:1; height:27px; border:1px solid var(--line); border-radius:6px; background:#131a23; color:#818b9a; font-size:7px; }.suggestion-actions button:first-child { color:#a99cff; border-color:rgba(139,117,255,.17); background:rgba(139,117,255,.08); }
.linked-heading b { min-width:17px; padding:2px 5px; border-radius:8px; background:#171e29; text-align:center; }
.linked-list { display:grid; gap:6px; }
.inspector-footer { flex:0 0 47px; display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:8px; border-top:1px solid var(--line); background:#0c1017; }
.inspector-footer button { border:1px solid var(--line); border-radius:7px; background:#111720; color:#747f8e; font-size:8px; }.inspector-footer .danger-action { color:#a86a73; }.inspector-footer kbd { margin-left:4px; font-size:6px; }

/* Canvas and nodes */
.node-canvas { position:absolute; inset:0; overflow:hidden; cursor:default; background-color:#0a0e14; background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 52% 48%,rgba(47,39,94,.08),transparent 43%); background-size:32px 32px,32px 32px,100% 100%; }
.node-canvas.is-panning { cursor:grabbing; }.node-canvas.pan-mode { cursor:grab; }
.scene { position:absolute; left:0; top:0; width:2600px; height:1600px; transform-origin:0 0; will-change:transform; }
.connections { position:absolute; inset:0; overflow:visible; pointer-events:none; }
.connections .edge-hit { fill:none; stroke:transparent; stroke-width:16; pointer-events:stroke; cursor:pointer; }
.connections .edge { fill:none; stroke:#394456; stroke-width:1.7; opacity:.9; pointer-events:none; transition:.18s; }
.connections .edge-glow { fill:none; stroke:#7766db; stroke-width:1.5; opacity:0; filter:url(#edgeGlow); transition:.18s; }
.connections g.edge-group:hover .edge { stroke:#8676eb; stroke-width:2.2; }.connections g.edge-group:hover .edge-glow { opacity:.65; }
.connections .edge.animated { stroke-dasharray:5 8; animation:flowLine 1.25s linear infinite; }
.connections .draft-edge { fill:none; stroke:#9c8aff; stroke-width:2; stroke-dasharray:5 5; filter:url(#edgeGlow); }
@keyframes flowLine { to { stroke-dashoffset:-26; } }
.nodes-layer { position:absolute; inset:0; }
.graph-node { position:absolute; width:208px; min-height:93px; border:1px solid #26303d; border-radius:10px; background:linear-gradient(150deg,rgba(23,29,40,.98),rgba(15,20,28,.98)); box-shadow:0 11px 24px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025); user-select:none; transition:border-color .16s,box-shadow .16s,filter .16s; animation:nodeIn .38s cubic-bezier(.2,.75,.25,1) both; }
@keyframes nodeIn { from { opacity:0; transform:scale(.93) translateY(5px); } to { opacity:1; transform:scale(1) translateY(0); } }
.graph-node:hover { border-color:#3a4656; box-shadow:0 15px 29px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.035); }
.graph-node.selected { border-color:var(--node-color,#8b75ff); box-shadow:0 0 0 2px color-mix(in srgb,var(--node-color,#8b75ff) 20%,transparent),0 15px 34px rgba(0,0,0,.45),0 0 24px color-mix(in srgb,var(--node-color,#8b75ff) 12%,transparent); }
.graph-node.multi-selected { outline:1px dashed rgba(255,255,255,.35); outline-offset:3px; }
.graph-node:before { content:""; position:absolute; top:12px; bottom:12px; left:-1px; width:2px; border-radius:0 2px 2px 0; background:var(--node-color); box-shadow:0 0 8px color-mix(in srgb,var(--node-color) 55%,transparent); }
.node-head { display:flex; align-items:center; gap:7px; padding:10px 11px 7px; border-bottom:1px solid rgba(255,255,255,.045); }
.node-icon { display:grid; place-items:center; flex:0 0 22px; width:22px; height:22px; border-radius:6px; background:color-mix(in srgb,var(--node-color) 13%,transparent); color:var(--node-color); font-size:10px; }
.node-type-label { color:#697382; font-size:6.5px; font-weight:750; letter-spacing:.9px; text-transform:uppercase; }
.node-menu-button { margin-left:auto; border:0; background:none; color:#596372; font-size:11px; letter-spacing:.8px; }
.node-body { padding:9px 11px 10px; }
.node-body h4 { overflow:hidden; margin:0 0 7px; color:#e6ebf4; font-size:11px; font-weight:650; line-height:1.28; text-overflow:ellipsis; white-space:nowrap; }
.node-body p { display:-webkit-box; overflow:hidden; margin:0 0 9px; color:#768090; font-size:7.5px; line-height:1.45; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.node-meta { display:flex; align-items:center; gap:5px; }
.node-chip { padding:3px 6px; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:#111722; color:#798393; font-size:6.5px; }
.node-chip.status { color:var(--node-color); background:color-mix(in srgb,var(--node-color) 8%,transparent); border-color:color-mix(in srgb,var(--node-color) 15%,transparent); }
.node-chip.priority-high { color:#e88994; background:rgba(235,111,123,.07); border-color:rgba(235,111,123,.13); }
.node-chip.priority-medium { color:#e4b86f; }
.node-metric { margin-left:auto; color:#818b9b; font-size:7px; }
.node-progress { height:2px; margin-top:8px; border-radius:1px; background:#252c37; overflow:hidden; }.node-progress i { display:block; height:100%; background:var(--node-color); }
.node-port { position:absolute; z-index:4; width:11px; height:11px; top:50%; margin-top:-5px; border:2px solid #151b24; border-radius:50%; background:#596575; box-shadow:0 0 0 1px rgba(255,255,255,.07); transition:.15s; }
.node-port.in { left:-6px; }.node-port.out { right:-6px; background:var(--node-color); }
.node-port:hover,.graph-node.selected .node-port { transform:scale(1.25); box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color) 13%,transparent),0 0 9px color-mix(in srgb,var(--node-color) 40%,transparent); }
.graph-node.type-idea { width:222px; min-height:105px; background:linear-gradient(145deg,rgba(33,27,54,.98),rgba(18,20,31,.98)); }
.graph-node.type-note { background:linear-gradient(145deg,rgba(44,38,24,.96),rgba(24,22,17,.98)); }
.canvas-top-left { position:absolute; z-index:8; top:14px; left:15px; display:flex; align-items:center; gap:7px; pointer-events:none; }
.canvas-top-left > * { pointer-events:auto; }
.canvas-pill,.canvas-icon-pill { height:31px; border:1px solid var(--line-strong); border-radius:8px; background:rgba(14,19,27,.9); color:#9ba5b4; box-shadow:0 6px 18px rgba(0,0,0,.22); backdrop-filter:blur(8px); font-size:8px; }
.canvas-pill { padding:0 9px; }.canvas-pill > span { color:#9c8aff; margin-right:5px; }.canvas-pill kbd { margin-left:8px; font-size:7px; }
.canvas-icon-pill { width:31px; font-size:13px; }
.canvas-divider { width:1px; height:18px; margin:0 3px; background:var(--line); }
.selection-summary { display:flex; align-items:center; gap:5px; color:#5f6978; font-size:8px; }.selection-summary b { color:#8791a0; font-weight:550; }.pulse-dot { width:5px; height:5px; border-radius:50%; background:#6e61b9; box-shadow:0 0 6px #6e61b9; }
.canvas-vignette { position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 100px rgba(0,0,0,.12); }
.canvas-bottom-left { position:absolute; z-index:8; bottom:13px; left:14px; display:flex; align-items:center; gap:11px; }
.zoom-controls { display:flex; overflow:hidden; border:1px solid var(--line-strong); border-radius:8px; background:rgba(14,19,27,.92); box-shadow:0 6px 18px rgba(0,0,0,.23); }
.zoom-controls button { height:29px; min-width:28px; border:0; border-right:1px solid var(--line); background:transparent; color:#7e8898; font-size:11px; }.zoom-controls button:last-child { border-right:0; }.zoom-controls #zoom-value { min-width:43px; font-size:7px; }.zoom-controls button:hover { color:#c9d0dc; background:rgba(255,255,255,.04); }
.shortcut-hint { color:#505967; font-size:7px; }.shortcut-hint kbd { font-size:7px; }
.health-badge { position:absolute; z-index:9; left:50%; bottom:13px; transform:translateX(-50%); display:grid; grid-template-columns:30px auto 12px; align-items:center; gap:8px; min-width:180px; height:42px; padding:0 9px; border:1px solid rgba(84,200,148,.16); border-radius:10px; background:rgba(14,20,27,.92); box-shadow:0 8px 25px rgba(0,0,0,.28); text-align:left; backdrop-filter:blur(10px); }
.health-ring { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:conic-gradient(#54c894 76%,#252d36 0); }.health-ring:before { content:""; position:absolute; width:21px; height:21px; border-radius:50%; background:#111720; }.health-ring i { z-index:1; color:#70d4a7; font-size:7px; font-style:normal; }.health-badge small,.health-badge strong { display:block; }.health-badge small { color:#61706d; font-size:5.5px; font-weight:700; letter-spacing:.7px; }.health-badge strong { margin-top:3px; font-size:8px; }.health-badge > b { color:#596575; }
.minimap { position:absolute; z-index:8; right:14px; bottom:13px; width:118px; height:74px; overflow:hidden; border:1px solid var(--line-strong); border-radius:8px; background:rgba(13,18,26,.92); box-shadow:0 7px 20px rgba(0,0,0,.3); }
#minimap-content { position:absolute; inset:0; }.mini-map-node { position:absolute; width:7px; height:4px; border-radius:1px; background:var(--node-color); opacity:.7; }.minimap > i { position:absolute; width:55px; height:38px; left:24px; top:17px; border:1px solid rgba(139,117,255,.5); background:rgba(139,117,255,.035); }
.onboarding-tip { position:absolute; z-index:12; left:49%; top:80px; transform:translateX(-50%); display:grid; grid-template-columns:25px auto auto; align-items:center; gap:9px; max-width:325px; padding:8px 9px; border:1px solid rgba(139,117,255,.19); border-radius:9px; background:rgba(18,22,33,.95); box-shadow:0 12px 32px rgba(0,0,0,.35); animation:tipIn .55s .55s cubic-bezier(.2,.8,.2,1) both; }
@keyframes tipIn { from { opacity:0; transform:translate(-50%,-8px); } to { opacity:1; transform:translate(-50%,0); } }
.onboarding-tip > span { display:grid; place-items:center; width:23px; height:23px; border-radius:7px; background:rgba(139,117,255,.14); color:#ad9fff; font-size:8px; font-weight:700; }.onboarding-tip p { margin:0; color:#6f7888; font-size:7px; line-height:1.4; }.onboarding-tip p b { display:block; color:#b7bfca; font-size:8px; }.onboarding-tip button { border:0; background:none; color:#9a8af1; font-size:7px; }

/* Alternate views */
.alt-view { overflow:auto; padding:30px 36px 70px; background:radial-gradient(circle at 75% 0,rgba(80,65,155,.07),transparent 33%),#0a0e14; }
.alt-view::-webkit-scrollbar { width:7px; }.alt-view::-webkit-scrollbar-thumb { background:#252c37; border-radius:6px; }
.view-shell { max-width:1050px; margin:auto; }
.view-heading { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:27px; }
.view-heading .eyebrow { color:#8e7cf0 !important; }
.view-heading h2 { margin:4px 0 6px; font-size:25px; letter-spacing:-.6px; }.view-heading p { margin:0; color:#707a8a; font-size:10px; }.view-heading .button { font-size:9px; }
.summary-banner { display:grid; grid-template-columns:1fr repeat(3,115px); gap:1px; margin-bottom:18px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--line); }
.summary-banner > div { padding:17px; background:#10151e; }.summary-banner > div:first-child { background:radial-gradient(circle at 0 0,rgba(139,117,255,.12),transparent 50%),#111620; }.summary-banner small,.summary-banner strong { display:block; }.summary-banner small { color:#6a7484; font-size:7px; letter-spacing:.7px; }.summary-banner strong { margin-top:6px; font-size:13px; }.summary-banner p { max-width:500px; margin:7px 0 0; color:#858f9f; font-size:9px; line-height:1.55; }
.plan-grid { display:grid; grid-template-columns:1fr 260px; gap:18px; align-items:start; }
.plan-main { display:grid; gap:13px; }
.plan-section { padding:18px; border:1px solid var(--line); border-radius:11px; background:#0f141c; }.plan-section-header { display:flex; align-items:center; gap:9px; margin-bottom:13px; }.plan-number { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:rgba(139,117,255,.11); color:#a696ff; font-size:8px; }.plan-section h3 { margin:0; font-size:11px; }.plan-section > p { margin:0; color:#818b9b; font-size:9px; line-height:1.65; }
.plan-task-list { display:grid; gap:7px; }.plan-task { display:grid; grid-template-columns:19px 1fr auto; align-items:center; gap:8px; padding:8px; border:1px solid rgba(255,255,255,.045); border-radius:7px; background:#111821; }.plan-task i { width:14px; height:14px; border:1px solid #3b4655; border-radius:4px; }.plan-task.complete i { position:relative; background:rgba(84,200,148,.14); border-color:#4eb987; }.plan-task.complete i:after { content:"✓"; position:absolute; inset:0; display:grid; place-items:center; color:#62ce9b; font-size:8px; }.plan-task strong { display:block; font-size:8px; }.plan-task small { display:block; margin-top:2px; color:#5d6776; font-size:7px; }.plan-task span { color:#6e7888; font-size:7px; }
.plan-side { display:grid; gap:12px; position:sticky; top:0; }.plan-side-card { padding:14px; border:1px solid var(--line); border-radius:10px; background:#0f141c; }.plan-side-card h4 { margin:0 0 11px; font-size:9px; }.health-row { display:grid; grid-template-columns:70px 1fr 24px; align-items:center; gap:7px; margin:9px 0; color:#737d8c; font-size:7px; }.health-row i { display:block; height:3px; border-radius:2px; background:#252c36; }.health-row i b { display:block; height:100%; border-radius:inherit; background:#7868df; }.health-row > b { color:#8f98a6; text-align:right; }
.action-list { display:grid; gap:8px; counter-reset:actions; }.action-list div { display:grid; grid-template-columns:20px 1fr; gap:7px; color:#858e9d; font-size:8px; line-height:1.4; }.action-list div:before { counter-increment:actions; content:counter(actions); display:grid; place-items:center; width:18px; height:18px; border-radius:5px; background:rgba(139,117,255,.1); color:#9e8eff; font-size:7px; }
.timeline-shell { min-width:760px; }.timeline-controls { display:flex; gap:5px; }.timeline-controls button { height:28px; border:1px solid var(--line); border-radius:7px; background:#10161e; color:#768090; font-size:8px; }.timeline-months { display:grid; grid-template-columns:180px repeat(8,1fr); border:1px solid var(--line); border-radius:11px 11px 0 0; background:#10151d; }.timeline-months > div { padding:10px 8px; border-left:1px solid var(--line); color:#616b7a; font-size:7px; text-align:center; }.timeline-months > div:first-child { border-left:0; text-align:left; }.timeline-rows { border:1px solid var(--line); border-top:0; border-radius:0 0 11px 11px; overflow:hidden; }.timeline-row { display:grid; grid-template-columns:180px 1fr; min-height:52px; border-top:1px solid var(--line); background:#0e131b; }.timeline-row:first-child { border-top:0; }.timeline-label { display:flex; align-items:center; gap:8px; padding:10px; border-right:1px solid var(--line); }.timeline-label i { width:6px; height:6px; border-radius:50%; background:var(--item-color); box-shadow:0 0 7px color-mix(in srgb,var(--item-color) 40%,transparent); }.timeline-label strong,.timeline-label small { display:block; }.timeline-label strong { font-size:8px; }.timeline-label small { margin-top:3px; color:#5f6878; font-size:7px; }.timeline-track { position:relative; background-image:linear-gradient(90deg,transparent calc(12.5% - 1px),var(--line) 12.5%); background-size:12.5% 100%; }.timeline-bar { position:absolute; top:15px; height:21px; left:var(--left); width:var(--width); display:flex; align-items:center; padding:0 8px; border:1px solid color-mix(in srgb,var(--item-color) 25%,transparent); border-radius:5px; background:color-mix(in srgb,var(--item-color) 12%,#10151d); color:color-mix(in srgb,var(--item-color) 80%,white); font-size:7px; white-space:nowrap; }.today-line { position:absolute; z-index:2; left:37.5%; top:0; bottom:0; width:1px; background:#e66f7b; }.today-line:before { content:"TODAY"; position:absolute; top:-16px; left:-12px; color:#d77982; font-size:6px; }
.kanban-shell { max-width:none; }.kanban-board { display:grid; grid-template-columns:repeat(5,minmax(170px,1fr)); gap:10px; min-width:900px; }.kanban-column { min-height:520px; padding:9px; border:1px solid var(--line); border-radius:11px; background:#0c1118; }.kanban-header { display:flex; align-items:center; gap:6px; padding:3px 3px 11px; color:#8d97a6; font-size:8px; font-weight:650; }.kanban-header i { width:6px; height:6px; border-radius:50%; background:var(--column-color); }.kanban-header b { margin-left:auto; min-width:17px; padding:2px 5px; border-radius:8px; background:#171e27; color:#6d7787; text-align:center; font-size:7px; }.kanban-list { min-height:460px; }.kanban-card { display:block; width:100%; margin-bottom:7px; padding:10px; border:1px solid var(--line); border-radius:8px; background:#111720; text-align:left; box-shadow:0 4px 10px rgba(0,0,0,.12); }.kanban-card:hover { border-color:rgba(139,117,255,.25); transform:translateY(-1px); }.kanban-card small { color:var(--card-color); font-size:6px; font-weight:700; letter-spacing:.7px; }.kanban-card strong { display:block; margin:6px 0 9px; font-size:8px; line-height:1.35; }.kanban-meta { display:flex; align-items:center; justify-content:space-between; color:#626c7b; font-size:6.5px; }.priority-dot { width:5px; height:5px; margin-right:4px; display:inline-block; border-radius:50%; background:#e27682; }
.budget-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:15px; }.budget-card { padding:18px; border:1px solid var(--line); border-radius:11px; background:#0f141c; }.budget-card h3 { margin:0; font-size:10px; }.budget-card > p { margin:5px 0 18px; color:#626c7c; font-size:8px; }.budget-big { font-size:28px; letter-spacing:-1px; }.budget-big small { margin-left:6px; color:#5d6776; font-size:8px; letter-spacing:0; }.budget-chart { display:flex; align-items:end; gap:9px; height:150px; margin-top:20px; padding-top:20px; border-bottom:1px solid var(--line); background-image:linear-gradient(var(--line) 1px,transparent 1px); background-size:100% 34px; }.budget-bar { position:relative; flex:1; height:var(--height); border-radius:5px 5px 0 0; background:linear-gradient(#8c78ff,#5948bd); opacity:.78; }.budget-bar.revenue { background:linear-gradient(#58c999,#2d8765); }.budget-bar:after { content:attr(data-label); position:absolute; left:50%; bottom:-20px; transform:translateX(-50%); color:#5e6877; font-size:6px; }.money-list { display:grid; gap:7px; margin-top:15px; }.money-item { display:grid; grid-template-columns:25px 1fr auto; align-items:center; gap:8px; padding:8px; border:1px solid rgba(255,255,255,.045); border-radius:7px; }.money-item > i { display:grid; place-items:center; width:23px; height:23px; border-radius:6px; background:rgba(231,175,84,.1); color:#dfad5d; font-size:9px; font-style:normal; }.money-item strong,.money-item small { display:block; }.money-item strong { font-size:8px; }.money-item small { margin-top:2px; color:#5f6978; font-size:7px; }.money-item b { color:#c9d0db; font-size:9px; }.money-total { display:flex; justify-content:space-between; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); color:#747e8d; font-size:8px; }.money-total strong { color:#d6dbe5; font-size:11px; }

/* Menus, command palette, toast */
.modal-overlay { position:fixed; z-index:100; inset:0; display:grid; place-items:start center; padding-top:13vh; background:rgba(4,6,10,.67); backdrop-filter:blur(5px); }
.command-palette { width:520px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:13px; background:#10151e; box-shadow:0 30px 90px rgba(0,0,0,.6); animation:paletteIn .18s ease; }
@keyframes paletteIn { from { transform:translateY(-8px) scale(.98); opacity:0; } }
.command-search { display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:5px; padding:11px 13px; border-bottom:1px solid var(--line); color:#8c96a6; }.command-search > span { font-size:20px; }.command-search input { height:30px; border:0; outline:0; background:transparent; color:#e5e9f1; font-size:12px; }.command-search input::placeholder { color:#606a79; }.command-body { max-height:330px; overflow:auto; padding:8px; }.command-body > p { margin:5px 7px 7px; color:#596373; font-size:7px; font-weight:700; letter-spacing:.9px; }.command-item { width:100%; display:grid; grid-template-columns:29px 1fr auto; align-items:center; gap:8px; padding:7px 8px; border:0; border-radius:7px; background:transparent; text-align:left; }.command-item:hover,.command-item.highlighted { background:rgba(139,117,255,.09); }.command-item > span:first-child { display:grid; place-items:center; width:27px; height:27px; border-radius:7px; background:#171e29; color:#9d8dff; }.command-item strong,.command-item small { display:block; }.command-item strong { font-size:9px; }.command-item small { margin-top:3px; color:#606a79; font-size:7px; }.command-item > kbd { font-size:7px; }.command-footer { display:flex; gap:13px; align-items:center; padding:8px 12px; border-top:1px solid var(--line); background:#0d1219; color:#5e6876; font-size:7px; }.command-footer span:last-child { margin-left:auto; }
.floating-menu { position:fixed; z-index:80; width:225px; padding:7px; border:1px solid var(--line-strong); border-radius:10px; background:#111720; box-shadow:0 20px 50px rgba(0,0,0,.48); }.floating-menu > p { margin:5px 7px 7px; color:#626c7b; font-size:7px; font-weight:700; letter-spacing:.8px; }.floating-menu button { width:100%; display:grid; grid-template-columns:31px 1fr; gap:8px; align-items:center; padding:7px; border:0; border-radius:7px; background:transparent; text-align:left; }.floating-menu button:hover { background:rgba(255,255,255,.045); }.floating-menu .menu-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:7px; background:#181f2a; color:#a395fb; }.floating-menu button b,.floating-menu button small { display:block; }.floating-menu button b { font-size:8px; }.floating-menu button small { margin-top:3px; color:#626c7b; font-size:7px; }
.toast-container { position:fixed; z-index:150; right:18px; bottom:18px; display:grid; gap:8px; }.toast { min-width:230px; display:flex; align-items:center; gap:9px; padding:11px 13px; border:1px solid var(--line-strong); border-radius:9px; background:rgba(18,24,33,.96); box-shadow:0 15px 35px rgba(0,0,0,.4); color:#bbc3d0; font-size:9px; animation:toastIn .25s ease; }.toast i { display:grid; place-items:center; width:20px; height:20px; border-radius:6px; background:rgba(84,200,148,.1); color:#62cf9c; font-style:normal; }.toast.out { animation:toastOut .25s forwards; } @keyframes toastIn { from { transform:translateX(20px); opacity:0; } } @keyframes toastOut { to { transform:translateX(20px); opacity:0; } }

@media (max-width: 1240px) {
  .workspace-header { grid-template-columns:280px 1fr 350px; }.view-tabs button { padding:0 7px; }.workspace-actions .header-members { display:none; }
  .idea-hero,.dashboard-section { max-width:calc(100% - 60px); }.dash-header { padding-left:30px; padding-right:30px; }.template-card:nth-child(4) { display:none; }.template-row { grid-template-columns:repeat(3,1fr); }
}