:root {
  --neon: #c6ff00;
  --neon-glow: #d2ff33;
  --ink: #10110e;
  --dark: #0d0d0d;
  --dark-2: #171813;
  --paper: #f2f2ed;
  --surface: #ffffff;
  --muted: #6b6c64;
  --line: #dedfd7;
  --army: #4f5b1f;
  --soft-neon: #f1ffc6;
  --danger: #ef6a5b;
  --radius: 18px;
  --shadow: 0 18px 55px rgba(17, 18, 13, .07);
}

* { box-sizing: border-box; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
html { background: var(--paper); scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--paper); font-family: Inter, sans-serif; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(198, 255, 0, .6); outline-offset: 2px; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 238px minmax(0, 1fr); }
.app-shell[aria-busy="true"] { opacity: .95; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 25px 18px 18px; display: flex; flex-direction: column; color: white; background: var(--dark); overflow: hidden; }
.sidebar::before { content: ""; position: absolute; width: 250px; height: 250px; left: -120px; top: -120px; background: var(--neon); opacity: .08; filter: blur(70px); }
.brand-lockup { position: relative; padding: 6px 10px 42px; }
.brand-wordmark { display: block; width: 112px; height: auto; object-fit: contain; object-position: left center; }
.brand-lockup span { display: block; margin-top: 7px; color: #cfd1c6; font: 700 9px/1 JetBrains Mono, monospace; letter-spacing: .32em; }
.sidebar nav { display: flex; flex-direction: column; gap: 5px; }
.nav-item { position: relative; display: flex; align-items: center; gap: 11px; width: 100%; padding: 12px 13px; color: #8e9086; background: transparent; border: 0; border-radius: 11px; text-align: left; font-size: 13px; font-weight: 600; transition: .2s ease; }
.nav-item::after { content: ""; position: absolute; right: 11px; width: 5px; height: 5px; border-radius: 50%; background: transparent; }
.nav-item:hover { color: white; background: #1b1c17; }
.nav-item.active { color: white; background: #22231e; }
.nav-item.active::after { background: var(--neon); box-shadow: 0 0 10px var(--neon); }
.nav-icon { display: grid; width: 22px; place-items: center; color: var(--neon); font-size: 16px; }
.sidebar-note { margin-top: auto; padding: 17px 12px; border-top: 1px solid #292a24; border-bottom: 1px solid #292a24; }
.sidebar-note p { margin: 0 0 6px; color: var(--neon); font: 700 8px/1 JetBrains Mono, monospace; letter-spacing: .17em; }
.sidebar-note select { width: 100%; margin: 3px 0 9px; padding: 8px 9px; overflow: hidden; color: white; background: #20211c; border: 1px solid #34362d; border-radius: 8px; font-size: 12px; text-overflow: ellipsis; }
.sidebar-note strong { display: block; font-family: Bricolage Grotesque, sans-serif; font-size: 15px; }
.sidebar-note span { display: block; margin-top: 5px; color: #777a70; font-size: 10px; }
.sidebar-note button { margin-top: 10px; padding: 0; color: #aeb0a7; background: transparent; border: 0; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.sidebar-user { display: grid; grid-template-columns: 34px 1fr 24px; gap: 9px; align-items: center; padding: 15px 8px 0; }
.user-avatar { display: grid; width: 32px; height: 32px; overflow: hidden; place-items: center; color: var(--dark); background: var(--neon); border-radius: 50%; font-family: Bricolage Grotesque, sans-serif; font-size: 12px; font-weight: 800; }
.user-avatar img, .member-avatar img, .profile-preview img, .comment-avatar img { width: 100%; height: 100%; object-fit: cover; }
.sidebar-user strong, .sidebar-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user strong { font-size: 11px; }
.sidebar-user button { width: 24px; height: 24px; color: #777a70; background: transparent; border: 0; border-radius: 6px; }
.sidebar-user button:hover { color: var(--neon); background: #22231e; }
.sidebar-version { padding: 10px 14px 14px; display: flex; align-items: center; gap: 6px; font: 600 10px/1 JetBrains Mono, monospace; color: #646a58; letter-spacing: .03em; }
.sidebar-version .version-dot { font-size: 7px; color: var(--neon); opacity: .85; }

.main { min-width: 0; padding: 29px 34px 64px; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.eyebrow { margin: 0 0 7px; color: #85877d; font: 700 9px/1.2 JetBrains Mono, monospace; letter-spacing: .16em; }
.eyebrow.inverse { color: var(--neon); }
.topbar h1, .section-heading h2, .command-hero h2, .dialog h2, .login-card h2 { margin: 0; font-family: Bricolage Grotesque, sans-serif; font-weight: 800; letter-spacing: -.045em; }
.topbar h1 { font-size: clamp(25px, 2.5vw, 34px); }
.top-actions { display: flex; align-items: center; gap: 9px; }
/* Language Switcher */
.lang-switcher { display: inline-flex; align-items: center; background: #e8eae1; border: 1px solid #d5d8cc; border-radius: 999px; padding: 3px; gap: 2px; }
.lang-btn { background: transparent; border: 0; border-radius: 999px; padding: 5px 9px; font: 800 10px/1 JetBrains Mono, monospace; color: #626558; cursor: pointer; transition: .15s ease; }
.lang-btn:hover { color: var(--dark); background: rgba(255, 255, 255, .5); }
.lang-btn.active { background: var(--dark); color: var(--neon); box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }

.sync-pill { display: flex; align-items: center; gap: 7px; max-width: 210px; padding: 9px 11px; color: #66685e; background: rgba(255, 255, 255, .6); border: 1px solid var(--line); border-radius: 999px; font-size: 10px; white-space: nowrap; }
.sync-pill i, .live-badge i { width: 7px; height: 7px; flex: 0 0 auto; background: #8d8f85; border-radius: 50%; }
.sync-pill.online i, .live-badge i { background: var(--neon); box-shadow: 0 0 0 4px rgba(198, 255, 0, .13); }
.sync-pill.saving i { background: #f2b84b; animation: pulse 1s infinite; }
.sync-pill.error i { background: var(--danger); }
.ghost, .primary, .text-btn, .lime-button, .dark-link { border: 0; border-radius: 10px; font-weight: 700; transition: .18s ease; }
.ghost, .primary { padding: 10px 14px; }
.ghost { background: white; border: 1px solid var(--line); }
.primary { color: white; background: var(--dark); }
.primary span { color: var(--neon); }
.primary:hover { transform: translateY(-1px); box-shadow: 0 9px 25px rgba(0, 0, 0, .15); }
.full { width: 100%; }

.view { display: none; }
.view.active { display: block; animation: viewIn .28s ease; }

/* Sprint Cockpit & Live KPI Header */
.sprint-cockpit-panel { background: var(--dark); border: 1px solid #262920; border-radius: 18px; padding: 22px 24px; margin-bottom: 16px; color: white; box-shadow: var(--shadow); }
.sprint-cockpit-header { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 16px; }
.sprint-title-zone { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.sprint-tag { font: 800 10px/1 JetBrains Mono, monospace; letter-spacing: .12em; color: var(--dark); background: var(--neon); padding: 5px 9px; border-radius: 6px; }
.sprint-select-wrapper select { font-family: Bricolage Grotesque, sans-serif; font-size: 16px; font-weight: 800; color: white; background: #1a1c15; border: 1px solid #33362a; padding: 6px 12px; border-radius: 8px; cursor: pointer; outline: none; }
.sprint-dates-badge { font: 700 10px/1 JetBrains Mono, monospace; color: #a1a497; background: #161812; padding: 6px 10px; border-radius: 6px; border: 1px solid #282a20; }
.sprint-countdown-pill { font: 700 10px/1 JetBrains Mono, monospace; color: #dfff85; background: rgba(198, 255, 0, .1); border: 1px solid rgba(198, 255, 0, .25); padding: 5px 10px; border-radius: 999px; }
.sprint-header-actions { display: flex; gap: 8px; align-items: center; }
.ghost-dark { background: #1c1e17; border: 1px solid #323628; color: #cfd2c6; padding: 7px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; cursor: pointer; transition: .15s ease; }
.ghost-dark:hover { background: #272a20; color: white; }
.lime-button-sm { background: var(--neon); color: var(--dark); border: 0; padding: 7px 14px; border-radius: 8px; font-size: 12px; font-weight: 800; font-family: Inter, sans-serif; cursor: pointer; transition: .15s ease; }
.lime-button-sm:hover { background: var(--neon-glow); transform: translateY(-1px); }

.sprint-objective-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: #151711; border: 1px solid #26291f; border-radius: 10px; padding: 10px 16px; margin-bottom: 18px; }
.objective-content { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #d6d8cd; }
.objective-label { color: var(--neon); font: 800 10px/1 JetBrains Mono, monospace; letter-spacing: .1em; }
.sprint-progress-wrapper { display: flex; align-items: center; gap: 10px; min-width: 220px; }
.sprint-progress-track { flex: 1; height: 6px; background: #26291f; border-radius: 999px; overflow: hidden; }
.sprint-progress-bar { display: block; height: 100%; background: var(--neon); border-radius: 999px; transition: width .3s ease; }
.sprint-progress-wrapper small { font: 700 9px/1 JetBrains Mono, monospace; color: #8a8d80; white-space: nowrap; }

.cockpit-metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.cockpit-metric-card { background: #141610; border: 1px solid #282c20; border-radius: 12px; padding: 14px 16px; transition: .15s ease; }
.cockpit-metric-card:hover { border-color: #3f4432; background: #181b14; }
.metric-eyebrow { display: block; font: 700 9px/1 JetBrains Mono, monospace; color: #878a7c; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 6px; }
.metric-main-val { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 3px; }
.metric-main-val b { font: 800 28px/1 Bricolage Grotesque, sans-serif; color: white; }
.metric-sub-val { font: 800 11px/1 JetBrains Mono, monospace; color: var(--neon); background: rgba(198,255,0,.12); padding: 3px 6px; border-radius: 4px; }
.cockpit-metric-card small { display: block; font-size: 11px; color: #808376; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.panel { margin-bottom: 15px; padding: 23px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 19px; }
.panel-head h3 { margin: 0; font: 800 21px/1 Bricolage Grotesque, sans-serif; letter-spacing: -.035em; }
.live-badge { display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: #4a4c43; background: var(--soft-neon); border-radius: 999px; font: 700 8px/1 JetBrains Mono, monospace; letter-spacing: .1em; }

/* Priority Next Moves Board */
.priority-board { background: var(--surface); padding: 22px; }
.priority-head-actions { display: flex; align-items: center; gap: 12px; }
.recommendations { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.priority-next-card { background: #10120d; border: 1px solid #262920; border-radius: 14px; padding: 18px; color: white; display: flex; flex-direction: column; justify-content: space-between; transition: .2s ease; }
.priority-next-card:hover { border-color: #404634; transform: translateY(-2px); box-shadow: var(--shadow); }
.priority-next-card.lead-priority { border-color: #3b422a; background: #13160f; box-shadow: inset 0 2px 0 var(--neon); }
.priority-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
.priority-rank-badge { font: 800 9px/1 JetBrains Mono, monospace; color: var(--neon); background: #1e2217; padding: 3px 7px; border-radius: 4px; letter-spacing: .08em; }
.priority-deal-name { font: 800 18px/1.15 Bricolage Grotesque, sans-serif; margin: 6px 0 0; color: white; }
.priority-meta-badges { display: flex; align-items: center; gap: 6px; }
.priority-next-box { background: #191c13; border: 1px solid #2a2e21; border-left: 3px solid var(--neon); border-radius: 8px; padding: 12px 14px; margin-bottom: 14px; }
.priority-next-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.priority-next-label { font: 800 9px/1 JetBrains Mono, monospace; color: var(--neon); letter-spacing: .1em; }
.priority-due-tag { font-size: 11px; color: #9c9f91; }
.priority-due-tag b { color: white; }
.priority-next-text { font-size: 13px; line-height: 1.45; color: #e4e6de; margin: 0; }
.priority-card-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.ghost-sm { font-size: 11px; font-weight: 600; padding: 6px 10px; background: #1e2117; border: 1px solid #333827; color: #d0d4c5; border-radius: 6px; cursor: pointer; transition: .14s ease; }
.ghost-sm:hover { background: #282c1f; color: white; border-color: #4b5239; }
.priority-empty { grid-column: 1 / -1; padding: 32px 20px; text-align: center; color: #878a7c; font-size: 14px; background: #f4f4ef; border-radius: 12px; }

/* Quick add action & Multimodal Voice/Image Brief */
.quick-add-action-form { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.quick-add-input-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.smart-capture-launch { flex: 1; min-width: 300px; min-height: 76px; display: flex; align-items: center; gap: 14px; padding: 14px 18px; text-align: left; background: #14170d; color: #fff; border: 1px solid #303720; border-radius: 14px; cursor: pointer; transition: .16s ease; }
.smart-capture-launch:hover { border-color: var(--neon); box-shadow: 0 8px 22px rgba(0,0,0,.13); transform: translateY(-1px); }
.smart-capture-launch-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 11px; background: var(--neon); color: #11130d; font-size: 25px; font-weight: 500; }
.smart-capture-launch > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; gap: 4px; }
.smart-capture-launch strong { font-size: 17px; line-height: 1.2; }
.smart-capture-launch small { color: #bec3b2; font-size: 13px; line-height: 1.4; }
.smart-capture-launch-arrow { color: var(--neon); font-size: 23px; }
.quick-action-input { flex: 1; min-width: 200px; padding: 9px 12px; font-size: 13px; border: 1px solid var(--line); border-radius: 9px; background: white; outline: none; transition: .15s ease; }
.quick-action-input:focus { border-color: var(--dark); box-shadow: 0 0 0 2px rgba(198, 255, 0, 0.25); }

.quick-media-buttons { display: flex; align-items: center; gap: 4px; }
.quick-media-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-size: 15px; background: #f0f1eb; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; transition: .14s ease; user-select: none; }
.quick-media-btn.smart-capture-shortcut { width: auto; height: 76px; min-width: 94px; padding: 0 15px; gap: 7px; font-size: 16px; font-weight: 800; }
.quick-media-btn.smart-capture-shortcut span { font-size: 13px; }
.quick-media-btn:hover { background: #e2e4dc; transform: scale(1.05); }
.quick-media-btn.is-recording { background: #ffe4e4; border-color: #ff4d4d; animation: pulseRecordBtn 1.2s infinite; }

.quick-prospect-select { max-width: 140px; padding: 8px 10px; font-size: 11px; font-weight: 600; border: 1px solid var(--line); border-radius: 8px; background: white; outline: none; cursor: pointer; }

.quick-action-btn { padding: 8px 14px; font-size: 12px; font-weight: 700; background: var(--dark); color: white; border: 0; border-radius: 8px; cursor: pointer; transition: .15s ease; white-space: nowrap; }
.quick-action-btn:hover { background: black; }

.quick-brief-btn { padding: 8px 12px; font-size: 11px; font-weight: 800; background: var(--soft-neon); color: #1a2205; border: 1px solid #c6ff00; border-radius: 8px; cursor: pointer; transition: .15s ease; white-space: nowrap; }
.quick-brief-btn:hover { background: var(--neon); transform: translateY(-1px); }

/* Quick Image Preview */
.quick-image-preview-container { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: #f7f9f0; border: 1px dashed #b9d99a; border-radius: 8px; width: fit-content; }
.quick-image-preview { width: 36px; height: 36px; object-fit: cover; border-radius: 6px; border: 1px solid #b9d99a; }
.quick-image-name { font-size: 11px; font-weight: 600; color: #3d5e23; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quick-image-remove { background: transparent; border: 0; font-size: 16px; font-weight: 700; color: #888; cursor: pointer; padding: 0 4px; }
.quick-image-remove:hover { color: #d00; }

/* Quick Voice Sonography Status */
.quick-voice-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 14px;
  background: #11130d;
  border: 1px solid #363e20;
  border-radius: 12px;
  color: white;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(198, 255, 0, 0.2);
}
.voice-status-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.quick-voice-pulse { width: 8px; height: 8px; border-radius: 50%; background: #ff4d4f; animation: pulseRecord 1s infinite; }
.voice-rec-badge {
  font: 800 10px/1 JetBrains Mono, monospace;
  color: #ff4d4f;
  letter-spacing: .08em;
}
.voice-timer {
  font: 700 12px/1 JetBrains Mono, monospace;
  color: var(--neon);
  min-width: 42px;
}
.voice-waveform-canvas {
  flex: 1;
  max-width: 240px;
  height: 26px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.45);
}
.voice-status-text {
  font-size: 11px;
  font-weight: 600;
  color: #c2c6b4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}
.quick-voice-stop-btn {
  padding: 6px 12px;
  background: var(--neon);
  color: #10110e;
  border: 0;
  border-radius: 8px;
  font: 800 11px/1 JetBrains Mono, monospace;
  cursor: pointer;
  transition: .15s ease;
  white-space: nowrap;
}
.quick-voice-stop-btn:hover {
  background: #d4ff1a;
  transform: scale(1.03);
}

@keyframes pulseRecord {
  0% { transform: scale(0.95); opacity: 0.7; }
  50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #ff4d4f; }
  100% { transform: scale(0.95); opacity: 0.7; }
}

@keyframes pulseRecordBtn {
  0% { box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.4); }
  70% { box-shadow: 0 0 0 6px rgba(255, 77, 79, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 77, 79, 0); }
}

.legend { display: flex; gap: 15px; color: var(--muted); font-size: 10px; }
.dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; }
.dot.hot { background: var(--dark); }.dot.warm { background: #aeb0a5; }
.timeline { padding: 7px 4px 3px; }
.timeline-labels { display: flex; justify-content: space-between; color: #96988e; font: 700 8px/1 JetBrains Mono, monospace; }
.timeline-track { position: relative; display: flex; align-items: center; justify-content: space-between; height: 20px; }
.timeline-track::before { content: ""; position: absolute; right: 0; left: 0; height: 1px; background: var(--line); }
.timeline-track i { z-index: 1; width: 7px; height: 7px; background: white; border: 2px solid #babcb2; border-radius: 50%; }
.timeline-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.time-card { min-height: 104px; padding: 13px; background: #f7f7f2; border: 1px solid #e3e4dc; border-top: 3px solid #b4b6ac; border-radius: 11px; }
.time-card.hot { border-top-color: var(--neon); background: #fbffed; }
.time-card small { color: #999b91; font: 700 8px/1 JetBrains Mono, monospace; }
.time-card b { display: block; margin: 8px 0 5px; font: 800 13px/1.1 Bricolage Grotesque, sans-serif; }
.time-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.4; }
.two-col { display: grid; grid-template-columns: 1.15fr .85fr; gap: 15px; align-items: stretch; }
.text-btn { padding: 6px 10px; color: #55574f; background: transparent; font-size: 11px; font-weight: 600; border-radius: 6px; cursor: pointer; transition: .15s ease; }
.text-btn:hover { color: var(--ink); background: #f1f1ec; }

/* Action row single-line clean layout */
.action-list { display: grid; gap: 4px; }
.action-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; border-bottom: 1px solid #eeefe8; transition: .14s ease; }
.action-row:last-child { border-bottom: 0; }
.action-row:hover { background: #f7f8f2; }
.action-check { display: grid; width: 22px; height: 22px; min-width: 22px; place-items: center; color: var(--dark); background: white; border: 1.5px solid #cfd0c8; border-radius: 6px; font-size: 11px; font-weight: 800; cursor: pointer; transition: .14s ease; padding: 0; }
.action-check:hover { border-color: var(--dark); }
.action-check.done { background: var(--neon); border-color: var(--neon); color: var(--dark); }
.action-row-content { flex: 1; min-width: 0; }
.action-row-content b { display: block; overflow: hidden; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.action-row-content small { display: block; color: var(--muted); font-size: 11px; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.due { padding: 4px 8px; color: #575a4f; background: #e8eae0; border-radius: 999px; font: 700 9px/1 JetBrains Mono, monospace; white-space: nowrap; }
.due.due-today { background: #dfff85; color: #1e2605; border: 1px solid #b7ec3b; }
.delete-action-btn { display: grid; width: 22px; height: 22px; min-width: 22px; place-items: center; padding: 0; color: #a5a79d; background: transparent; border: 0; border-radius: 6px; font-size: 16px; line-height: 1; opacity: 0; transition: opacity .15s ease, background .15s ease, color .15s ease; cursor: pointer; }
.action-row:hover .delete-action-btn { opacity: 1; }
.delete-action-btn:hover { color: var(--danger); background: #fce8e6; }

/* Demo & Product Leverage panel */
.demo-leverage { background: var(--dark); border: 1px solid #262920; color: white; border-radius: var(--radius); }
.demo-leverage .panel-head h3 { color: white; }
.demo-leverage .eyebrow { color: var(--neon); }
.demo-leverage .text-btn { color: #a8aca0; }
.demo-leverage .text-btn:hover { color: white; background: #22251c; }
.demo-mini { display: grid; gap: 8px; }
.demo-mini-item { padding: 12px 14px; border-radius: 10px; background: #151711; border: 1px solid #25281e; transition: .15s ease; }
.demo-mini-item:hover { background: #1a1d14; border-color: #3b422e; }
.demo-mini-item header { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: white; }
.demo-mini-item header span:last-child { color: var(--neon); font: 700 10px/1 JetBrains Mono, monospace; background: rgba(198, 255, 0, .12); padding: 3px 7px; border-radius: 4px; }
.progress { height: 6px; overflow: hidden; background: #26291f; border-radius: 999px; }
.progress span { display: block; height: 100%; background: var(--neon); border-radius: inherit; transition: width .3s ease; }
.activity-feed { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.activity-item { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 12px; background: #f5f5f0; border-radius: 11px; }
.activity-item strong { display: block; margin-bottom: 4px; font-size: 10px; }
.activity-item p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.4; }
.activity-item time { display: block; margin-top: 8px; color: #999b91; font: 500 8px/1 JetBrains Mono, monospace; }
.muted-small { color: #92948a; font-size: 9px; }

.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; padding: 18px 3px 30px; }
.section-heading h2 { max-width: 720px; font-size: clamp(38px, 5vw, 69px); line-height: .93; }
.section-heading > p { max-width: 430px; margin: 0 0 5px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.filterbar { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 13px; }
.searchbox { display: flex; align-items: center; gap: 8px; min-width: 350px; padding: 10px 13px; background: white; border: 1px solid var(--line); border-radius: 11px; }
.searchbox span { color: #85877d; }.searchbox input { width: 100%; background: transparent; border: 0; outline: 0; font-size: 11px; }
.segmented { display: flex; gap: 2px; padding: 4px; background: #e7e8e1; border-radius: 11px; }
.segmented button { padding: 7px 12px; color: #777970; background: transparent; border: 0; border-radius: 8px; font-size: 10px; font-weight: 700; }
.segmented button.active { color: var(--ink); background: white; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.kanban { display: grid; grid-template-columns: repeat(8, minmax(235px, 1fr)); gap: 11px; padding-bottom: 18px; overflow-x: auto; scroll-snap-type: x proximity; }
.column { min-height: 550px; padding: 9px; background: #e8e9e2; border: 1px solid #dcddd5; border-radius: 15px; scroll-snap-align: start; }
.column-head { display: flex; justify-content: space-between; padding: 7px 4px 11px; }
.column-head b { font: 700 9px/1 JetBrains Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }
.column-head span { color: #85877d; font-size: 9px; }
.dropzone { min-height: 500px; border-radius: 10px; transition: .15s ease; }
.dropzone.drag-over { background: rgba(198,255,0,.14); box-shadow: inset 0 0 0 2px rgba(198,255,0,.55); }
.op-card { position: relative; margin-bottom: 8px; padding: 14px; background: white; border: 1px solid #dadbd4; border-radius: 12px; box-shadow: 0 6px 15px rgba(20,20,15,.035); cursor: grab; transition: .17s ease; }
.op-card:hover { border-color: #bec0b6; transform: translateY(-1px); box-shadow: 0 10px 23px rgba(20,20,15,.07); }
.op-card.dragging { opacity: .42; transform: rotate(1deg); }
.op-top { display: flex; justify-content: space-between; align-items: center; }
.temp { padding: 5px 7px; color: #6a6c63; background: #eeefe9; border-radius: 999px; font: 700 7px/1 JetBrains Mono, monospace; letter-spacing: .09em; }
.temp.hot { color: #25281a; background: var(--soft-neon); }
.op-top small { color: #96988e; font: 600 8px/1 JetBrains Mono, monospace; }
.op-card h4 { margin: 12px 0 5px; font: 800 16px/1.05 Bricolage Grotesque, sans-serif; letter-spacing: -.025em; }
.op-card > p { min-height: 31px; margin: 0 0 10px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.tagrow { display: flex; flex-wrap: wrap; gap: 5px; margin: 11px 0; }
.tag { padding: 5px 7px; color: #696b62; background: #f0f1eb; border-radius: 999px; font-size: 8px; font-weight: 600; }
.next { padding-top: 9px; border-top: 1px solid #eaebe4; font-size: 9px; line-height: 1.4; }
.next b { display: block; margin-bottom: 3px; color: #9a9c92; font: 700 7px/1 JetBrains Mono, monospace; letter-spacing: .09em; }

.discovery-grid, .demo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.discovery-card, .demo-card { min-height: 270px; padding: 22px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.discovery-card { display: flex; flex-direction: column; }
.discovery-card h3, .demo-card h3 { margin: 13px 0 8px; font: 800 24px/1.05 Bricolage Grotesque, sans-serif; letter-spacing: -.035em; }
.discovery-card > p:not(.eyebrow), .demo-card > p:not(.eyebrow) { color: var(--muted); font-size: 11px; line-height: 1.55; }
.card-actions { display: flex; gap: 7px; margin-top: auto; padding-top: 16px; }
.card-actions button { padding: 9px 10px; border: 0; border-radius: 8px; font-size: 9px; font-weight: 700; }
.ignore { color: #73756c; background: #eeefe9; }.promote { color: white; background: var(--dark); }
.demos-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; flex-wrap: wrap; }

.demo-track-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 18px; }

.demo-track-card { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 22px; box-shadow: var(--shadow); display: flex; flex-direction: column; gap: 14px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; position: relative; }
.demo-track-card:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0, 0, 0, .07); border-color: #c4c8b8; }
.demo-track-card.is-unassigned { border-left: 4px solid #f2b84b; }
.demo-track-card.is-needed { border-left: 4px solid #f2664b; }
.demo-track-card.is-in-progress { border-left: 4px solid var(--neon); }
.demo-track-card.is-ready { border-left: 4px solid #4cd964; }

.demo-track-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.demo-badge-wrap { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.demo-status-pill { font: 800 9px/1 JetBrains Mono, monospace; padding: 4px 8px; border-radius: 999px; text-transform: uppercase; letter-spacing: .08em; }
.demo-status-pill.needed { color: #872810; background: #ffe4dd; border: 1px solid #ffbeaf; }
.demo-status-pill.unassigned { color: #7a5000; background: #fff1c2; border: 1px solid #ffe180; }
.demo-status-pill.in_progress { color: #283000; background: var(--soft-neon); border: 1px solid #d4eb8f; }
.demo-status-pill.ready { color: #0c5722; background: #d7f7e0; border: 1px solid #a8eec0; }

.demo-client-pill { display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px; background: #1a1e12; color: #d4ff33; border: 1px solid #3d4a22; border-radius: 999px; font: 800 10px/1 JetBrains Mono, monospace; letter-spacing: .04em; }
.demo-client-pill b { color: white; font-weight: 800; }

.demo-due-pill { font: 700 10px/1 JetBrains Mono, monospace; color: #777a6f; background: #f0f2eb; padding: 4px 7px; border-radius: 6px; }

.demo-prospect-title { font: 800 20px/1.1 Bricolage Grotesque, sans-serif; letter-spacing: -.035em; color: var(--dark); margin: 0; }
.demo-angle-subtitle { font-size: 13px; font-weight: 700; color: #484b3e; margin: 4px 0 6px; }
.demo-products-pill-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 8px 0 4px; }
.demo-product-label { font: 800 10px/1 JetBrains Mono, monospace; color: #7f8373; margin-right: 2px; }
.demo-product-pill { font: 700 10px/1 JetBrains Mono, monospace; padding: 4px 8px; background: #eef3d8; color: #283307; border: 1px solid #cfe094; border-radius: 6px; letter-spacing: .04em; }

.demo-card-footer-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; flex-wrap: wrap; }
.demo-open-prospect-btn { display: inline-flex; flex: 1 1 210px; min-height: 42px; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; color: var(--neon); background: #181b13; border: 1px solid #303820; border-radius: 10px; font: 800 12px/1 Plus Jakarta Sans, sans-serif; white-space: nowrap; cursor: pointer; transition: transform .14s ease, background .14s ease, border-color .14s ease, color .14s ease; }
.demo-open-prospect-btn span { font-size: 15px; line-height: 1; }
.demo-open-prospect-btn:hover { background: #2e3522; color: white; border-color: var(--neon); transform: translateY(-1px); }
.demo-open-prospect-btn:focus-visible { outline: 3px solid rgba(198, 255, 0, .35); outline-offset: 2px; }
.demo-card-footer-actions .demo-toggle-details-btn { flex: 1 1 230px; min-height: 42px; }

.reco-chip { padding: 6px 11px; background: #23271c; color: #c4c8b6; border: 1px solid #3a412c; border-radius: 7px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; cursor: pointer; transition: .14s ease; }
.reco-chip:hover { background: #2e3522; color: var(--neon); border-color: var(--neon); }

/* Strategic Partners & M&A Ecosystem */
.partners-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; flex-wrap: wrap; }
.partners-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 18px; }
.partner-card { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; box-shadow: 0 4px 16px rgba(0,0,0,.03); transition: all .2s ease; position: relative; }
.partner-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.08); border-color: #c0c4b2; }
.partner-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.partner-name { font: 800 22px/1.1 Bricolage Grotesque, sans-serif; color: var(--dark); margin: 0 0 4px; letter-spacing: -.03em; }
.partner-category-pill { display: inline-flex; align-items: center; gap: 4px; font: 700 10px/1 JetBrains Mono, monospace; padding: 4px 8px; border-radius: 6px; background: #f0f2eb; color: #585c4d; }
.partner-status-pill { font: 800 10px/1 JetBrains Mono, monospace; padding: 4px 9px; border-radius: 999px; text-transform: uppercase; letter-spacing: .04em; }
.partner-status-pill.active_discussions { background: #fff3d6; color: #855302; border: 1px solid #fed88b; }
.partner-status-pill.joint_use_case { background: #e7f7df; color: #1c6b12; border: 1px solid #bceab0; }
.partner-status-pill.advanced_m_and_a { background: #1a1e12; color: var(--neon); border: 1px solid #3c4922; }
.partner-status-pill.strategic_alliance { background: #e8f0fe; color: #1a56db; border: 1px solid #bfd3f8; }
.partner-status-pill.exploring { background: #f3f3f3; color: #666; border: 1px solid #ddd; }
.partner-deal-tag { padding: 8px 12px; background: #f8faf2; border-left: 3px solid var(--neon); border-radius: 0 8px 8px 0; font-size: 12px; color: #2e3321; line-height: 1.45; }
.partner-deal-tag b { color: #111400; font-weight: 800; }
.partner-desc { font-size: 13px; color: #55584c; line-height: 1.5; margin: 0; }
.partner-contacts-box { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; background: #f5f6f0; border-radius: 10px; }
.partner-contact-item { font-size: 11px; color: #3d4034; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.partner-cases-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.partner-case-tag { font: 700 11px/1 Plus Jakarta Sans, sans-serif; padding: 4px 8px; background: #eef3d8; color: #2e3b08; border-radius: 6px; border: 1px solid #d4e499; }
.partner-next-box { padding: 10px 12px; background: #161811; color: white; border-radius: 10px; border: 1px solid #2d3220; }
.partner-next-label { display: flex; justify-content: space-between; align-items: center; font: 800 10px/1 JetBrains Mono, monospace; color: var(--neon); margin-bottom: 4px; }
.partner-next-text { font-size: 12px; color: #e1e4d8; margin: 0; line-height: 1.4; }
.partner-footer-actions { display: flex; justify-content: space-between; align-items: center; gap: 8px; border-top: 1px solid #eaede1; padding-top: 12px; }
.partner-log-item { padding: 10px 12px; background: #f5f6f0; border-radius: 9px; margin-bottom: 8px; font-size: 12px; border-left: 3px solid #3c432c; }
.partner-log-head { display: flex; justify-content: space-between; font: 700 10px/1 JetBrains Mono, monospace; color: #7f8373; margin-bottom: 4px; }

/* Assia AI Assistant Floating Widget */
.assia-widget { position: fixed; bottom: 24px; right: 24px; z-index: 9999 !important; font-family: 'Plus Jakarta Sans', sans-serif; display: block !important; }
.assia-toggle-btn { background: var(--dark); color: white; border: 1px solid #363a2c; border-radius: 999px; padding: 10px 18px 10px 14px; display: inline-flex !important; align-items: center; gap: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.25); cursor: pointer; transition: all .2s ease; position: relative; font: 800 13px/1 Plus Jakarta Sans, sans-serif; }
.assia-toggle-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.35); border-color: var(--neon); color: var(--neon); }
.assia-pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--neon); box-shadow: 0 0 10px var(--neon); animation: pulseDot 2s infinite; }
@keyframes pulseDot { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.4); opacity: .6; } }
.assia-icon { font-size: 14px; }
.assia-label { letter-spacing: .02em; }

/* Assia Floating Chat Drawer */
.assia-drawer { position: fixed; bottom: 84px; right: 24px; width: 390px; max-width: calc(100vw - 32px); height: 560px; max-height: calc(100vh - 110px); background: #151711; border: 1px solid #323528; border-radius: 20px; box-shadow: 0 24px 64px rgba(0,0,0,.45); display: flex; flex-direction: column; overflow: hidden; z-index: 10000 !important; animation: drawerUp .22s cubic-bezier(.16, 1, .3, 1); color: #f0f2eb; }
@keyframes drawerUp { from { opacity: 0; transform: translateY(16px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }

.assia-header { padding: 14px 18px; background: #1c1f17; border-bottom: 1px solid #2e3124; display: flex; justify-content: space-between; align-items: center; }
.assia-profile { display: flex; align-items: center; gap: 10px; }
.assia-avatar { width: 32px; height: 32px; border-radius: 10px; background: #2b301f; color: var(--neon); display: flex; align-items: center; justify-content: center; font-size: 15px; border: 1px solid #434b2f; box-shadow: inset 0 0 8px rgba(198, 255, 0, .2); }
.assia-profile strong { display: block; font: 800 14px/1.1 Bricolage Grotesque, sans-serif; color: white; }
.assia-status { font-size: 10px; color: var(--neon); display: block; margin-top: 2px; }
.assia-header-actions { display: flex; gap: 6px; }
.assia-head-btn { width: 28px; height: 28px; border-radius: 8px; background: #262a1d; border: 1px solid #3a3f2d; color: #a4a899; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; transition: .14s ease; }
.assia-head-btn:hover { background: #353b28; color: white; }

.assia-messages { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.assia-msg { display: flex; gap: 10px; max-width: 92%; }
.assia-msg.bot { align-self: flex-start; }
.assia-msg.user { align-self: flex-end; flex-direction: row-reverse; }
.assia-msg-bubble { padding: 12px 14px; border-radius: 14px; font-size: 13px; line-height: 1.5; word-break: break-word; }
.assia-msg.bot .assia-msg-bubble { background: #22261a; color: #e9ece0; border: 1px solid #333827; border-bottom-left-radius: 4px; }
.assia-msg.user .assia-msg-bubble { background: var(--neon); color: #111400; font-weight: 600; border-bottom-right-radius: 4px; }

/* Human Revalidation Card */
.assia-action-card { margin-top: 10px; background: #191c13; border: 1px solid #3d432e; border-radius: 12px; padding: 12px; }
.assia-action-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 8px; }
.assia-action-head strong { font: 800 11px/1.2 JetBrains Mono, monospace; color: var(--neon); text-transform: uppercase; letter-spacing: .06em; }
.assia-action-diff { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; font-size: 11px; }
.assia-diff-row { background: #23271b; padding: 6px 8px; border-radius: 6px; }
.assia-diff-label { font: 700 10px/1 JetBrains Mono, monospace; color: #9da190; display: block; margin-bottom: 2px; }
.assia-diff-from { color: #f28b82; text-decoration: line-through; display: block; font-size: 11px; }
.assia-diff-to { color: #a8fab5; font-weight: 700; display: block; font-size: 11px; }
.assia-action-btns { display: flex; gap: 8px; }
.assia-btn-validate { flex: 1; padding: 8px; font: 800 11px/1 Plus Jakarta Sans, sans-serif; background: var(--neon); color: #121600; border: 0; border-radius: 8px; cursor: pointer; transition: .14s ease; }
.assia-btn-validate:hover { background: #d7ff33; transform: translateY(-1px); }
.assia-btn-cancel { padding: 8px 12px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; background: transparent; color: #9fa393; border: 1px solid #393e2b; border-radius: 8px; cursor: pointer; }
.assia-btn-cancel:hover { background: #2a2e1f; color: white; }
.assia-action-card.is-applied { border-color: #3bb353; background: #132416; }
.assia-action-card.is-applied .assia-action-btns { display: none; }
.assia-action-card.is-applied .assia-applied-badge { color: #52e370; font: 800 11px/1 JetBrains Mono, monospace; display: block; text-align: center; }
.assia-action-card.is-cancelled { border-color: #55584b; opacity: .6; }
.assia-action-card.is-cancelled .assia-action-btns { display: none; }

/* Quick Chips */
.assia-quick-chips { padding: 8px 14px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; border-top: 1px solid #282c1e; background: #191c13; }
.assia-quick-chips::-webkit-scrollbar { display: none; }
.assia-chip { padding: 5px 10px; font: 700 10px/1 Plus Jakarta Sans, sans-serif; background: #262b1c; border: 1px solid #383e29; color: #c4c8b6; border-radius: 999px; cursor: pointer; white-space: nowrap; transition: .14s ease; }
.assia-chip:hover { background: var(--neon); color: var(--dark); border-color: var(--neon); }

/* Input Bar */
.assia-input-bar { padding: 12px 14px; background: #1c2016; border-top: 1px solid #2c3020; display: flex; gap: 8px; }
.assia-input-bar input { flex: 1; background: #11140c; border: 1px solid #333825; border-radius: 10px; padding: 10px 14px; font: 500 12px/1.3 Plus Jakarta Sans, sans-serif; color: white; outline: none; }
.assia-input-bar input:focus { border-color: var(--neon); }
.assia-send-btn { width: 36px; height: 36px; border-radius: 10px; background: var(--neon); color: var(--dark); border: 0; font-size: 16px; font-weight: 800; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .14s ease; }
.assia-send-btn:hover { background: #d7ff33; transform: scale(1.05); }

/* Assignment Box */
.demo-assignment-bar { background: #f7f9f2; border: 1px solid #e5e8dc; border-radius: 12px; padding: 10px 14px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.demo-assignee-info { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--dark); }
.demo-assignee-avatar { width: 24px; height: 24px; border-radius: 6px; background: var(--dark); color: var(--neon); display: flex; align-items: center; justify-content: center; font: 800 10px/1 JetBrains Mono, monospace; }

.claim-demo-btn { padding: 6px 12px; font: 800 11px/1 Plus Jakarta Sans, sans-serif; background: var(--dark); color: var(--neon); border: 0; border-radius: 8px; cursor: pointer; transition: .14s ease; display: inline-flex; align-items: center; gap: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, .1); }
.claim-demo-btn:hover { background: #22251a; transform: translateY(-1px); }

.unclaim-demo-btn { padding: 4px 8px; font: 700 10px/1 Plus Jakarta Sans, sans-serif; background: transparent; border: 1px solid #ccd0be; border-radius: 6px; color: #72756a; cursor: pointer; }
.unclaim-demo-btn:hover { background: #e8eae0; color: var(--dark); }

.admin-assign-select { padding: 4px 8px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; border: 1px solid #ccd0be; border-radius: 6px; background: white; color: var(--dark); cursor: pointer; outline: none; }

/* Progress slider */
.demo-progress-box { margin-top: 2px; }
.demo-progress-labels { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font: 700 10px/1 JetBrains Mono, monospace; color: #72756a; }
.demo-progress-labels strong { color: var(--dark); }
.demo-track-card input[type="range"] { width: 100%; accent-color: var(--neon); }

/* Accounts unlocked */
.demo-accounts-box { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 11px; color: #626558; }
.demo-accounts-box small { font: 800 9px/1 JetBrains Mono, monospace; color: #878a7c; letter-spacing: .06em; text-transform: uppercase; }

/* Expandable details */
.demo-toggle-details-btn { width: 100%; padding: 8px; background: #f2f4ec; border: 1px solid #dfe3d6; border-radius: 10px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; color: #4b4e42; cursor: pointer; transition: .14s ease; text-align: center; }
.demo-toggle-details-btn:hover { background: #e5e9db; color: var(--dark); }

.demo-details-pane { display: none; margin-top: 10px; padding-top: 12px; border-top: 1px dashed #d5d9cb; }
.demo-details-pane.active { display: block; animation: viewIn .2s ease; }

.demo-section-block { background: #fcfdfa; border: 1px solid #e8eae1; border-radius: 10px; padding: 12px; margin-bottom: 10px; }
.demo-section-block h4 { margin: 0 0 6px; font: 800 10px/1 JetBrains Mono, monospace; letter-spacing: .08em; color: #626659; text-transform: uppercase; }
.demo-section-block p { margin: 0; font-size: 12px; line-height: 1.45; color: #414339; }

.demo-prompts-pre { background: #161812; color: #dceea5; padding: 10px; border-radius: 8px; font: 500 11px/1.4 JetBrains Mono, monospace; white-space: pre-wrap; word-break: break-word; margin: 4px 0 0; position: relative; }
.demo-copy-prompt-btn { position: absolute; top: 6px; right: 6px; padding: 3px 6px; font: 700 9px/1 JetBrains Mono, monospace; background: #262920; border: 1px solid #3d4133; color: white; border-radius: 4px; cursor: pointer; }
.demo-copy-prompt-btn:hover { background: var(--neon); color: var(--dark); }

.demo-renders-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin-top: 6px; }
.demo-render-item { background: #f0f2ea; border: 1px solid #dde1d3; border-radius: 8px; padding: 8px; font-size: 11px; }
.demo-render-item strong { display: block; margin-bottom: 3px; font-size: 11px; color: var(--dark); }
.demo-render-item span { font-size: 10px; color: #66695e; line-height: 1.3; display: block; }

.demo-sources-list { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.demo-source-item { display: flex; align-items: center; justify-content: space-between; font-size: 11px; gap: 8px; }
.demo-source-item a { color: #2e5917; font-weight: 700; text-decoration: underline; word-break: break-all; }
.demo-source-item a:hover { color: #18340a; }

.product-guide { margin-bottom: 22px; padding: 26px; color: white; background: var(--dark); border: 1px solid #2b2c26; border-radius: 22px; box-shadow: var(--shadow); }
.product-guide-head, .demo-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.product-guide-head { margin-bottom: 19px; }
.product-guide-head h3, .demo-section-head h3 { margin: 0; font: 800 28px/1 Bricolage Grotesque, sans-serif; letter-spacing: -.035em; }
.product-guide-head > p, .demo-section-head > p { margin: 0; color: #9a9c92; font-size: 14px; }
.product-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.product-card { display: flex; min-height: 250px; flex-direction: column; padding: 20px; color: var(--ink); background: #f7f7f2; border: 1px solid #30322a; border-radius: 14px; }
.product-card:first-child { background: var(--neon); border-color: var(--neon); }
.product-card .eyebrow { margin-bottom: 18px; color: #6f7168; }
.product-card:first-child .eyebrow { color: #3e4900; }
.product-card h3 { margin: 0 0 7px; font: 800 30px/1 Bricolage Grotesque, sans-serif; letter-spacing: -.04em; }
.product-card > strong { color: #3f4139; font-size: 15px; }
.product-card > p { margin: 13px 0 18px; color: #5f6158; font-size: 14px; line-height: 1.55; }
.product-output { margin-top: auto; padding-top: 13px; border-top: 1px solid #d9dbd1; }
.product-output small { display: block; margin-bottom: 5px; color: #85877d; font: 700 10px/1 JetBrains Mono, monospace; letter-spacing: .09em; }
.product-output span { color: #303229; font-size: 13px; line-height: 1.4; }
.product-card:first-child .product-output { border-top-color: rgba(16,17,14,.2); }
.product-card:first-child .product-output small, .product-card:first-child .product-output span { color: #283000; }
.demo-section-head { margin: 29px 3px 14px; }
.demo-section-head .eyebrow { color: #777970; }
.demo-purpose { display: block; margin: -2px 0 13px; color: #484a42; font-size: 14px; }
.demo-card:nth-child(1) .demo-purpose { color: #d5d7ce; }
.impact small { display: block; margin-bottom: 7px; color: #898b82; font: 700 10px/1 JetBrains Mono, monospace; letter-spacing: .08em; }
.product-tag { color: #2b310d; background: var(--soft-neon); border: 1px solid #dceaa9; }
.product-detail-box { padding: 17px; }
.product-recommendation-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 9px; }
.product-recommendation { padding: 13px; background: white; border: 1px solid #e0e1d9; border-radius: 10px; }
.product-recommendation strong { display: block; color: var(--ink); font: 800 17px/1.1 Bricolage Grotesque, sans-serif; }
.product-recommendation span { display: block; margin-top: 5px; color: #68720c; font-size: 12px; font-weight: 750; }
.product-recommendation p { margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.field-hint { margin-top: -2px; color: #8b8d83; font-size: 11px; font-weight: 500; }
.product-quick-picker { display: flex; flex-wrap: wrap; gap: 6px; margin: -5px 0 15px; }
.product-quick-picker button { padding: 7px 9px; color: #34370f; background: var(--soft-neon); border: 1px solid #dceaa9; border-radius: 999px; font-size: 12px; font-weight: 750; }
.product-quick-picker button:hover { background: var(--neon); border-color: var(--neon); }

.team-toolbar { display: flex; justify-content: flex-end; gap: 9px; margin: -8px 0 18px; }
.team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.member-card { position: relative; min-height: 220px; padding: 22px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); display: flex; flex-direction: column; justify-content: space-between; }
.member-card.pending { background: #f8f8f3; border-style: dashed; }
.member-card-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 12px; }
.member-head-info { flex: 1; min-width: 0; }
.member-name-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 2px; }
.member-status-pill { padding: 4px 8px; border-radius: 999px; font: 800 10px/1 JetBrains Mono, monospace; text-transform: uppercase; background: var(--soft-neon); color: #3d4a12; }
.member-avatar, .profile-preview, .comment-avatar { display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; color: #10110e; background: var(--neon); border-radius: 50%; font: 800 18px/1 Bricolage Grotesque, sans-serif; }
.member-avatar { width: 54px; height: 54px; }
.member-card h3 { margin: 0 0 4px; font: 800 22px/1 Bricolage Grotesque, sans-serif; }
.member-card .member-role { color: var(--muted); font-size: 13px; display: block; margin-bottom: 4px; }
.member-email { min-height: 18px; margin: 0; color: #55574f; font-size: 13px; word-break: break-word; }
.member-workload-section { margin: 14px 0; padding: 14px; background: #fafbf7; border: 1px solid #e7ebe0; border-radius: 12px; }
.member-workload-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.workload-title { font: 800 10px/1 JetBrains Mono, monospace; color: #3d4231; letter-spacing: .08em; display: block; }
.workload-sub-title { font: 800 9px/1 JetBrains Mono, monospace; color: #787d6e; letter-spacing: .08em; display: block; margin: 10px 0 6px; }
.member-task-list { display: grid; gap: 8px; }
.member-task-item { padding: 10px; background: white; border-radius: 8px; border: 1px solid #e2e6d8; }
.member-task-item.in-progress { border-left: 3px solid var(--neon); background: #fdfef9; }
.member-task-item.todo { display: flex; justify-content: space-between; align-items: center; font-size: 12px; padding: 6px 10px; }
.member-task-tag { display: inline-flex; align-items: center; font: 800 9px/1 JetBrains Mono, monospace; color: #2d5a10; background: #d7ff70; padding: 2px 6px; border-radius: 4px; margin-right: 6px; }
.member-op-tag { font: 700 11px/1 Inter, sans-serif; color: #585d4c; background: #eeefe9; padding: 2px 6px; border-radius: 4px; margin-right: 6px; }
.member-task-label { display: block; margin-top: 5px; font-size: 13px; color: var(--dark); font-weight: 700; line-height: 1.35; }
.member-task-time { margin-top: 6px; font: 600 10px/1 JetBrains Mono, monospace; color: #7f8373; }
.no-active-task { margin: 0; font-size: 12px; color: #8e9282; font-style: italic; }
.member-demos-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.member-demo-chip { display: inline-flex; padding: 4px 8px; background: #191c12; color: #d6ff33; border-radius: 6px; font: 700 11px/1 JetBrains Mono, monospace; }
.btn-member-action { padding: 8px 12px; border-radius: 8px; font-size: 12px; font-weight: 700; border: 0; cursor: pointer; }
.btn-member-action.primary { background: var(--dark); color: white; }
.btn-member-action.ghost { background: transparent; border: 1px solid var(--line); color: var(--dark); }
.member-card-actions { display: flex; gap: 8px; margin-top: 14px; }

.collaboration-zone { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.collaboration-zone > h3 { margin: 0 0 14px; font: 800 24px/1 Bricolage Grotesque, sans-serif; }
.collaboration-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.collab-panel { padding: 16px; background: #f5f5f0; border-radius: 13px; }
.collab-panel header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.collab-panel header h4 { margin: 0; font: 800 18px/1 Bricolage Grotesque, sans-serif; }
.collab-panel header span { color: var(--muted); font-size: 12px; }
.comment-list, .deliverable-list { display: grid; gap: 9px; max-height: 240px; overflow: auto; }
.comment-item { display: grid; grid-template-columns: 34px 1fr; gap: 9px; padding: 10px; background: white; border-radius: 10px; }
.comment-avatar { width: 34px; height: 34px; font-size: 12px; }
.comment-item strong { font-size: 13px; }.comment-item time { margin-left: 6px; color: #92948a; font-size: 11px; }
.comment-item p { margin: 4px 0 0; color: #4f5148; font-size: 14px; line-height: 1.45; white-space: pre-wrap; }
.empty-collab { margin: 8px 0; color: var(--muted); font-size: 13px; }
.inline-form { display: grid; gap: 8px; margin-top: 11px; }
.inline-form textarea, .inline-form input { width: 100%; padding: 10px; background: white; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; }
.inline-form textarea { min-height: 72px; resize: vertical; }
.inline-form button { justify-self: start; padding: 9px 12px; color: var(--dark); background: var(--neon); border: 0; border-radius: 8px; font-size: 13px; font-weight: 800; }
.deliverable-item { padding: 11px; background: white; border-radius: 10px; }
.deliverable-item a { color: var(--ink); font-size: 14px; font-weight: 800; text-decoration-color: var(--neon); text-decoration-thickness: 3px; }
.deliverable-item p { margin: 5px 0; color: var(--muted); font-size: 13px; line-height: 1.4; }
.deliverable-item small { color: #8b8d83; font-size: 11px; }

.profile-photo-editor { display: flex; align-items: center; gap: 14px; margin: 18px 0; padding: 14px; background: #f3f3ee; border-radius: 12px; }
.profile-preview { width: 64px; height: 64px; font-size: 22px; }
.profile-photo-editor label { flex: 1; margin: 0; }
.profile-photo-editor input { padding: 8px; }
.optional { margin-left: 5px; color: #a9aba1; font-weight: 500; }

.strategy-dialog { width: min(860px, 94vw); }
.strategy-list { display: grid; gap: 9px; margin: 22px 0; }
.strategy-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 15px; background: #f3f3ee; border: 1px solid transparent; border-radius: 12px; }
.strategy-item.active { background: var(--soft-neon); border-color: #dceaa9; }
.strategy-item h3 { margin: 0 0 5px; font: 800 18px/1 Bricolage Grotesque, sans-serif; }
.strategy-item p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.4; }
.strategy-item small { display: block; margin-top: 7px; color: #7d7f75; font: 700 11px/1 JetBrains Mono, monospace; }
.strategy-item button { padding: 9px 11px; color: white; background: var(--dark); border: 0; border-radius: 8px; font-size: 13px; font-weight: 750; }
.strategy-form { margin-top: 22px; padding: 19px; background: var(--dark); border-radius: 14px; }
.strategy-form h3 { margin: 0 0 10px; color: white; font: 800 22px/1 Bricolage Grotesque, sans-serif; }
.strategy-form label { color: #d5d7ce; }

.dialog, .login-dialog { padding: 0; border: 0; }
.dialog::backdrop, .login-dialog::backdrop { background: rgba(8, 8, 7, .7); backdrop-filter: blur(8px); }
.dialog { width: min(800px, 93vw); max-height: 92vh; overflow: auto; border-radius: 20px; box-shadow: 0 35px 110px rgba(0,0,0,.45); background: #ffffff !important; color: #1a1c14 !important; border: 1px solid rgba(0,0,0,.1); }
.dialog:not([open]) { display: none !important; }
.dialog[open] { display: block; }
.dialog-inner { position: relative; padding: 31px; }
.dialog-close { position: absolute; right: 16px; top: 15px; display: grid; width: 33px; height: 33px; place-items: center; background: #efefe9; border: 0; border-radius: 50%; font-size: 19px; }
.dialog h2 { padding-right: 38px; font-size: clamp(31px, 5vw, 48px); line-height: .98; }
.context { color: var(--muted); font-size: 12px; line-height: 1.6; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 19px 0; }
.detail-box { padding: 14px; background: #f3f3ee; border-radius: 11px; }
.detail-box small { display: block; margin-bottom: 6px; color: #92948a; font: 700 8px/1 JetBrains Mono, monospace; letter-spacing: .08em; }
.detail-box p { margin: 0; font-size: 10px; line-height: 1.5; }
.status-control { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 15px 0; padding: 12px 14px; background: var(--soft-neon); border-radius: 11px; }
.status-control label { margin: 0; }.status-control select { padding: 8px 9px; background: white; border: 1px solid #d9dccb; border-radius: 8px; font-size: 10px; }
.status-actions { display: flex; align-items: center; gap: 8px; }
.status-actions button { padding: 9px 11px; color: white; background: var(--dark); border: 0; border-radius: 8px; font-size: 13px; font-weight: 750; }
.kick { margin-top: 17px; padding: 20px; color: white; background: var(--dark); border-radius: 15px; }
.kick .eyebrow { color: var(--neon); }.kick h3 { margin: 0 0 7px; font: 800 21px/1.1 Bricolage Grotesque, sans-serif; }
.kick > p:not(.eyebrow) { color: #a2a49b; font-size: 11px; line-height: 1.5; }
.kick-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.kick-actions button { padding: 9px 10px; border: 0; border-radius: 8px; font-size: 9px; font-weight: 700; }
.kick-actions .lime { color: var(--dark); background: var(--neon); }.kick-actions .light { color: white; background: #282a23; }
.creative-brief-dialog { width: min(940px, 94vw); }
.brief-hero { margin: -31px -31px 24px; padding: 34px 70px 28px 31px; color: white; background: var(--dark); border-radius: 20px 20px 0 0; }
.brief-hero .eyebrow { color: var(--neon); }.brief-hero h2 { max-width: 720px; }.brief-hero p:last-child { max-width: 700px; margin: 13px 0 0; color: #aeb0a7; font-size: 11px; line-height: 1.55; }
.brief-section { margin: 24px 0; }.brief-section > h3 { margin: 0 0 12px; font: 800 22px/1 Bricolage Grotesque, sans-serif; letter-spacing: -.035em; }
.brief-strategy { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10px; }
.brief-strategy article { padding: 15px; background: #f3f3ee; border-radius: 11px; }.brief-strategy small, .concept-card small, .prompt-card small { display: block; margin-bottom: 7px; color: #8c8e84; font: 700 8px/1 JetBrains Mono, monospace; letter-spacing: .09em; }
.brief-strategy p { margin: 0; font-size: 10px; line-height: 1.55; }
.concept-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.concept-card { padding: 16px; background: white; border: 1px solid var(--line); border-radius: 12px; }.concept-card:first-child { background: var(--soft-neon); border-color: #dceaa9; }
.concept-card h4 { margin: 0 0 7px; font: 800 17px/1.05 Bricolage Grotesque, sans-serif; letter-spacing: -.025em; }.concept-card p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.prompt-list { display: grid; gap: 8px; }.prompt-card { position: relative; padding: 15px 48px 15px 15px; color: #dedfd7; background: #191a16; border-radius: 11px; }.prompt-card small { color: var(--neon); }.prompt-card p { margin: 0; font: 500 9px/1.55 JetBrains Mono, monospace; white-space: pre-wrap; }.prompt-card button { position: absolute; right: 11px; top: 11px; padding: 7px 8px; color: white; background: #30312b; border: 0; border-radius: 7px; font-size: 8px; }
.brief-toolbar { position: sticky; bottom: -31px; display: flex; gap: 8px; margin: 27px -31px -31px; padding: 14px 31px; background: rgba(255,255,255,.94); border-top: 1px solid var(--line); backdrop-filter: blur(12px); }
.small-dialog { width: min(560px, 92vw); }
.dialog label { display: flex; flex-direction: column; gap: 6px; margin: 13px 0; color: #5f6158; font-size: 9px; font-weight: 700; }
.dialog input, .dialog textarea, .dialog select { padding: 11px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.dialog textarea { min-height: 90px; resize: vertical; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.login-dialog { position: fixed; inset: 0; width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; margin: 0; padding: 24px; border: 0; background: #080906 url("assets/bg-dark.jpg") center/cover fixed; display: grid; place-items: center; overflow-y: auto; z-index: 9999; }
.login-dialog:not([open]) { display: none; }
.login-dialog::before { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at 85% 15%, rgba(198, 255, 0, .14) 0%, transparent 45%), radial-gradient(circle at 15% 85%, rgba(198, 255, 0, .08) 0%, transparent 50%), linear-gradient(180deg, rgba(7, 8, 5, .88) 0%, rgba(7, 8, 5, .96) 100%); pointer-events: none; z-index: 0; }
.login-dialog::backdrop { background: #070805; opacity: 1; backdrop-filter: none; }
.login-landing-backdrop { position: fixed; inset: 0; background: #070805; opacity: 0; pointer-events: none; z-index: 0; }
.login-card { position: relative; z-index: 1; width: min(520px, 94vw); padding: 38px 40px; color: white; background: rgba(18, 20, 14, .92); border: 1px solid #363c29; border-radius: 24px; box-shadow: 0 35px 100px rgba(0, 0, 0, .75), 0 0 0 1px rgba(198, 255, 0, .15); backdrop-filter: blur(24px); }
.login-brand { margin-bottom: 20px; }
.login-brand img { display: block; width: 135px; height: auto; }
.login-brand span { display: block; margin-top: 6px; color: var(--neon); font: 800 9px/1 JetBrains Mono, monospace; letter-spacing: .28em; }
.login-security-badge { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; background: #181d11; border: 1px solid #3d4a22; border-radius: 999px; color: #d6ff33; font: 800 10px/1 JetBrains Mono, monospace; letter-spacing: .08em; margin-bottom: 16px; }
.login-security-badge .badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--neon); box-shadow: 0 0 8px var(--neon); }
.login-card h2 { font-size: clamp(32px, 4vw, 44px); line-height: .96; margin: 0 0 10px; font-weight: 800; letter-spacing: -.04em; }
.login-intro { color: #c5c9ba; font-size: 13px; line-height: 1.5; margin: 0 0 20px; }
.login-card label { display: block; margin: 14px 0; color: #e4e7dc; font: 700 11px/1 JetBrains Mono, monospace; letter-spacing: .04em; }
.login-card input { display: block; width: 100%; margin-top: 6px; padding: 12px 14px; color: white; background: #12140d; border: 1px solid #353a29; border-radius: 10px; font-family: Inter, sans-serif; font-size: 14px; transition: .15s ease; box-sizing: border-box; }
.login-card input:focus { outline: none; border-color: var(--neon); box-shadow: 0 0 0 3px rgba(198, 255, 0, .25); background: #181b11; }
.login-card > small { display: block; margin-top: 14px; color: #929687; font: 600 11px/1 JetBrains Mono, monospace; text-align: center; }
.form-error { min-height: 16px; margin: 6px 0; color: #ff897d; font-size: 10px; }
.login-submit-btn { padding: 16px 24px; font-size: 16px; font-weight: 800; border-radius: 12px; margin-top: 16px; letter-spacing: -.02em; display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--neon); color: #0d0e0a; border: 0; box-shadow: 0 10px 30px rgba(198, 255, 0, .28); transition: all .18s ease; }
.login-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(198, 255, 0, .4); background: #d4ff1a; }
.login-submit-btn:active { transform: translateY(0); }
.toast { position: fixed; z-index: 100; right: 22px; bottom: 22px; max-width: min(360px, calc(100vw - 32px)); padding: 12px 15px; color: white; background: var(--dark); border: 1px solid #303129; border-radius: 10px; box-shadow: 0 15px 45px rgba(0,0,0,.24); font-size: 10px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: .2s ease; }
.toast.show { opacity: 1; transform: translateY(0); }

/* Readability pass: keep supporting copy comfortably legible on large screens. */
body { font-size: 16px; }
.brand-lockup span { font-size: 11px; }
.nav-item { font-size: 15px; }
.sidebar-note p { font-size: 11px; }
.sidebar-note strong { font-size: 18px; }
.sidebar-note span { font-size: 13px; line-height: 1.45; }
.sidebar-user strong { font-size: 14px; }
.sidebar-user small { font-size: 11px; }
.eyebrow { font-size: 12px; }
.sync-pill { font-size: 13px; }
.ghost, .primary, .lime-button, .dark-link { font-size: 14px; }
.hero-copy > p:not(.eyebrow) { font-size: 18px; }
.hero-metrics span { font-size: 11px; }
.hero-metrics small { font-size: 13px; }
.live-badge { font-size: 11px; }
.rec { min-height: 205px; }
.rec p { font-size: 14px; }
.rec button { font-size: 12px; }
.legend { font-size: 13px; }
.timeline-labels { font-size: 11px; }
.time-card { min-height: 130px; padding: 17px; }
.time-card small { font-size: 11px; }
.time-card b { font-size: 17px; }
.time-card p { font-size: 13px; }
.text-btn { font-size: 13px; }
.demo-mini-item header { font-size: 14px; }
.demo-mini-item header span:last-child { font-size: 11px; }
.activity-item strong { font-size: 13px; }
.activity-item p { font-size: 12px; }
.activity-item time { font-size: 11px; }
.muted-small { font-size: 12px; }
.section-heading > p { font-size: 16px; }
.searchbox input { font-size: 14px; }
.segmented button { font-size: 13px; }
.column-head b, .column-head span { font-size: 11px; }
.temp { font-size: 10px; }
.op-top small { font-size: 11px; }
.op-card h4 { font-size: 19px; }
.op-card > p { font-size: 13px; }
.tag { font-size: 11px; }
.next { font-size: 13px; }
.next b { font-size: 10px; }
.discovery-card > p:not(.eyebrow), .demo-card > p:not(.eyebrow) { font-size: 15px; }
.card-actions button { font-size: 13px; }
.impact { font-size: 13px; }
.demo-card label small { font-size: 11px; }
.context { font-size: 16px; }
.detail-box small { font-size: 11px; }
.detail-box p { font-size: 14px; }
.status-control select { font-size: 13px; }
.kick > p:not(.eyebrow) { font-size: 15px; }
.kick-actions button { font-size: 13px; }
.brief-hero p:last-child { font-size: 15px; }
.brief-strategy small, .concept-card small, .prompt-card small { font-size: 11px; }
.brief-strategy p { font-size: 14px; }
.concept-card p { font-size: 13px; }
.prompt-card p { font-size: 13px; }
.prompt-card button { font-size: 11px; }
.dialog label { font-size: 13px; }
.login-brand span { font-size: 11px; }
.login-intro { font-size: 15px; }
.login-card label { font-size: 13px; }
.login-card > small { font-size: 11px; }
.form-error, .toast { font-size: 13px; }

/* Discovery Toolbar & Source Badges */
.discovery-toolbar { display: flex; gap: 10px; margin-bottom: 18px; }
.discovery-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.discovery-head .eyebrow { margin: 0; }
.source-badge { padding: 4px 8px; color: var(--dark); background: var(--soft-neon); border-radius: 999px; font: 700 9px/1 JetBrains Mono, monospace; letter-spacing: .08em; }
.empty-discovery { grid-column: 1 / -1; min-height: 220px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

/* Deal Value & Age Badges */
.op-badges { display: flex; align-items: center; gap: 6px; }
.value-tag { padding: 4px 7px; color: #1e2605; background: #dfff85; border-radius: 6px; font: 800 9px/1 JetBrains Mono, monospace; }
.lost-reason-note { margin-top: 9px; padding: 8px 10px; color: #8a382e; background: #ffeded; border-radius: 7px; font-size: 12px; line-height: 1.4; }
.lost-reason-note b { display: block; font: 700 8px/1 JetBrains Mono, monospace; letter-spacing: .08em; margin-bottom: 3px; color: #b7382a; }
.full-box { grid-column: 1 / -1; }

/* Sub-actions in deal dialog */
.op-actions-box { margin-bottom: 18px; padding: 16px; background: #f5f5f0; border-radius: 13px; }
.op-actions-box header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.op-actions-box header h4 { margin: 0; font: 800 18px/1 Bricolage Grotesque, sans-serif; }
.op-actions-box header span { color: var(--muted); font-size: 12px; }
.op-action-list { display: grid; gap: 8px; margin-bottom: 12px; max-height: 200px; overflow-y: auto; }

/* AVATARZ Quick Access (⌘K) */
.cmd-k-trigger { display: inline-flex; align-items: center; gap: 6px; font-family: Inter, sans-serif; }
.cmd-k-trigger kbd { padding: 2px 6px; font: 700 10px/1 JetBrains Mono, monospace; background: #e8e9e2; border-radius: 5px; color: #45473e; border: 1px solid #d4d6cb; }
.dialog.command-palette-dialog { width: min(680px, 94vw); max-height: 82vh; overflow: hidden; padding: 0; border-radius: 20px; background: #11130d !important; border: 1px solid #34382a; box-shadow: 0 32px 100px rgba(0,0,0,.68), 0 0 0 1px rgba(198,255,0,.08); color: #f5f7ef !important; }
.command-palette-inner { display: flex; flex-direction: column; max-height: 80vh; background: #11130d; color: #f5f7ef; }
.quick-access-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px 12px; background: #151811; }
.quick-access-head > div { display: flex; flex-direction: column; gap: 4px; }
.quick-access-kicker { color: var(--neon); font: 800 9px/1 JetBrains Mono, monospace; letter-spacing: .16em; }
.quick-access-head strong { color: #fff; font: 800 22px/1.05 Bricolage Grotesque, sans-serif; }
.command-search-box { display: flex; align-items: center; gap: 12px; padding: 15px 20px 18px; background: #151811; border-bottom: 1px solid #303428; }
.cmd-icon { color: var(--neon); font-size: 18px; font-weight: 800; }
#commandPaletteInput { flex: 1; min-height: 34px; padding: 0 !important; color: #fff !important; background: transparent !important; border: 0 !important; outline: none; font: 650 16px/1.35 Inter, sans-serif; box-shadow: none !important; }
#commandPaletteInput::placeholder { color: #8f9484; opacity: 1; }
.esc-kbd { padding: 5px 8px; font: 800 10px/1 JetBrains Mono, monospace; color: #c4c8b8; background: #24271e; border-radius: 6px; border: 1px solid #3b4030; }
.command-results-list { flex: 1; overflow-y: auto; padding: 10px 12px 14px; max-height: 430px; background: #11130d; scrollbar-color: #50563d #171a12; }
.palette-group-header { padding: 14px 12px 7px; color: var(--neon); font: 800 10px/1 JetBrains Mono, monospace; letter-spacing: .16em; text-transform: uppercase; }
.palette-item { display: flex; align-items: center; gap: 13px; min-height: 58px; padding: 11px 13px; color: #f5f7ef; background: transparent; border: 1px solid transparent; border-radius: 11px; cursor: pointer; transition: .14s ease; }
.palette-item:hover { background: #1d2117; border-color: #343a29; }
.palette-item.selected { background: #242a18; border-color: #667b2d; box-shadow: inset 3px 0 0 var(--neon); }
.palette-item-icon { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; font-size: 16px; background: #25291f; border: 1px solid #353b2c; border-radius: 9px; color: var(--neon); }
.palette-item-content { flex: 1; min-width: 0; }
.palette-item-content strong { display: block; font-size: 15px; font-weight: 750; color: #fff !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.palette-item-content small { display: block; margin-top: 4px; font-size: 12px; line-height: 1.35; color: #aeb3a3 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enter-kbd { display: none; padding: 4px 7px; font: 800 10px/1 JetBrains Mono, monospace; color: #182000; background: var(--neon); border-radius: 5px; }
.palette-item.selected .enter-kbd { display: inline-block; }
.palette-empty { padding: 42px 20px; text-align: center; color: #b0b5a4; font-size: 14px; }
.command-palette-footer { display: flex; flex-wrap: wrap; gap: 18px; padding: 12px 20px; border-top: 1px solid #292d22; background: #0b0d08; color: #a2a797; font-size: 12px; }
.command-palette-footer kbd { padding: 3px 6px; font: 800 10px/1 JetBrains Mono, monospace; color: #d7dacd; background: #20231a; border-radius: 5px; border: 1px solid #353a2c; margin-right: 3px; }

/* Export Dialog */
.export-options { display: grid; gap: 12px; margin-top: 18px; }
.export-tile { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 16px 18px; text-align: left; background: #f6f6f1; border: 1px solid var(--line); border-radius: 12px; transition: .18s ease; cursor: pointer; }
.export-tile:hover { background: white; border-color: #abb09b; transform: translateY(-1px); box-shadow: var(--shadow); }
.export-tile strong { font-size: 15px; color: var(--ink); margin-bottom: 4px; }
.export-tile small { font-size: 12px; color: var(--muted); }

/* Import OpenAI Dialog */
.import-dialog { width: min(720px, 94vw); }
.import-dialog textarea { font-family: JetBrains Mono, monospace; font-size: 12px; line-height: 1.45; }

/* Prospects Intelligence & Dropzone */
.intel-workspace { display: grid; gap: 24px; margin-top: 10px; }
.intel-drop-card { padding: 26px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.intel-dropzone { border: 2px dashed #3e4233; border-radius: 14px; padding: 32px 20px; text-align: center; background: #131410; transition: .2s ease; cursor: pointer; outline: none; }
.intel-dropzone:hover, .intel-dropzone:focus, .intel-dropzone.dragover { border-color: var(--neon); background: rgba(198, 255, 0, .05); transform: translateY(-1px); }
.intel-dropzone .dropzone-icon { font-size: 32px; color: var(--neon); margin-bottom: 6px; }
.intel-dropzone h3 { font: 800 18px/1.2 Bricolage Grotesque, sans-serif; margin: 0 0 6px; color: white; }
.intel-dropzone p { color: #9a9c90; font-size: 13px; margin: 0 0 16px; }
.intel-dropzone code { font-family: JetBrains Mono, monospace; color: var(--neon); font-size: 11px; background: #1d1f18; padding: 2px 5px; border-radius: 4px; }
.drop-browse-btn { display: inline-block; padding: 8px 16px; background: #23261d; color: var(--neon); border: 1px solid #3d4131; border-radius: 8px; font-size: 12px; font-weight: 700; cursor: pointer; transition: .15s ease; }
.drop-browse-btn:hover { background: #2f3426; border-color: var(--neon); }

.intel-form { margin-top: 20px; display: grid; gap: 14px; }

/* Intel Prospect Linkage Row */
.intel-link-prospect-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f3f5ed; border: 1px solid #dce0d2; border-radius: 10px; padding: 8px 14px; flex-wrap: wrap; }
.intel-select-label { display: flex; align-items: center; gap: 6px; font: 700 12px/1 Plus Jakarta Sans, sans-serif; color: var(--dark); cursor: pointer; }
.intel-select-icon { font-size: 14px; }
.intel-prospect-select { flex: 1; min-width: 220px; max-width: 380px; padding: 7px 12px; font: 700 12px/1 Plus Jakarta Sans, sans-serif; background: white; border: 1px solid #ccd0be; border-radius: 8px; color: var(--dark); cursor: pointer; outline: none; }
.intel-prospect-select:focus { border-color: var(--dark); box-shadow: 0 0 0 2px rgba(198, 255, 0, .4); }

.intel-form textarea { width: 100%; padding: 14px 16px; border-radius: 10px; border: 1px solid var(--line); background: white; font-family: Inter, sans-serif; font-size: 14px; line-height: 1.5; resize: vertical; box-sizing: border-box; }
.intel-form textarea:focus { outline: none; border-color: var(--dark); box-shadow: 0 0 0 3px rgba(198, 255, 0, .35); }

.intel-samples-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sample-label { color: #7f8274; font: 700 10px/1 JetBrains Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }
.sample-chip { padding: 6px 10px; background: #eceee5; border: 1px solid #d5d8cb; border-radius: 7px; color: #2e3027; font-size: 12px; cursor: pointer; transition: .15s ease; text-align: left; }
.sample-chip:hover { background: white; border-color: #2e3027; color: black; }

.intel-form-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 8px; }

/* New Intel Dialog */
.new-intel-dialog { width: min(620px, 94vw); }
.intel-target-badge { display: inline-flex; align-items: center; gap: 8px; background: #23271b; border: 1px solid #3a412b; color: white; padding: 8px 14px; border-radius: 10px; margin-bottom: 14px; }
.intel-target-badge strong { color: var(--neon); font: 800 14px/1 Bricolage Grotesque, sans-serif; }
.new-intel-results { margin-top: 18px; padding-top: 18px; border-top: 1px dashed #d8dcd0; animation: viewIn .2s ease; }

/* Intel Results Card */
.intel-results { animation: viewIn .28s ease; }
.intel-result-card { background: var(--dark); color: white; border: 1px solid #2e3026; border-radius: 16px; padding: 26px; box-shadow: 0 25px 80px rgba(0, 0, 0, .45); }
.intel-result-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; border-bottom: 1px solid #23251c; padding-bottom: 18px; margin-bottom: 22px; }
.intel-result-header h3 { font: 800 24px/1.1 Bricolage Grotesque, sans-serif; margin: 6px 0 0; color: white; }
.match-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font: 800 10px/1 JetBrains Mono, monospace; letter-spacing: .09em; text-transform: uppercase; }
.match-badge.matched { background: var(--neon); color: var(--dark); }
.match-badge.new-prospect { background: #3b82f6; color: white; }
.gemini-pill { padding: 5px 11px; background: #1f2317; border: 1px solid #3c422c; border-radius: 999px; color: var(--neon); font: 700 11px/1 JetBrains Mono, monospace; }
.simulated-pill { padding: 5px 11px; background: #292419; border: 1px solid #52472b; border-radius: 999px; color: #ffd07a; font: 700 11px/1 JetBrains Mono, monospace; }

.intel-warning-banner { padding: 10px 14px; background: #262114; border: 1px solid #4a3f24; border-radius: 8px; margin-bottom: 18px; color: #ffd78a; font-size: 12px; }

.intel-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 24px; }
.intel-section { margin-bottom: 20px; }
.intel-section .eyebrow { color: var(--neon); margin-bottom: 8px; font-size: 9px; }
.narrative-text { background: #161812; padding: 15px 18px; border-radius: 10px; border-left: 3px solid var(--neon); font-size: 14px; line-height: 1.55; color: #e2e4dc; margin: 0; }
.signal-tag { display: inline-flex; align-items: center; padding: 5px 10px; background: #1f2219; border: 1px solid #313627; border-radius: 6px; color: #d6d9ce; font-size: 12px; }

.section-head-with-action { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.draft-reply-box { width: 100%; padding: 14px 16px; background: #131410; border: 1px solid #2e3026; border-radius: 10px; color: white; font-family: Inter, sans-serif; font-size: 13px; line-height: 1.5; resize: vertical; box-sizing: border-box; }
.draft-reply-box:focus { outline: none; border-color: var(--neon); }

.intel-impact-box { background: #161812; border: 1px solid #292c21; border-radius: 12px; padding: 20px; }
.intel-impact-box > .eyebrow { color: var(--neon); margin-bottom: 14px; }
.impact-row { margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #22241b; }
.impact-row:last-of-type { border-bottom: 0; margin-bottom: 18px; }
.impact-label { display: block; font: 700 9px/1 JetBrains Mono, monospace; color: #878a7c; letter-spacing: .08em; margin-bottom: 5px; text-transform: uppercase; }
.status-comparison { font-size: 13px; font-weight: 700; }
.status-old { color: #878a7c; text-decoration: line-through; }
.status-new { color: var(--neon); margin-left: 4px; }
.next-action-highlight { display: block; color: white; font-size: 13px; font-weight: 700; line-height: 1.4; }
.intel-actions-container { display: grid; gap: 9px; margin-top: 16px; }

/* Prospects Hub 360° & Knowledge Base */
.prospects-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; flex-wrap: wrap; }
.prospect-sort-select { padding: 9px 14px; background: white; border: 1px solid var(--line); border-radius: 12px; font: 700 12px/1.2 Plus Jakarta Sans, sans-serif; color: var(--dark); cursor: pointer; outline: none; transition: .18s ease; }
.prospect-sort-select:hover, .prospect-sort-select:focus { border-color: #8c9080; }

.prospects-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 16px; }

.prospect-card { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 20px; box-shadow: var(--shadow); display: flex; flex-direction: column; gap: 14px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; position: relative; }
.prospect-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0, 0, 0, .06); border-color: #c4c8b8; }
.prospect-card.is-hot { border-top: 3px solid var(--neon); }

.prospect-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.prospect-brand-wrap { display: flex; align-items: center; gap: 10px; }
.prospect-avatar-circle { width: 38px; height: 38px; border-radius: 10px; background: var(--dark); color: var(--neon); display: flex; align-items: center; justify-content: center; font: 800 13px/1 JetBrains Mono, monospace; flex-shrink: 0; }
.prospect-titles h3 { margin: 0 0 3px; font-size: 16px; font-weight: 800; color: var(--dark); letter-spacing: -.02em; }
.prospect-sector-badge { display: inline-flex; align-items: center; gap: 4px; font: 600 10px/1 JetBrains Mono, monospace; color: #76796c; background: #f0f2ea; padding: 3px 6px; border-radius: 4px; }

.prospect-meta-pills { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.prospect-value-pill { font: 800 13px/1 JetBrains Mono, monospace; color: var(--dark); background: #eafbe1; border: 1px solid #c9ebb7; padding: 4px 8px; border-radius: 6px; }
.prospect-temp-pill { font: 800 9px/1 JetBrains Mono, monospace; padding: 3px 6px; border-radius: 999px; text-transform: uppercase; letter-spacing: .06em; }
.prospect-temp-pill.hot { color: #873800; background: #ffe9d6; border: 1px solid #ffd0aa; }
.prospect-temp-pill.warm { color: #7a6000; background: #fff5cc; border: 1px solid #ffe885; }

.prospect-context-snippet { font-size: 12px; color: #585b50; line-height: 1.45; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.prospect-access-box { background: #f7f8f4; border: 1px solid #e8eae1; border-radius: 10px; padding: 9px 12px; font-size: 11px; color: #4e5246; }
.prospect-access-box strong { font-size: 9px; font-family: JetBrains Mono, monospace; color: #838779; letter-spacing: .06em; display: block; margin-bottom: 2px; text-transform: uppercase; }

.prospect-collab-box { background: #fbfdf7; border: 1px dashed #b9d99a; border-radius: 10px; padding: 9px 12px; font-size: 11px; color: #324e23; }
.prospect-collab-box strong { font-size: 9px; font-family: JetBrains Mono, monospace; color: #47702e; letter-spacing: .06em; display: block; margin-bottom: 2px; text-transform: uppercase; }

.prospect-next-box { background: var(--dark); border-radius: 12px; padding: 12px 14px; color: white; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; }
.prospect-next-content { flex: 1; min-width: 0; }
.prospect-next-label { font: 800 9px/1 JetBrains Mono, monospace; color: var(--neon); letter-spacing: .1em; margin-bottom: 4px; display: block; }
.prospect-next-text { font-size: 12px; font-weight: 700; color: #f2f4ec; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
.prospect-next-due { font: 700 10px/1 JetBrains Mono, monospace; color: #a4a89a; background: #22251a; border: 1px solid #373a2b; padding: 5px 8px; border-radius: 6px; white-space: nowrap; }

.prospect-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 10px; border-top: 1px solid #eef0e7; flex-wrap: wrap; }
.prospect-products-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.prospect-card-actions { display: flex; align-items: center; gap: 6px; }
.prospect-btn-ghost { padding: 6px 9px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; background: #f2f4ec; border: 1px solid #dde1d3; border-radius: 8px; color: var(--dark); cursor: pointer; transition: .14s ease; }
.prospect-btn-ghost:hover { background: #e2e6d6; }
.prospect-btn-dossier { padding: 6px 11px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; background: var(--dark); color: white; border: 0; border-radius: 8px; cursor: pointer; transition: .14s ease; display: inline-flex; align-items: center; gap: 4px; }
.prospect-btn-dossier:hover { background: #22251a; color: var(--neon); transform: translateY(-1px); }

/* Command Center Ribbon & Operational Panels */
.command-sprint-ribbon { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: var(--dark); color: white; padding: 14px 20px; border-radius: 16px; margin-bottom: 18px; border: 1px solid #282b20; }
.command-sprint-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.command-sprint-left strong { font-size: 14px; color: #f1f3ea; letter-spacing: -.02em; }
.command-sprint-right { display: flex; align-items: center; gap: 12px; }
.ghost-sm { background: #20231a; color: var(--neon); border: 1px solid #363b2a; border-radius: 8px; padding: 6px 12px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; cursor: pointer; transition: .15s ease; }
.ghost-sm:hover { background: var(--neon); color: var(--dark); }

.command-quick-capture-panel { background: #ffffff; border: 1px solid var(--line); border-radius: 16px; padding: 20px 24px; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(0,0,0,.03); }
.quick-header-badges { display: flex; gap: 8px; }
.quick-status-chip { font: 700 10px/1 JetBrains Mono, monospace; padding: 5px 9px; border-radius: 6px; background: #f1f3ea; color: #55594b; border: 1px solid #dfe3d4; }

.quick-assignee-select { border: 1px solid #d9dcd0; border-radius: 10px; padding: 8px 12px; font: 700 12px/1 Plus Jakarta Sans, sans-serif; background: #f7f9f2; color: var(--dark); cursor: pointer; }

.tasks-segmented { display: inline-flex; background: #eef1e6; padding: 3px; border-radius: 999px; gap: 2px; border: 1px solid #d8dccf; }
.tasks-segmented button { background: transparent; border: 0; border-radius: 999px; padding: 6px 12px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; color: #5d6153; cursor: pointer; transition: .14s ease; }
.tasks-segmented button.active { background: var(--dark); color: var(--neon); box-shadow: 0 2px 6px rgba(0,0,0,.15); }

.action-list-detailed { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.task-card-detailed { background: #ffffff; border: 1px solid #e1e5d8; border-radius: 14px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; transition: all .16s ease; }
.task-card-detailed:hover { border-color: #bcc3af; box-shadow: 0 4px 14px rgba(0,0,0,.04); }
.task-card-detailed.is-done { opacity: .55; background: #f9faf7; }
.task-card-detailed.is-done .task-title { text-decoration: line-through; color: #7b8072; }
.task-card-detailed.is-in-progress { border-color: #a4cc26; background: #fbfdf5; box-shadow: 0 0 0 1px #c6ff00, 0 6px 18px rgba(198,255,0,.12); }

.task-left-zone { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; }
.task-checkbox-custom { width: 20px; height: 20px; border-radius: 6px; border: 2px solid #aeb2a4; display: grid; place-items: center; cursor: pointer; background: white; transition: .14s ease; flex: 0 0 20px; }
.task-checkbox-custom:hover { border-color: var(--dark); }
.task-checkbox-custom.checked { background: var(--dark); border-color: var(--dark); color: var(--neon); font-weight: 800; font-size: 12px; }

.task-body-zone { flex: 1; min-width: 0; }
.task-meta-top { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; flex-wrap: wrap; }
.task-priority-badge { font: 800 9px/1 JetBrains Mono, monospace; padding: 3px 6px; border-radius: 4px; text-transform: uppercase; }
.task-priority-badge.high { background: #fee7e7; color: #b91c1c; }
.task-priority-badge.medium { background: #fef3c7; color: #92400e; }
.task-priority-badge.low { background: #f1f5f9; color: #475569; }
.task-prospect-tag { font: 700 10px/1 Plus Jakarta Sans, sans-serif; color: var(--dark); background: #eef2e1; padding: 3px 7px; border-radius: 5px; cursor: pointer; text-decoration: none; }
.task-prospect-tag:hover { background: var(--dark); color: var(--neon); }
.task-due-tag { font: 700 10px/1 JetBrains Mono, monospace; color: #7b8072; }

.task-title { font-size: 14px; font-weight: 700; color: var(--dark); margin: 0; line-height: 1.3; }
.task-details-text { font-size: 12px; color: #606456; margin: 4px 0 0; line-height: 1.4; }

.task-right-zone { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.task-assignee-chip { display: flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 8px; background: #f3f5ee; font: 700 11px/1 Plus Jakarta Sans, sans-serif; color: #434739; cursor: pointer; }
.task-in-progress-badge { display: inline-flex; align-items: center; gap: 6px; background: #14170d; color: #d9ff70; padding: 5px 10px; border-radius: 8px; font: 800 10px/1 JetBrains Mono, monospace; border: 1px solid #333a1e; }
.in-progress-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--neon); box-shadow: 0 0 8px var(--neon); animation: pulseDot 1.5s infinite; }

.task-action-btns { display: flex; align-items: center; gap: 6px; }
.task-btn-action { padding: 6px 10px; border-radius: 8px; font: 700 11px/1 Plus Jakarta Sans, sans-serif; cursor: pointer; transition: .14s ease; border: 1px solid #d5d9cb; background: white; color: #3b3f32; }
.task-btn-action:hover { background: var(--dark); color: var(--neon); border-color: var(--dark); }
.task-btn-action.start { background: var(--dark); color: var(--neon); border-color: var(--dark); }
.task-btn-action.start:hover { background: #242918; }
.quick-voice-stop-btn { padding: 4px 10px; background: #b91c1c; color: white; border: 0; border-radius: 6px; font: 800 10px/1 JetBrains Mono, monospace; cursor: pointer; margin-left: 10px; }

.sugg-additional-box { margin-top: 12px; padding: 12px; background: #f4f6ec; border-radius: 10px; border: 1px solid #dbe2ca; font-size: 12px; }
.sugg-additional-box > strong { display: block; margin-bottom: 5px; font-size: 14px; color: var(--dark); }
.sugg-additional-box > p { margin: 0 0 10px; color: #686d5d; font-size: 13px; line-height: 1.45; }
.voice-extra-option { display: flex !important; align-items: flex-start; gap: 9px; margin: 7px 0 !important; padding: 10px; background: white; border: 1px solid #e1e5d5; border-radius: 9px; color: #25291d; font-size: 13px !important; line-height: 1.4; text-transform: none !important; letter-spacing: 0 !important; }
.voice-extra-option input { width: 18px; height: 18px; margin: 0; flex: 0 0 auto; accent-color: #8eb800; }
.voice-studio-status { margin: 0 0 12px; padding: 10px 12px; color: #4e5840; background: #f0f5dd; border: 1px solid #d8e4af; border-radius: 9px; font-size: 13px; line-height: 1.4; }
.voice-studio-status.success { color: #244e2b; background: #e8f6e9; border-color: #b8dfbd; }
.voice-studio-status.warning { color: #694b10; background: #fff6d9; border-color: #edd28a; }
.form-status { min-height: 18px; margin: 4px 0 8px; color: #667050; font-size: 13px; }

/* Voice Studio Modal */
.voice-studio-dialog { width: min(760px, 95vw); }
.smart-capture-dialog .dialog-inner { padding: 28px 30px 30px; }
.smart-capture-intro { margin: 6px 0 18px; color: #5b6052; font-size: 15px; line-height: 1.55; max-width: 760px; }
.smart-capture-tabs { display: flex; gap: 7px; padding: 5px; margin-bottom: 13px; background: #eef1e7; border: 1px solid #dce1d3; border-radius: 12px; }
.smart-capture-tab { flex: 1; min-height: 42px; padding: 10px 14px; border: 0; border-radius: 9px; background: transparent; color: #555b4c; font: 800 14px/1 Plus Jakarta Sans, sans-serif; cursor: pointer; }
.smart-capture-tab.active { background: #14170d; color: var(--neon); box-shadow: 0 3px 9px rgba(0,0,0,.15); }
.smart-capture-dropzone { display: flex; align-items: center; gap: 13px; min-height: 72px; padding: 14px 17px; margin: -4px 0 13px; border: 2px dashed #c8cebd; border-radius: 13px; background: #fbfcf8; color: #3f4438; cursor: pointer; transition: .15s ease; }
.smart-capture-dropzone:hover, .smart-capture-dropzone.dragover { border-color: #9dcc00; background: #f5ffdb; }
.smart-capture-drop-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px; background: #e9f6bd; color: #4b6200; font-size: 23px; }
.smart-capture-dropzone > span:last-child { display: flex; flex-direction: column; gap: 3px; }
.smart-capture-dropzone strong { font-size: 14px; }
.smart-capture-dropzone small { color: #73796a; font-size: 12px; }
.smart-capture-attachment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 15px; }
.smart-capture-file { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 11px; border: 1px solid #dfe3d6; border-radius: 10px; background: #f7f9f2; }
.smart-capture-file > span:nth-child(2) { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.smart-capture-file strong { overflow: hidden; color: #272b21; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.smart-capture-file small { color: #74796b; font-size: 10px; }
.smart-capture-file button { border: 0; background: transparent; color: #62675a; font-size: 20px; cursor: pointer; }
.capture-affiliation-card, .capture-output-card { margin-top: 15px; padding: 18px; border: 1px solid #dfe3d6; border-radius: 15px; background: #fafbf7; }
.capture-affiliation-head, .capture-output-head { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.capture-affiliation-head > div { display: flex; align-items: center; gap: 10px; flex: 1; }
.capture-affiliation-head strong, .capture-output-head strong { color: #171a12; font-size: 17px; }
.capture-output-head small { margin-left: auto; color: #6f7567; font-size: 12px; }
.capture-step { display: inline-grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: #14170d; color: var(--neon); font: 800 13px/1 JetBrains Mono, monospace; }
.capture-match-badge { padding: 6px 9px; border-radius: 999px; background: #ecefe7; color: #606658; font-size: 11px; font-weight: 800; }
.capture-match-badge.matched { background: #e7f7b9; color: #405900; }
.capture-match-badge.new { background: #e7edff; color: #284a94; }
.capture-match-badge.later { background: #fff1cf; color: #795511; }
.capture-match-explanation { margin: 0 0 12px; color: #606658; font-size: 13px; line-height: 1.5; }
.capture-affiliation-choices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 12px; }
.capture-choice { display: flex !important; align-items: flex-start; gap: 9px; min-height: 76px; margin: 0 !important; padding: 12px !important; border: 1px solid #d9ded0; border-radius: 11px; background: #fff; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }
.capture-choice.selected { border-color: #8fba00; box-shadow: 0 0 0 2px rgba(198,255,0,.3); background: #fbffe9; }
.capture-choice input { width: 18px; height: 18px; margin: 1px 0 0; flex: 0 0 18px; accent-color: #89b000; }
.capture-choice span { display: flex; flex-direction: column; gap: 4px; }
.capture-choice strong { color: #1b1e16; font-size: 13px; line-height: 1.3; }
.capture-choice small { color: #74796c; font-size: 11px; line-height: 1.35; }
.capture-affiliation-fields { padding-top: 5px; }
.capture-main-action { display: flex !important; align-items: center; gap: 9px; margin: 10px 0 !important; padding: 10px 12px; border-radius: 10px; background: #eaf5c7; color: #263400 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; }
.capture-main-action input { width: 19px; height: 19px; accent-color: #86ae00; }
.voice-extra-option > span { display: grid; flex: 1; gap: 6px; }
.voice-extra-option small { color: #707667; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.voice-extra-label { width: 100%; padding: 9px 10px !important; border: 1px solid #d8ddce !important; border-radius: 8px !important; color: #1c2017 !important; font-size: 13px !important; font-weight: 700 !important; }
.voice-extra-option textarea { width: 100%; padding: 9px 10px; border: 1px solid #d8ddce; border-radius: 8px; resize: vertical; color: #33382c; font-size: 12px; line-height: 1.45; }
.voice-recording-card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 24px;
  background: #11130d;
  border: 1px solid #363e20;
  border-radius: 16px;
  margin-bottom: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25), 0 0 0 1px rgba(198, 255, 0, 0.15);
}
.voice-mic-zone {
  position: relative;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  flex: 0 0 64px;
}
.voice-mic-halo {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(198, 255, 0, 0.2);
  animation: pulseHalo 1.8s infinite ease-out;
}
@keyframes pulseHalo {
  0% { transform: scale(0.9); opacity: 0.8; }
  50% { transform: scale(1.4); opacity: 0.2; }
  100% { transform: scale(1.6); opacity: 0; }
}
.voice-mic-core {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--neon);
  color: #11130d;
  font-size: 24px;
  display: grid;
  place-items: center;
  box-shadow: 0 0 20px rgba(198, 255, 0, 0.4);
}
.voice-live-meta {
  flex: 1;
  min-width: 0;
}
.voice-live-badge-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.voice-studio-waveform {
  width: 100%;
  height: 42px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  display: block;
}
.voice-transcript-box {
  background: #f7f8f3;
  border: 1px solid #e1e4d8;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 18px;
}
.voice-transcript-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font: 700 11px/1 JetBrains Mono, monospace;
  color: #797d6f;
  letter-spacing: .06em;
}
.voice-transcript-content {
  min-height: 80px;
  max-height: 160px;
  overflow-y: auto;
  font-size: 15px;
  line-height: 1.5;
  color: #1a1c14;
  outline: none;
  font-weight: 500;
  white-space: pre-wrap;
}
.voice-transcript-content:empty:before {
  content: attr(placeholder);
  color: #9ea293;
  font-style: italic;
}
.voice-studio-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* AI Analysis State */
.ai-analysis-container {
  padding: 40px 20px;
  text-align: center;
  background: #11130d;
  border-radius: 16px;
  color: white;
  margin-bottom: 16px;
}
.ai-radar-spinner {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  border: 3px solid rgba(198, 255, 0, 0.2);
  border-top-color: var(--neon);
  animation: spin 1s infinite linear;
  display: grid;
  place-items: center;
}
.ai-radar-core {
  font-size: 20px;
}
.ai-analysis-container h3 {
  margin: 0 0 16px;
  font: 800 20px/1.2 Bricolage Grotesque, sans-serif;
  color: #f4ff99;
}
.ai-step-list {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
  font: 600 13px/1.4 Inter, sans-serif;
  color: #929688;
}
.ai-step.active {
  color: var(--neon);
}

/* Proposal Banner */
.voice-proposal-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: var(--soft-neon);
  border: 1px solid #dceaa9;
  border-radius: 10px;
  margin-bottom: 14px;
}
.proposal-badge {
  font: 800 11px/1 JetBrains Mono, monospace;
  color: #35420f;
  letter-spacing: .08em;
}
.proposal-sub {
  font-size: 12px;
  color: #555c3c;
}

@keyframes viewIn { from { opacity: 0; transform: translateY(5px); } }
@keyframes pulse { 50% { opacity: .35; } }
@keyframes spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

@media (max-width: 1150px) {
  .app-shell { grid-template-columns: 82px minmax(0, 1fr); }
  .sidebar { padding-inline: 12px; }.brand-lockup { padding-inline: 5px; }.brand-wordmark { display: none; }.brand-lockup::before { content: "A"; display: grid; width: 42px; height: 42px; place-items: center; color: var(--dark); background: var(--neon); border-radius: 50%; font: 800 22px/1 Bricolage Grotesque, sans-serif; }.brand-lockup span, .nav-item > span:last-child, .sidebar-note, .sidebar-user div, .sidebar-user button { display: none; }
  .nav-item { justify-content: center; padding: 12px; }.nav-icon { width: auto; }.sidebar-user { display: flex; justify-content: center; padding: 15px 0 0; }
  .main { padding-inline: 25px; }
  .recommendations { grid-template-columns: repeat(2, 1fr); }
  .activity-feed { grid-template-columns: repeat(2, 1fr); }
  .cockpit-metrics-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .app-shell { display: block; }
  .sidebar { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; top: auto; width: 100%; height: 78px; padding: 7px 8px calc(7px + env(safe-area-inset-bottom)); overflow: visible; border-top: 1px solid #30332a; box-shadow: 0 -10px 32px rgba(0,0,0,.22); }
  .brand-lockup, .sidebar-note, .sidebar-user, .sidebar-version { display: none; }
  .sidebar nav { display: flex; width: 100%; gap: 4px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-x: contain; }
  .sidebar nav::-webkit-scrollbar { display: none; }
  .nav-item { flex: 0 0 74px; min-height: 58px; flex-direction: column; justify-content: center; gap: 4px; padding: 6px 4px; font-size: 11px; line-height: 1.1; scroll-snap-align: center; }
  .nav-item > span:last-child { display: block; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .nav-icon { font-size: 18px; }
  .nav-item::after { right: 50%; top: 3px; }
  .nav-item.active { color: var(--neon); background: #25281f; }
  .main { padding: 18px 14px calc(104px + env(safe-area-inset-bottom)); }.topbar { align-items: flex-start; }.sync-pill { max-width: 150px; }.sync-pill span { overflow: hidden; text-overflow: ellipsis; }
  .top-actions .ghost:not(#openTeam), .top-actions .palette-button { display: none; }
  .sprint-cockpit-header { flex-direction: column; align-items: flex-start; gap: 12px; }
  .sprint-objective-bar { flex-direction: column; align-items: flex-start; gap: 10px; }
  .sprint-progress-wrapper { width: 100%; }
  .cockpit-metrics-grid { grid-template-columns: repeat(2, 1fr); }
  .recommendations, .prospects-grid, .discovery-grid, .demo-grid, .team-grid, .intel-grid { grid-template-columns: 1fr; }
  .timeline-cards { grid-template-columns: repeat(2, 1fr); }.two-col, .collaboration-grid { grid-template-columns: 1fr; }.section-heading { display: block; padding-top: 8px; }.section-heading > p { margin-top: 18px; }.filterbar { display: block; }.searchbox { min-width: 0; }.segmented { width: max-content; margin-top: 8px; overflow-x: auto; max-width: 100%; }.detail-grid, .form-grid, .brief-strategy, .concept-grid { grid-template-columns: 1fr; }
  .task-card-detailed { flex-direction: column; align-items: flex-start; }
  .task-right-zone { width: 100%; justify-content: space-between; border-top: 1px solid #f0f2eb; padding-top: 8px; }
  .dialog { width: calc(100vw - 16px) !important; max-width: none; max-height: calc(100dvh - 18px); margin: auto; border-radius: 18px; }
  .dialog-inner { padding: 22px 18px; }
  .voice-recording-card { align-items: flex-start; padding: 16px; gap: 13px; }
  .voice-studio-actions, .voice-proposal-banner { align-items: stretch; flex-direction: column; gap: 10px; }
  .capture-affiliation-choices { grid-template-columns: 1fr; }
  .smart-capture-attachment-list { grid-template-columns: 1fr; }
  .capture-affiliation-head, .capture-output-head { align-items: flex-start; flex-wrap: wrap; }
  .capture-output-head small { width: 100%; margin-left: 38px; }
  .voice-studio-actions button, #voiceStudioForm .lime-button { width: 100%; min-height: 48px; }
  #voiceStudioForm > div:last-child { align-items: stretch !important; flex-direction: column; }
  #voiceStudioForm > div:last-child > div { width: 100%; flex-direction: column; }
  .assia-widget { right: 12px; bottom: calc(90px + env(safe-area-inset-bottom)); }
  .assia-drawer { right: 8px; bottom: calc(88px + env(safe-area-inset-bottom)); width: calc(100vw - 16px); height: min(650px, calc(100dvh - 112px)); max-height: calc(100dvh - 112px); border-radius: 18px; }
  .assia-toggle-btn { min-height: 46px; padding: 11px 16px; font-size: 14px; }
  .assia-msg-bubble, .assia-input-bar input { font-size: 14px; }
}

@media (max-width: 520px) {
  .topbar { margin-bottom: 17px; }.topbar .eyebrow { display: none; }.top-actions { gap: 6px; }.sync-pill { max-width: 118px; padding: 8px; }.primary { padding: 9px 10px; font-size: 13px; }
  .sprint-cockpit-panel { padding: 18px 16px; }
  .sprint-title-zone { gap: 6px; }
  .sprint-select-wrapper select { font-size: 14px; }
  .panel { padding: 18px; }.panel-head { align-items: center; }.recommendations { grid-template-columns: 1fr; }.timeline-cards { grid-template-columns: 1fr; }.activity-feed { grid-template-columns: 1fr; }.login-card { padding: 25px; }.login-card h2 { font-size: 40px; }
  .cockpit-metrics-grid { grid-template-columns: 1fr; }
  .panel h2, .section-heading h2 { font-size: clamp(26px, 8vw, 38px); }
  .context, .panel p, .action-row, .op-card { font-size: 14px; }
  .panel { padding: 16px; }
  .quick-header-badges { display: none; }
  .smart-capture-launch { min-width: 100%; }
  .quick-media-buttons { width: 100%; }
  .quick-media-btn.smart-capture-shortcut { flex: 1; height: 50px; }
  .smart-capture-dialog .dialog-inner { padding: 22px 16px; }
  .smart-capture-tab { padding-inline: 6px; font-size: 12px; }
}