:root {
  --bg: #f8fbff;
  --surface: #ffffff;
  --surface-soft: #f7faff;
  --line: #dfe7f2;
  --line-strong: #cfdaea;
  --ink: #08152f;
  --muted: #63708d;
  --muted-2: #8e9ab0;
  --blue: #1288f7;
  --cyan: #11bce8;
  --green: #73d96f;
  --teal: #23c8b7;
  --purple: #8b39ee;
  --pink: #ef4d95;
  --amber: #f6a30f;
  --red: #f3474f;
  --shadow: 0 12px 34px rgba(37, 67, 116, .08);
  --gradient: linear-gradient(110deg, #0ebfe8 0%, #2cc8c2 48%, #7bdc6c 100%);
  --founder-gradient: linear-gradient(110deg, #08bce8 0%, #27c8c1 48%, #73da70 100%);
  --radius: 18px;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 50% 0%, rgba(45,160,255,.035), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
.app-shell { min-height: 100vh; }
.topbar {
  height: 72px;
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  display: grid;
  grid-template-columns: 310px 1fr 310px;
  align-items: center;
  padding: 0 34px;
  position: sticky;
  top: 0;
  z-index: 30;
}
.brand-wrap { width: 220px; height: 52px; overflow: visible; position: relative; display: flex; align-items: center; justify-content:flex-start; }
.brand-logo { width: auto; max-width: 190px; max-height: 50px; height: auto; object-fit: contain; object-position: left center; display: block; flex:0 0 auto; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 18px; }
.nav-link {
  border: 0;
  background: transparent;
  color: #263552;
  padding: 12px 26px;
  border-radius: 11px;
  font-weight: 650;
  font-size: 16px;
}
.nav-link.active { color: #087db8; background: linear-gradient(110deg, #e8faff, #ebfaef); }
.founder-menu { display: flex; justify-content: flex-end; align-items: center; gap: 13px; font-weight: 650; color: #15213b; position: relative; }
.founder-avatar {
  width: 40px; height: 40px; border-radius: 50%; background: #eef2f8; display:grid; place-items:center; color:#1d2a45; font-weight:700;
}
.chevron { width: 9px; height: 9px; border-right: 2px solid #263552; border-bottom: 2px solid #263552; transform: rotate(45deg) translateY(-2px); }
.page { width: min(1440px, calc(100% - 64px)); margin: 0 auto; padding: 42px 0 64px; }
.page.narrow { width: min(1320px, calc(100% - 64px)); }
.hero { text-align: center; padding: 10px 0 30px; }
.hero h1, .page-title {
  margin: 0; color: var(--ink); letter-spacing: -0.045em; font-size: clamp(44px, 4.3vw, 68px); line-height: 1.04; font-weight: 790;
}
.hero .primary-cta { margin-top: 30px; min-width: 365px; height: 76px; font-size: 22px; }
.primary-cta, .gradient-btn {
  border: 0; border-radius: 11px; color: #fff; font-weight: 740; background: var(--gradient); box-shadow: 0 10px 24px rgba(20,185,205,.18); transition: transform .18s ease, box-shadow .18s ease;
}
.primary-cta:hover, .gradient-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(20,185,205,.24); }
.section-divider { border:0; border-top:1px solid var(--line-strong); margin: 8px 0 24px; }
.section-title { margin: 0 0 16px; font-size: 27px; letter-spacing:-.025em; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 2px 0 rgba(38,62,104,.01); }
.meeting-list { overflow: hidden; }

.empty-state { min-height: 170px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; color:var(--muted); padding:34px; }
.empty-state strong { color:var(--ink); font-size:18px; }
.empty-state span { max-width:560px; line-height:1.5; }
.meeting-row {
  display: grid; grid-template-columns: minmax(280px, 1.1fr) minmax(320px, 1.35fr) 210px 118px; align-items:center; gap:26px; padding: 22px 28px; min-height: 92px; border-bottom: 1px solid var(--line); background:#fff;
}
.meeting-row:last-child { border-bottom:0; }
.meeting-title { font-weight: 760; font-size: 18px; margin-bottom: 7px; letter-spacing:-.015em; }
.meeting-meta, .meeting-desc { color: var(--muted); font-size: 15px; line-height: 1.45; }
.open-btn, .outline-btn, .soft-btn {
  border: 1px solid var(--line-strong); color: var(--ink); background:#fff; border-radius:10px; height: 46px; padding:0 20px; font-weight:700;
}
.open-btn:hover, .outline-btn:hover { background:#f8fbff; border-color:#b8c8df; }
.status { display:inline-flex; align-items:center; gap:10px; border-radius:999px; padding:10px 16px; font-weight:650; font-size:14px; white-space:nowrap; width:max-content; }
.status::before { content:""; width:11px; height:11px; border-radius:50%; background: currentColor; }
.status.in-progress, .status.working { color:#0c7ff2; background:#eaf4ff; }
.status.paused, .status.assigned { color:#ef9400; background:#fff2d9; }
.status.completed, .status.available, .status.work-complete { color:#0ca66b; background:#e8fbf2; }
.status.needs-review, .status.work-needs-review { color:#7c22dd; background:#f3e6ff; }
.status.scheduled { color:#0aa2cc; background:#e3f8fd; }
.status.cancelled, .status.waiting { color:#7c8aa4; background:#eef1f5; }
.status.needs-founder-input { color:#e12562; background:#ffedf3; }
.status.failed-escalated { color:#d9313a; background:#ffebec; }
.subtle { color:var(--muted); }
.small { font-size:13px; }
.back-link { border:0; background:transparent; color:#31415e; padding:0; font-weight:620; display:inline-flex; align-items:center; gap:9px; margin:0 0 20px; }
.page-heading { margin-bottom: 24px; }
.page-heading h1 { margin:0 0 9px; font-size:50px; line-height:1.05; letter-spacing:-.04em; }
.page-heading p { margin:0; color:var(--muted); max-width:760px; line-height:1.48; font-size:17px; }
.new-meeting-grid { display:grid; grid-template-columns: minmax(0,1.65fr) minmax(330px,.95fr); gap:22px; align-items:start; }
.form-card { padding:24px; }
.field { margin-bottom:22px; }
.field:last-child { margin-bottom:0; }
.field label { display:block; font-size:16px; font-weight:720; margin-bottom:10px; }
.input, .textarea {
  width:100%; border:1px solid var(--line-strong); border-radius:10px; background:#fff; color:var(--ink); padding:14px 16px; outline:none; transition:border .18s, box-shadow .18s;
}
.input:focus, .textarea:focus { border-color:#55aefc; box-shadow:0 0 0 3px rgba(18,136,247,.08); }
.textarea { min-height:112px; resize:vertical; line-height:1.5; }
.type-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.type-card { border:1px solid var(--line-strong); background:#fff; border-radius:11px; min-height:124px; padding:16px 10px; text-align:center; color:var(--ink); }
.type-card.selected { border:2px solid #2b8df7; box-shadow:0 5px 20px rgba(43,141,247,.09); }
.type-icon { font-size:28px; line-height:1; margin-bottom:12px; }
.type-card strong { display:block; font-size:14px; margin-bottom:6px; }
.type-card span { display:block; color:var(--muted); font-size:12px; line-height:1.35; }
.priority-row { display:flex; gap:10px; flex-wrap:wrap; }
.priority-chip { border:1px solid var(--line-strong); background:#fff; border-radius:9px; padding:10px 24px; font-weight:680; }
.priority-chip.high { color:#e43e47; background:#fff4f4; border-color:#ffd9da; }
.priority-chip.medium { color:#e79500; background:#fff9ec; border-color:#ffe8bb; }
.priority-chip.low { color:#0ca76b; background:#eefcf5; border-color:#d1f3e3; }
.priority-chip.selected { box-shadow:0 0 0 2px rgba(18,136,247,.12); border-color:#6eb4f6; }
.upload-card { margin-top:18px; padding:20px; }
.upload-card h3 { margin:0 0 5px; font-size:18px; }
.dropzone { border:1.5px dashed #b9cbe1; border-radius:12px; min-height:126px; display:grid; place-items:center; text-align:center; margin-top:16px; padding:18px; background:#fbfdff; transition:.2s; }
.dropzone.drag { border-color:#1fa6db; background:#eefaff; }
.drop-main { font-weight:720; color:#35455f; }
.drop-sub { font-size:13px; color:var(--muted); margin-top:5px; }
.attachment-list { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.attachment-chip { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); background:#fff; border-radius:999px; padding:8px 11px; font-size:12px; max-width:100%; }
.attachment-chip button { border:0; background:transparent; color:#8692a7; padding:0; }
.coordination { padding:24px; position:sticky; top:94px; }
.coordination h2 { margin:0 0 3px; font-size:22px; }
.coordination .panel-sub { color:var(--muted); margin-bottom:18px; }
.info-panel { border-radius:13px; padding:20px; background:linear-gradient(135deg,#f3f9ff,#f4fbff); border:1px solid #e2edf9; margin-top:14px; }
.info-panel.green { background:linear-gradient(135deg,#effcf5,#effaf3); border-color:#dff3e7; }
.info-panel h4 { margin:0 0 8px; font-size:15px; }
.info-panel p { color:var(--muted); line-height:1.45; margin:0; font-size:14px; }
.steps { display:grid; gap:11px; margin-top:14px; }
.step { display:grid; grid-template-columns:26px 1fr; gap:8px; color:#62708a; font-size:14px; }
.step-num { width:20px; height:20px; border-radius:50%; background:#dbe9fa; display:grid; place-items:center; color:#26466e; font-size:11px; font-weight:750; }
.specialist-chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.mini-chip { border:1px solid var(--line); border-radius:999px; padding:8px 12px; font-size:12px; background:#fff; }
.start-btn { width:100%; height:58px; font-size:18px; margin-top:16px; }
.agents-hero { text-align:center; padding:8px 0 26px; }
.agents-hero h1 { margin:0; font-size:58px; letter-spacing:-.04em; }
.agents-hero p { margin:8px auto 0; color:var(--muted); max-width:710px; font-size:16px; line-height:1.45; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:20px; }
.metric-card { padding:18px 22px; display:flex; align-items:center; gap:18px; min-height:82px; }
.metric-icon { width:48px; height:48px; border-radius:50%; display:grid; place-items:center; font-weight:800; color:#057ccd; background:#e8f5ff; }
.metric-icon.green { color:#09a970; background:#e8fbf3; }
.metric-icon.blue { color:#087ff2; background:#eaf4ff; }
.metric-icon.purple { color:#8325df; background:#f2e8ff; }
.metric-card strong { font-size:24px; display:block; line-height:1; }
.metric-card span { color:var(--muted); font-size:14px; }
.agent-toolbar { display:grid; grid-template-columns:1fr 200px; gap:18px; margin-bottom:18px; }
.search-wrap { position:relative; }
.search-wrap input { padding-left:48px; height:52px; }
.search-glyph { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#6c7c99; font-size:22px; }
.agent-row {
  display:grid; grid-template-columns:300px minmax(300px,1.3fr) 210px 130px 150px; align-items:center; gap:18px; min-height:84px; padding:13px 20px; margin-bottom:10px;
}
.agent-id { display:flex; align-items:center; gap:16px; }
.agent-avatar { width:54px; height:54px; border-radius:50%; display:grid; place-items:center; background:var(--agent-light); color:var(--agent); font-size:19px; font-weight:800; border:1px solid rgba(0,0,0,.02); flex:0 0 auto; }
.agent-name { font-weight:780; font-size:18px; margin-bottom:3px; }
.agent-role { color:#51617e; font-size:14px; line-height:1.25; }
.agent-task { color:#51617e; line-height:1.4; font-size:14px; }
.agent-task .task-line { margin-top:5px; color:#8290a7; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.open-agent { border:0; border-radius:9px; height:46px; color:#fff; font-weight:720; background:var(--gradient); }
.select { width:100%; height:52px; padding:0 15px; border:1px solid var(--line-strong); border-radius:10px; background:#fff; color:var(--ink); }
.meeting-layout { display:grid; grid-template-columns:320px minmax(0,1fr) 370px; gap:10px; height:calc(100vh - 86px); min-height:720px; padding:10px; max-width:1600px; margin:0 auto; }
.meeting-side, .conversation, .meeting-right { min-height:0; }
.meeting-side { padding:18px; overflow:auto; }
.meeting-side .back-link { margin-bottom:16px; }
.meeting-side h2 { margin:0 0 8px; font-size:25px; letter-spacing:-.025em; }
.meeting-side-meta { color:var(--muted); font-size:13px; margin-bottom:26px; }
.participant-heading { font-weight:760; margin-bottom:4px; }
.participant-sub { color:var(--muted); font-size:12px; margin-bottom:8px; }
.participant { display:flex; align-items:center; gap:11px; padding:10px 0; border-bottom:1px solid var(--line); }
.participant:last-child { border-bottom:0; }
.participant .agent-avatar { width:42px; height:42px; font-size:15px; }
.participant-copy { min-width:0; flex:1; }
.participant-name { font-size:14px; font-weight:760; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.participant-role { font-size:11px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.presence { width:9px; height:9px; border-radius:50%; background:#0fbd7a; }
.view-all { width:100%; margin-top:14px; height:44px; color:#087ff2; border:1px solid #7dbafd; background:#fff; border-radius:9px; font-weight:730; }
.conversation { display:flex; flex-direction:column; overflow:hidden; }
.conversation-head { height:70px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 18px; background:#fff; }
.conversation-title strong { font-size:18px; }
.conversation-title span { color:var(--muted); font-size:12px; margin-left:8px; }
.conversation-messages { flex:1; overflow:auto; padding:18px; background:linear-gradient(180deg,#fff,#fcfdff); }
.message-wrap { display:flex; gap:10px; align-items:flex-start; margin:0 0 14px; }
.message-wrap.founder { justify-content:flex-end; }
.message-wrap .agent-avatar { width:38px; height:38px; font-size:13px; }
.message-stack { max-width:76%; }
.message-wrap.founder .message-stack { order:-1; text-align:right; }
.message-label { display:flex; align-items:center; gap:8px; margin:0 0 5px; font-size:12px; font-weight:760; color:var(--agent, #31415e); }
.message-wrap.founder .message-label { justify-content:flex-end; color:#087aa7; }
.message-time { color:#7f8da5; font-weight:520; }
.bubble { text-align:left; border-radius:14px; padding:13px 15px; background:var(--agent-light,#f2f6fb); color:#253451; font-size:13px; line-height:1.48; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45); }
.message-wrap.founder .bubble { background:var(--founder-gradient); color:#fff; box-shadow:none; }
.file-card { margin-top:10px; border:1px solid rgba(42,70,110,.12); background:rgba(255,255,255,.78); border-radius:9px; padding:10px; display:flex; align-items:center; gap:10px; color:#33425d; }
.composer { min-height:68px; border-top:1px solid var(--line); display:grid; grid-template-columns:42px 1fr 52px; gap:9px; padding:10px 12px; background:#fff; align-items:center; }
.composer-plus { width:38px; height:38px; border-radius:50%; border:1px solid var(--line-strong); background:#fff; color:#24446c; font-size:24px; }
.composer input { height:46px; border:1px solid var(--line-strong); border-radius:11px; padding:0 15px; outline:none; }
.send-btn { height:46px; border:0; border-radius:10px; color:#fff; background:#0c87f3; font-weight:800; }
.meeting-right { display:grid; grid-template-rows:minmax(250px,1fr) auto auto; gap:10px; overflow:auto; }
.side-panel { padding:18px; overflow:auto; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.panel-heading h3 { margin:0; font-size:19px; }
.live-pill { color:#ea3340; background:#fff0f1; border-radius:999px; padding:6px 10px; font-size:11px; font-weight:720; }
.summary-timeline { display:grid; gap:12px; margin-top:12px; }
.summary-item { display:grid; grid-template-columns:11px 62px 1fr; gap:8px; align-items:start; color:#43516e; font-size:12px; line-height:1.38; }
.summary-dot { width:8px; height:8px; border-radius:50%; background:#188bf7; margin-top:4px; }
.summary-dot.purple { background:#8a36e9; } .summary-dot.green{background:#10b97a;} .summary-dot.pink{background:#f13986;} .summary-dot.orange{background:#f58013;}
.summary-time { color:#72809a; }
.key-topics { border-top:1px solid var(--line); margin-top:15px; padding-top:13px; }
.key-topics strong { font-size:13px; }
.key-topics ul { margin:8px 0 0; padding-left:19px; color:#56647f; font-size:12px; line-height:1.55; }
.action-list { display:grid; gap:8px; }
.action-row { display:grid; grid-template-columns:20px 36px 1fr auto; gap:8px; align-items:center; padding:9px; border:1px solid var(--line); border-radius:11px; }
.action-check { width:15px; height:15px; }
.action-row .agent-avatar { width:32px; height:32px; font-size:11px; }
.action-title { font-size:12px; font-weight:700; line-height:1.3; }
.action-owner { color:var(--muted); font-size:10px; margin-top:2px; }
.action-status { color:#087ff2; background:#eef6ff; border-radius:7px; padding:6px 8px; font-size:10px; white-space:nowrap; }
.control-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.control-btn { border:1px solid var(--line); background:#fff; min-height:74px; border-radius:10px; display:grid; place-items:center; text-align:center; font-size:11px; font-weight:650; padding:8px; }
.control-btn.danger { color:#e7353f; background:#fff5f5; border-color:#ffd3d5; }
.agent-detail-grid { display:grid; grid-template-columns:280px minmax(0,1fr) 350px; gap:12px; height:calc(100vh - 120px); min-height:700px; }
.agent-profile { padding:20px; overflow:auto; }
.agent-profile .agent-avatar { width:76px; height:76px; font-size:26px; margin-bottom:14px; }
.agent-profile h2 { margin:0 0 5px; font-size:28px; }
.agent-profile .role { color:var(--muted); line-height:1.35; margin-bottom:14px; }
.build-badge { display:inline-flex; align-items:center; gap:8px; border-radius:999px; color:#0b9a67; background:#eafaf2; padding:8px 12px; font-size:12px; font-weight:700; }
.profile-section { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.profile-section h4 { margin:0 0 10px; }
.private-chat { display:flex; flex-direction:column; overflow:hidden; }
.private-head { min-height:68px; display:flex; align-items:center; gap:12px; padding:0 18px; border-bottom:1px solid var(--line); }
.private-head .agent-avatar { width:40px; height:40px; font-size:13px; }
.private-messages { flex:1; overflow:auto; padding:18px; }
.task-panel { padding:18px; overflow:auto; }
.task-panel h3 { margin:0 0 13px; }
.task-card { border:1px solid var(--line); border-radius:11px; padding:12px; margin-bottom:9px; }
.task-card strong { font-size:13px; display:block; margin-bottom:7px; }
.task-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.4; }
.add-task-form { margin-top:16px; border-top:1px solid var(--line); padding-top:15px; }
.add-task-form input, .add-task-form textarea { width:100%; border:1px solid var(--line-strong); border-radius:9px; padding:10px 12px; margin-bottom:8px; }
.add-task-form textarea { min-height:72px; resize:vertical; }
.toast { position:fixed; left:50%; bottom:28px; transform:translate(-50%, 18px); opacity:0; pointer-events:none; background:#0d1931; color:#fff; border-radius:10px; padding:12px 16px; z-index:100; transition:.22s; box-shadow:var(--shadow); font-size:13px; }
.toast.show { opacity:1; transform:translate(-50%,0); }
.empty { color:var(--muted); text-align:center; padding:34px 16px; }
@media (max-width: 1180px) {
  .topbar { grid-template-columns:240px 1fr 220px; padding:0 18px; }
  .brand-wrap { width:200px; }
  .meeting-row { grid-template-columns:1fr 1fr 170px 100px; gap:14px; padding:18px; }
  .agent-row { grid-template-columns:260px 1fr 180px 110px 130px; gap:10px; padding:12px; }
  .meeting-layout { grid-template-columns:260px minmax(0,1fr) 330px; }
}
@media (max-width: 980px) {
  .topbar { grid-template-columns:1fr auto; height:auto; min-height:70px; gap:10px; padding:7px 16px; }
  .main-nav { grid-row:2; grid-column:1 / -1; order:3; padding-bottom:7px; }
  .founder-menu { grid-column:2; grid-row:1; }
  .brand-wrap { grid-column:1; grid-row:1; }
  .page, .page.narrow { width:min(100% - 28px, 900px); padding-top:28px; }
  .meeting-row { grid-template-columns:1fr auto; }
  .meeting-row .meeting-desc { grid-column:1; }
  .new-meeting-grid { grid-template-columns:1fr; }
  .coordination { position:static; }
  .type-grid { grid-template-columns:repeat(2,1fr); }
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .agent-row { grid-template-columns:1fr auto; }
  .agent-task { grid-column:1; }
  .agent-row .status { grid-column:2; grid-row:1; }
  .agent-row .outline-btn, .agent-row .open-agent { grid-column:auto; }
  .meeting-layout { height:auto; min-height:0; display:block; padding:12px; }
  .meeting-side { margin-bottom:12px; max-height:none; }
  .conversation { height:70vh; margin-bottom:12px; }
  .meeting-right { display:grid; grid-template-columns:1fr; }
  .agent-detail-grid { height:auto; display:block; }
  .agent-profile, .private-chat, .task-panel { margin-bottom:12px; }
  .private-chat { height:65vh; }
}
@media (max-width: 640px) {
  .brand-wrap { width:150px; height:44px; }
  .brand-logo { width:auto; max-width:138px; max-height:42px; height:auto; }
  .founder-menu span { display:none; }
  .nav-link { padding:10px 16px; }
  .hero h1 { font-size:42px; }
  .hero .primary-cta { min-width:0; width:100%; }
  .meeting-row { grid-template-columns:1fr; gap:10px; }
  .meeting-row .meeting-desc { grid-column:auto; }
  .metric-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .agent-toolbar { grid-template-columns:1fr; }
  .type-grid { grid-template-columns:1fr; }
  .page-heading h1 { font-size:40px; }
  .action-row { grid-template-columns:20px 32px 1fr; }
  .action-status { grid-column:3; width:max-content; }
  .control-grid { grid-template-columns:1fr 1fr; }
}

/* V0.2 runtime additions */
.conversation-head-actions { display:flex; align-items:center; gap:10px; }
.voice-btn { border:1px solid #b9d5ec; background:#f7fbff; color:#176ca8; border-radius:10px; min-height:38px; padding:0 13px; font-size:12px; font-weight:750; white-space:nowrap; }
.voice-btn:hover { background:#eef8ff; }
.voice-btn.active { color:#fff; border-color:transparent; background:var(--founder-gradient); box-shadow:0 8px 18px rgba(20,185,205,.18); }
.work-product { margin-top:10px; border:1px solid #dce7f4; background:#f7fbff; border-radius:9px; padding:10px; color:#42526e; font-size:11px; line-height:1.45; max-height:180px; overflow:auto; }
.work-product b { display:block; color:#1b2d4a; margin-bottom:5px; }
.runtime-ready { color:#0b9a67; }
.runtime-warning { color:#d07d00; }
@media (max-width:640px){ .brand-logo{width:auto;max-width:138px;max-height:42px;} .conversation-head-actions{gap:6px;} .voice-btn{padding:0 9px;font-size:11px;} }