:root {
  --ink: #17233a;
  --muted: #68748a;
  --line: #e3e7ed;
  --canvas: #f4f5f2;
  --paper: #ffffff;
  --navy: #111b2e;
  --navy-soft: #1d2a42;
  --amber: #e6a23c;
  --amber-soft: #fff3dc;
  --green: #23866b;
  --red: #b94b55;
  --radius: 14px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.intro-workspace { max-width:1440px; margin:0 auto; }.intro-hero { min-height:360px; padding:48px; display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr); gap:56px; align-items:center; color:#fff; background:#18181b; border-radius:14px; }.intro-hero .eyebrow { color:#a1a1aa; }.intro-hero h1 { max-width:780px; margin:12px 0 18px; font-size:44px; line-height:1.12; letter-spacing:-.045em; }.intro-hero p { max-width:720px; color:#d4d4d8; font-size:15px; line-height:1.8; }.intro-actions { margin-top:25px; display:flex; gap:10px; }.intro-hero .primary-button { color:#18181b; background:#fff; }.intro-hero .secondary-button { color:#fff; background:transparent; border-color:#52525b; }.intro-hero aside { padding:24px; display:grid; gap:8px; background:#27272a; border:1px solid #3f3f46; border-radius:10px; }.intro-hero aside small,.intro-hero aside span { color:#a1a1aa; }.intro-hero aside b { font-size:18px; }.intro-section { padding:58px 4px 0; }.intro-section-title { display:grid; grid-template-columns:42px 1fr; gap:14px; align-items:start; }.intro-section-title>span { width:36px; height:36px; display:grid; place-items:center; color:#fff; background:#18181b; border-radius:50%; font-size:11px; }.intro-section-title h2 { margin:2px 0 7px; font-size:25px; letter-spacing:-.025em; }.intro-section-title p { margin:0; color:var(--muted); }.intro-compare { margin-top:22px; display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:center; }.intro-compare article { padding:24px; border:1px solid var(--line); border-radius:10px; }.intro-compare article.highlight { background:#fafafa; border-color:#a1a1aa; }.intro-compare h3 { margin:8px 0 14px; }.intro-compare small { color:var(--muted); }.intro-compare ul { margin:0; padding-left:18px; color:#52525b; line-height:1.9; }.intro-arrow { color:#a1a1aa; font-size:24px; }.intro-flow { margin-top:24px; display:grid; grid-template-columns:repeat(11,auto); gap:8px; align-items:center; }.intro-flow article { min-height:150px; padding:17px; display:grid; align-content:start; gap:9px; background:#fff; border:1px solid var(--line); border-radius:9px; }.intro-flow article b { width:25px; height:25px; display:grid; place-items:center; color:#fff; background:#18181b; border-radius:5px; font-size:11px; }.intro-flow article span { font-weight:700; }.intro-flow article small { color:var(--muted); line-height:1.55; }.intro-flow i { color:#a1a1aa; font-style:normal; }.intro-capabilities { margin-top:24px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.intro-capabilities article { padding:22px; background:#fff; border:1px solid var(--line); border-radius:9px; }.intro-capabilities article>span { font-size:20px; }.intro-capabilities h3 { margin:13px 0 8px; }.intro-capabilities p { margin:0; color:var(--muted); line-height:1.7; }.intro-architecture { margin-top:24px; display:grid; gap:8px; }.architecture-layer { padding:15px 18px; display:grid; grid-template-columns:150px 1fr; gap:18px; background:#fff; border:1px solid var(--line); border-radius:8px; }.architecture-layer span { color:var(--muted); }.intro-roadmap { margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.intro-roadmap article { padding:22px; border:1px solid var(--line); border-radius:9px; }.intro-roadmap article.done { border-color:#86bda7; background:#f3faf7; }.intro-roadmap article.current { border-color:#d5b46b; background:#fffaf0; }.intro-roadmap small { color:var(--muted); }.intro-roadmap h3 { margin:9px 0; }.intro-roadmap p { margin:0; color:var(--muted); line-height:1.65; }.intro-principle { margin-top:58px; padding:38px; display:grid; grid-template-columns:1.3fr 1fr; gap:50px; align-items:center; background:#f4f4f5; border-radius:12px; }.intro-principle small { color:var(--muted); }.intro-principle h2 { margin:10px 0 0; font-size:25px; line-height:1.45; }.intro-principle p { color:#52525b; line-height:1.8; }
@media (max-width:1100px) { .intro-hero { grid-template-columns:1fr; }.intro-flow { grid-template-columns:repeat(3,1fr); }.intro-flow i { display:none; }.intro-capabilities { grid-template-columns:repeat(2,1fr); } }
@media (max-width:720px) { .intro-hero { padding:28px 22px; }.intro-hero h1 { font-size:32px; }.intro-compare,.intro-capabilities,.intro-roadmap,.intro-principle { grid-template-columns:1fr; }.intro-arrow { transform:rotate(90deg); justify-self:center; }.intro-flow { grid-template-columns:1fr; }.architecture-layer { grid-template-columns:1fr; gap:6px; } }

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--canvas); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.eyebrow { margin: 0 0 8px; color: var(--amber); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.brand-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; color: var(--navy); background: var(--amber); font: 900 23px Georgia, serif; }
.brand-mark.small { width: 36px; height: 36px; border-radius: 10px; font-size: 18px; }

.login-view { min-height: 100vh; display: grid; grid-template-columns: minmax(430px, 46%) 1fr; background: var(--paper); }
.login-panel { width: min(430px, 78%); margin: auto; }
.login-panel h1 { margin: 24px 0 14px; font: 700 42px/1.17 Georgia, "Noto Serif SC", serif; letter-spacing: -.025em; }
.login-copy { color: var(--muted); line-height: 1.7; margin-bottom: 34px; }
.login-panel label { display: block; margin: 18px 0; color: #475268; font-size: 13px; font-weight: 650; }
.login-panel input { width: 100%; margin-top: 8px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 9px; outline: none; }
.login-panel input:focus { border-color: var(--amber); box-shadow: 0 0 0 3px var(--amber-soft); }
.login-aside { position: relative; overflow: hidden; background: var(--navy); }
.login-aside::after { content: ""; position: absolute; inset: 9% 13%; border: 1px solid #ffffff14; border-radius: 50%; }
.signal-orbit { position: absolute; width: 430px; height: 430px; top: 16%; left: 50%; transform: translateX(-50%); border: 1px solid #ffffff1b; border-radius: 50%; }
.signal-orbit::before, .signal-orbit::after { content: ""; position: absolute; border: 1px solid #ffffff1b; border-radius: 50%; inset: 18%; }
.signal-orbit::after { inset: 36%; background: var(--amber); border: 0; box-shadow: 0 0 60px #e6a23c66; }
.signal-orbit span { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #86a8cf; }
.signal-orbit span:nth-child(1) { top: 8%; left: 28%; }.signal-orbit span:nth-child(2) { right: 4%; top: 48%; }.signal-orbit span:nth-child(3) { bottom: 7%; left: 22%; }
.quote-card { position: absolute; z-index: 2; left: 9%; bottom: 10%; padding: 22px 24px; color: white; background: #ffffff0d; border: 1px solid #ffffff1f; border-radius: 14px; backdrop-filter: blur(10px); }
.quote-card p { margin: 0 0 8px; font: 20px Georgia, serif; }.quote-card small { color: #a9b5c8; }

.primary-button, .secondary-button, .danger-button { border: 0; border-radius: 8px; padding: 10px 15px; font-weight: 750; }
.primary-button { color: var(--navy); background: var(--amber); }.primary-button:hover { background: #d79532; }
.secondary-button { color: var(--ink); background: #edf0f4; }.secondary-button:hover { background: #e1e5eb; }
.danger-button { color: var(--red); background: #fae9eb; }.full { width: 100%; margin-top: 8px; padding: 13px; }
.text-button { padding: 0; color: #aab4c5; background: none; border: 0; font-size: 12px; }
.form-error { min-height: 20px; color: var(--red); font-size: 13px; }

.app-view { min-height: 100vh; display: grid; grid-template-columns: 228px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 24px 17px; display: flex; flex-direction: column; color: white; background: var(--navy); }
.brand { display: flex; align-items: center; gap: 11px; padding: 0 8px 30px; }.brand b, .brand span { display: block; }.brand b { font-size: 15px; }.brand span { margin-top: 2px; color: #8793a8; font-size: 10px; letter-spacing: .08em; }
.sidebar nav { display: grid; gap: 7px; }.nav-item { width: 100%; display: flex; gap: 12px; padding: 11px 13px; color: #aeb8c9; background: none; border: 0; border-radius: 8px; text-align: left; }.nav-item.active { color: white; background: var(--navy-soft); }.nav-item.disabled { cursor: default; opacity: .52; }
.nav-group { display: grid; gap: 3px; margin-top: 4px; }.nav-group-title { padding: 8px 13px 3px; color: #68758b; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.nav-subitem { padding-left: 20px; font-size: 12px; }
.management-grid { grid-template-columns: minmax(0, 920px); }
.nav-badge { margin-left: auto; min-width: 20px; padding: 2px 6px; color: var(--navy); background: var(--amber); border-radius: 999px; text-align: center; font-size: 10px; }
.sidebar-foot { margin-top: auto; padding: 14px 9px 0; border-top: 1px solid #ffffff17; }.user-card { margin-bottom: 9px; }.user-card b, .user-card span { display: block; }.user-card span { margin-top: 3px; color: #8793a8; font-size: 11px; }
.workspace { min-width: 0; padding: 30px 32px; }.workspace-header { display: flex; justify-content: space-between; align-items: center; }.workspace-header h1 { margin: 0; font: 700 29px Georgia, serif; }
.filter-bar { margin: 24px 0 18px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }.filter-bar select { padding: 9px 30px 9px 11px; color: #465269; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; }.score-filter { margin-left: auto; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }.score-filter input { accent-color: var(--amber); width: 100px; }.score-filter output { width: 24px; font-weight: 800; color: var(--ink); }
.content-grid { display: grid; grid-template-columns: minmax(300px, 38%) minmax(480px, 1fr); gap: 18px; align-items: start; }.queue-panel, .detail-panel { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.queue-panel { overflow: hidden; }.panel-heading { padding: 14px 17px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 12px; }
.opportunity-list { max-height: calc(100vh - 215px); overflow: auto; }.opportunity-card { width: 100%; padding: 17px; display: block; text-align: left; color: inherit; background: white; border: 0; border-bottom: 1px solid var(--line); }.opportunity-card:hover, .opportunity-card.active { background: #faf7f0; }.card-top { display: flex; justify-content: space-between; gap: 10px; }.platform { font-weight: 850; font-size: 12px; }.score { min-width: 38px; padding: 4px 7px; color: #77500e; background: var(--amber-soft); border-radius: 6px; font-size: 12px; text-align: center; }.source-snippet { margin: 11px 0; color: #3d485c; line-height: 1.45; font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }.card-meta { display: flex; justify-content: space-between; color: #8992a2; font-size: 11px; }
.card-target { margin: -2px 0 7px; color: #77500e; font-size: 10px; font-weight: 750; }
.card-source { margin:-2px 0 7px; color:var(--muted); font-size:10px; }
.recommend-mark { margin-left: 5px; padding: 2px 5px; border-radius: 999px; color: #77500e; background: var(--amber-soft); font-size: 9px; }
.opportunity-trace { margin-top: 10px; padding: 10px 12px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 9px; color: var(--muted); background: #f7f4ec; border-radius: 9px; font-size: 11px; }.opportunity-trace span, .opportunity-trace b { display: block; }.opportunity-trace b { margin-bottom: 3px; color: #77500e; }.opportunity-trace i { color: #a6afbd; font-style: normal; }
.detail-panel { min-height: 520px; padding: 24px; }.detail-empty { min-height: 470px; display: grid; place-items: center; color: var(--muted); text-align: center; }.detail-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }.detail-top h2 { margin: 4px 0 6px; font: 700 22px Georgia, serif; }.badges { display: flex; gap: 7px; flex-wrap: wrap; }.badge { padding: 4px 8px; border-radius: 999px; color: #59657a; background: #eff1f4; font-size: 11px; font-weight: 700; }.badge.risk-low { color: var(--green); background: #e6f4ef; }.source-box, .strategy-box { margin-top: 20px; padding: 16px; border-radius: 10px; }.source-box { background: #f6f7f8; }.source-box p { margin: 8px 0 0; line-height: 1.65; white-space: pre-wrap; }.strategy-box { border-left: 3px solid var(--amber); background: var(--amber-soft); }.strategy-box h3, .draft-section h3 { margin: 0 0 8px; font-size: 14px; }.strategy-box p { margin: 0; color: #705834; font-size: 13px; line-height: 1.55; }
.detail-admin-actions { min-width:0; max-width:68%; margin-left:auto; display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end; }.detail-admin-actions button { flex:0 0 auto; white-space:nowrap; }.detail-admin-actions select { min-width:260px; max-width:100%; flex:1 1 320px; padding:9px; border:1px solid var(--line); border-radius:8px; background:white; }.detail-top>div:first-child { min-width:0; }
.section-head { margin-top: 24px; display: flex; justify-content: space-between; align-items: center; }.draft-list { display: grid; gap: 11px; margin-top: 12px; }.draft-card { padding: 14px; border: 1px solid var(--line); border-radius: 10px; }.draft-card.selected { border-color: var(--green); box-shadow: inset 3px 0 var(--green); }.draft-head { display: flex; justify-content: space-between; margin-bottom: 8px; color: var(--muted); font-size: 11px; }.draft-card textarea { width: 100%; min-height: 86px; resize: vertical; padding: 10px; border: 1px solid transparent; border-radius: 7px; background: #f7f8f9; line-height: 1.5; }.draft-card textarea:focus { outline: none; border-color: var(--amber); background: white; }.draft-actions { margin-top: 9px; display: flex; gap: 8px; justify-content: flex-end; }.draft-actions button { padding: 7px 10px; font-size: 12px; }.quality-ok { color: var(--green); }.quality-blocked { color: var(--red); }
.feedback-actions { display: flex; gap: 12px; margin-top: 12px; }.feedback-actions .text-button { color: #705834; text-decoration: underline; }.strategy-box > small { display: block; margin-top: 9px; color: #8a6f47; }
.badge.recommended { color: #77500e; background: var(--amber-soft); }.target-options { margin-top: 14px; padding: 15px; border: 1px solid #eadbbd; border-radius: 10px; background: #fffdf8; }.target-options h3 { margin: 0 0 4px; font-size: 14px; }.target-options small { color: var(--muted); line-height: 1.5; }.target-option-list { margin-top: 11px; display: grid; gap: 7px; }.target-option { padding: 10px 12px; display: flex; justify-content: space-between; gap: 10px; border: 1px solid var(--line); border-radius: 8px; color: #536076; background: white; text-align: left; cursor: pointer; }.target-option.active { border-color: var(--amber); background: var(--amber-soft); }.target-option span { font-size: 11px; }
.strategy-box ul { margin: 10px 0 0; padding-left: 18px; color: #705834; font-size: 12px; line-height: 1.6; }
.publish-box { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }.publish-actions { display: flex; gap: 9px; flex-wrap: wrap; }.publication-note { margin-top: 9px; color: var(--muted); font-size: 12px; }.empty-list { padding: 45px 20px; color: var(--muted); text-align: center; }
.outcome-summary { margin-top: 12px; display: flex; gap: 10px; flex-wrap: wrap; color: var(--muted); font-size: 12px; }.outcome-summary b { color: var(--ink); }
.followup-list { margin-top: 12px; display: grid; gap: 6px; }.followup-list > div { padding: 8px 10px; display: flex; justify-content: space-between; gap: 10px; background: #f6f7f8; border-radius: 8px; font-size: 12px; }.followup-list .text-button { color: var(--green); }
.toast { position: fixed; z-index: 30; right: 24px; top: 20px; max-width: 360px; padding: 12px 15px; color: white; background: var(--navy); border-radius: 8px; box-shadow: 0 10px 35px #111b2e33; opacity: 0; pointer-events: none; transform: translateY(-8px); transition: .2s; }.toast.show { opacity: 1; transform: none; }.toast.error { background: var(--red); }
.management-grid { margin-top: 24px; display: grid; grid-template-columns: minmax(360px, 1fr) minmax(380px, 1.2fr); gap: 18px; align-items: start; }.settings-panel { padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.settings-panel h2, dialog h2 { margin: 0; font: 700 19px Georgia, serif; }.settings-panel > select { width: 100%; margin: 17px 0 4px; }.settings-form { display: grid; gap: 13px; margin-top: 17px; }.settings-form label { display: grid; gap: 6px; color: #536076; font-size: 12px; font-weight: 700; }.settings-form input, .settings-form textarea, .settings-form select, .settings-panel > select { padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }.settings-form textarea { min-height: 72px; resize: vertical; }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.job-list { margin-top: 15px; display: grid; gap: 10px; }.job-card { padding: 14px; border: 1px solid var(--line); border-radius: 10px; }.job-card header { display: flex; justify-content: space-between; gap: 10px; }.job-card h3 { margin: 0 0 5px; font-size: 14px; }.job-card p { margin: 8px 0; color: var(--muted); font: 12px/1.5 ui-monospace, monospace; overflow-wrap: anywhere; }.job-actions { display: flex; gap: 7px; justify-content: flex-end; }.job-actions button { padding: 7px 9px; font-size: 11px; }dialog { width: min(520px, calc(100% - 32px)); padding: 22px; border: 0; border-radius: 14px; box-shadow: 0 25px 80px #111b2e55; }dialog::backdrop { background: #111b2e88; }.readonly-note { padding: 10px; color: var(--muted); background: #f4f5f6; border-radius: 8px; font-size: 12px; }
.operations-strip { margin-top: 20px; padding: 12px 15px; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.operations-metrics { display: flex; gap: 18px; flex-wrap: wrap; color: var(--muted); font-size: 12px; }.operations-metrics b { margin-left: 4px; color: var(--ink); }
.setup-flow { margin-top: 20px; padding: 16px 18px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 14px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.setup-flow > div { display: flex; gap: 11px; align-items: center; }.setup-flow b { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; color: #77500e; background: var(--amber-soft); border-radius: 50%; }.setup-flow strong, .setup-flow small { display: block; }.setup-flow strong { font-size: 13px; }.setup-flow small, .panel-intro, .dialog-intro, .settings-form label > small { color: var(--muted); font-weight: 400; line-height: 1.45; }.setup-flow i { color: #a6afbd; font-style: normal; }.panel-intro { margin: 9px 0 0; font-size: 12px; }.dialog-intro { margin: 8px 0 0; font-size: 12px; }.advanced-settings { padding: 11px 12px; background: #f6f7f8; border-radius: 8px; }.advanced-settings summary { cursor: pointer; color: #536076; font-size: 12px; font-weight: 750; }.advanced-settings p { color: var(--muted); font-size: 11px; }.advanced-settings label { margin-top: 10px; }
.connector-list { margin-top: 15px; display: grid; gap: 6px; }.connector-row { display: grid; grid-template-columns: 90px 70px 1fr; gap: 8px; align-items: center; padding: 8px 10px; background: #f6f7f8; border-radius: 8px; font-size: 12px; }.connector-row small { color: var(--muted); }.badge.ready { color: var(--green); background: #e6f4ef; }.badge.unconfigured, .run-error { color: var(--red); }.run-error { display: block; margin: 6px 0; font-size: 11px; }
.run-history { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }.run-history > div { display: grid; grid-template-columns: 1.5fr .8fr .7fr .7fr; gap: 6px; padding: 5px 0; }.run-history b { color: var(--ink); }.run-history em { grid-column: 1 / -1; color: var(--red); font-style: normal; }
.metric-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }.metric-grid article { padding: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.metric-grid small, .metric-grid b { display: block; }.metric-grid small { color: var(--muted); }.metric-grid b { margin-top: 7px; font: 700 26px ui-sans-serif,sans-serif; letter-spacing:-.03em; }.analytics-grid { margin-top: 14px; display: grid; gap: 12px; align-items:start; }.analytics-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }.analytics-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }.analytics-table { margin-top: 12px; overflow-x:auto; }.analytics-row { min-width:480px; display: grid; grid-template-columns: minmax(130px, 1.5fr) repeat(4, minmax(64px, .6fr)); gap: 8px; padding: 9px 5px; border-bottom: 1px solid var(--line); font-size: 12px; }.analytics-row span { text-align: right; }.analytics-head { color: var(--muted); font-size: 11px; }.analytics-head span:first-child { text-align: left; }
.workspace-intro { margin:7px 0 0; color:var(--muted); font-size:12px; }.analytics-tabs { margin-top:20px; padding:3px; display:inline-flex; gap:2px; background:#f4f4f5; border-radius:8px; }.analytics-tabs button { padding:8px 14px; color:var(--muted); background:transparent; border:0; border-radius:6px; font-size:12px; font-weight:650; }.analytics-tabs button.active { color:var(--ink); background:#fff; box-shadow:0 1px 3px #00000014; }.analytics-view { margin-top:4px; }.analytics-section-heading { margin-top:26px; padding-bottom:10px; display:flex; align-items:end; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }.analytics-section-heading h2 { margin:0; font-size:17px; }.analytics-section-heading p { margin:5px 0 0; color:var(--muted); font-size:12px; }.analytics-section-heading label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }.analytics-section-heading select { padding:7px 28px 7px 9px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.inbox-list { margin-top: 24px; display: grid; gap: 10px; }.inbox-card { width: 100%; padding: 16px 18px; text-align: left; color: inherit; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.inbox-card:hover { border-color: var(--amber); }.inbox-card > div { display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; }.inbox-card h3 { margin: 10px 0 6px; font-size: 14px; }.inbox-card p { margin: 0; color: var(--muted); line-height: 1.5; }
.author-summary summary { display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; list-style:none; }.author-summary summary::-webkit-details-marker { display:none; }.author-summary summary span:first-child { display:grid; gap:4px; }.author-summary summary small { color:var(--muted); font-weight:400; }.author-metrics { margin-top:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.author-metrics span { padding:10px; border:1px solid var(--line); border-radius:7px; color:var(--muted); font-size:11px; }.author-metrics b { display:block; margin-top:3px; color:var(--ink); font-size:15px; }
@media (max-width: 980px) { .content-grid, .management-grid { grid-template-columns: 1fr; }.setup-flow { grid-template-columns: 1fr; }.setup-flow > i { display: none; }.metric-grid { grid-template-columns: repeat(2, 1fr); }.analytics-grid-2,.analytics-grid-3 { grid-template-columns:1fr; }.opportunity-list { max-height: 380px; }.score-filter { margin-left: 0; } }
@media (max-width: 720px) { .login-view { grid-template-columns: 1fr; }.login-panel { width: min(420px, 86%); }.login-aside { display: none; }.app-view { display: block; }.sidebar { position: static; width: 100%; height: auto; flex-direction: row; align-items: center; }.sidebar nav { display: none; }.sidebar-foot { margin: 0 0 0 auto; padding: 0; border: 0; display: flex; gap: 12px; align-items: center; }.workspace { padding: 22px 16px; }.content-grid { grid-template-columns: 1fr; }.detail-panel { padding: 18px; } }
.evaluation-fields { margin: 12px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.evaluation-fields label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.evaluation-fields select, .evaluation-fields textarea, .evaluation-fields input { width: 100%; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.evaluation-fields .wide { grid-column: 1 / -1; }
.evaluation-fields textarea { min-height: 58px; resize: vertical; }
.evaluation-fields .field-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.evaluation-tabs { margin-bottom: 20px; display: inline-flex; padding: 3px; background: #f4f4f5; border-radius: 8px; }.evaluation-tabs button { padding: 8px 13px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; font-size: 12px; font-weight: 650; }.evaluation-tabs button.active { color: var(--ink); background: white; box-shadow: 0 1px 3px #00000014; }
.evaluation-runtime { margin: 14px 0 10px; padding: 12px 14px; display: grid; gap: 4px; color: var(--muted); background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; font-size: 12px; }.evaluation-runtime b { color: var(--ink); }.evaluation-runtime code { color: #3f3f46; }
#evaluation-panel.reply-mode .strategy-evaluation-only, #evaluation-panel.strategy-mode .reply-evaluation-only { display: none !important; }
#evaluation-panel.reply-mode .strategy-label-fields, #evaluation-panel.strategy-mode .reply-sample-fields { display: none !important; }
#evaluation-panel.reply-mode .evaluation-fields label:has(.annotation-engage), #evaluation-panel.reply-mode .evaluation-fields label:has(.annotation-strategy), #evaluation-panel.reply-mode .evaluation-fields label:has(.annotation-risk) { display: none; }
#evaluation-panel.strategy-mode .evaluation-fields label:has(.annotation-reference-reply), #evaluation-panel.strategy-mode .evaluation-fields label:has(.annotation-quality), #evaluation-panel.strategy-mode .evaluation-fields label:has(.annotation-target-name), #evaluation-panel.strategy-mode .evaluation-fields label:has(.annotation-target-audience), #evaluation-panel.strategy-mode .evaluation-fields label:has(.annotation-target-value), #evaluation-panel.strategy-mode .evaluation-fields label:has(.annotation-keywords), #evaluation-panel.strategy-mode .evaluation-fields label:has(.annotation-direction), #evaluation-panel.strategy-mode .evaluation-fields .field-note { display:none; }
.strategy-context { margin:10px 0; padding:9px 11px; color:var(--muted); background:#fafafa; border:1px solid var(--line); border-radius:7px; font-size:11px; }.strategy-context summary { cursor:pointer; font-weight:650; }.strategy-context p { margin:7px 0 0; font-family:inherit; }.reply-mode .strategy-context { display:none; }
.evaluation-toolbar { margin-top: 12px; display: grid; grid-template-columns: 120px 120px 1fr; gap: 8px; }
.evaluation-toolbar select, .evaluation-toolbar input { min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.evaluation-pager { margin-top: 9px; display: flex; justify-content: space-between; align-items: center; color: var(--muted); }
.evaluation-pager div { display: flex; gap: 6px; }.evaluation-pager button { padding: 6px 9px; font-size: 11px; }
.evaluation-diagnostics { margin-top: 10px; }.evaluation-diagnostics h3 { margin: 0 0 7px; font-size: 12px; }.evaluation-diagnostics article { padding: 8px 10px; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); background: #fff8ed; font-size: 11px; }.evaluation-diagnostics article div { display: grid; gap: 3px; }.evaluation-diagnostics article span { color: var(--red); }.evaluation-diagnostics article small { color: var(--muted); text-align: right; }
.annotation-history-panel { margin-top: 9px; padding-top: 7px; border-top: 1px solid var(--line); }.annotation-history-panel > div { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; padding: 6px 0; font-size: 11px; }.annotation-history-panel time { color: var(--muted); }.annotation-history-panel span { grid-column: 1 / -1; color: var(--muted); }
.evaluation-comparison { margin-top: 9px; display: flex; gap: 9px; align-items: center; flex-wrap: wrap; font-size: 11px; }.evaluation-comparison span { padding: 5px 7px; background: #f4f5f6; border-radius: 6px; }.evaluation-comparison small { color: var(--muted); }
.evaluation-run-picker { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr auto auto auto; gap: 8px; align-items: end; }.evaluation-run-picker label { display: grid; gap: 4px; color: var(--muted); font-size: 11px; }.evaluation-run-picker select { min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: white; }.evaluation-run-history { margin-top: 10px; }.evaluation-run-history h3 { margin: 0 0 6px; font-size: 12px; }.evaluation-run-history > div { display: grid; grid-template-columns: 1.5fr 1fr .7fr .8fr; gap: 8px; padding: 6px 4px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; }.evaluation-run-history code, .evaluation-run-history span { color: var(--ink); }
.evaluation-comparison-cases { display: grid; gap: 6px; margin-top: 8px; }.evaluation-comparison-cases article { padding: 9px 10px; display: flex; justify-content: space-between; gap: 12px; border-left: 3px solid var(--green); background: #f3faf7; font-size: 11px; }.evaluation-comparison-cases article.regression { border-color: var(--red); background: #fff4f5; }.evaluation-comparison-cases article div { display: grid; gap: 3px; }.evaluation-comparison-cases article small { color: var(--muted); }.evaluation-comparison-cases .text-button { color: var(--ink); white-space: nowrap; }
.evaluation-tuning-tasks { margin-top: 10px; }.evaluation-tuning-tasks h3 { margin: 0 0 6px; font-size: 12px; }.evaluation-tuning-tasks article { padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); font-size: 11px; }.evaluation-tuning-tasks article > div { display: grid; gap: 3px; }.evaluation-tuning-tasks small { color: var(--muted); }

/* shadcn-inspired neutral operations shell — preset b1PzeK */
:root { --ink:#09090b; --muted:#71717a; --line:#e4e4e7; --canvas:#fafafa; --paper:#fff; --navy:#fff; --navy-soft:#f4f4f5; --amber:#18181b; --amber-soft:#f4f4f5; --green:#15803d; --red:#dc2626; --radius:9px; }
body { color:var(--ink); background:var(--canvas); font-size:14px; }.app-view { grid-template-columns:244px minmax(0,1fr); }
.sidebar { padding:18px 12px; color:var(--ink); background:#fff; border-right:1px solid var(--line); }.brand { padding:0 8px 22px; }.brand-mark.small { width:32px; height:32px; color:#fff; background:#18181b; border-radius:7px; font:700 14px ui-sans-serif,sans-serif; }.brand b { font-size:14px; }.brand span { color:#a1a1aa; font-size:9px; }
.sidebar nav { gap:3px; }.nav-item { gap:10px; padding:9px 10px; color:#52525b; border-radius:6px; font-size:13px; font-weight:500; }.nav-item:hover { color:#18181b; background:#f4f4f5; }.nav-item.active { color:#09090b; background:#f4f4f5; font-weight:650; }.nav-group { margin:10px 0 4px; padding-top:9px; border-top:1px solid #f1f1f2; }.nav-primary-group { margin-top:0; padding-top:0; border-top:0; }.nav-group-title { padding:5px 10px; color:#a1a1aa; }.nav-subitem { padding-left:12px; }.nav-badge { color:#fff; background:#18181b; }.sidebar-foot { border-color:#e4e4e7; }.user-card span,.text-button { color:#71717a; }
.management-nav-collapsible { margin-top:2px; }.nav-collapse-toggle { width:100%; }.nav-collapse-toggle b { font-weight:inherit; }.nav-collapse-toggle i { margin-left:auto; font-size:12px; font-style:normal; transition:transform .16s ease; }.nav-collapse-toggle.expanded { color:#09090b; background:#f4f4f5; font-weight:650; }.nav-collapse-toggle.expanded i { transform:rotate(180deg); }.nav-group-items { display:grid; gap:3px; }.nav-config-items { margin:4px 0 2px 20px; padding-left:7px; border-left:1px solid #e4e4e7; }.nav-config-items .nav-item { padding-left:9px; }
.workspace { padding:28px 36px 44px; }.workspace-header { padding-bottom:20px; border-bottom:1px solid var(--line); }.workspace-header h1 { font:650 24px/1.2 ui-sans-serif,sans-serif; letter-spacing:-.025em; }.eyebrow { margin-bottom:6px; color:#71717a; font-size:10px; letter-spacing:.12em; }
.primary-button,.secondary-button,.danger-button { min-height:36px; padding:8px 13px; border:1px solid transparent; border-radius:6px; font-size:12px; font-weight:600; box-shadow:0 1px 2px #0000000a; }.primary-button { color:#fff; background:#18181b; }.primary-button:hover { background:#27272a; }.secondary-button { color:#18181b; background:#fff; border-color:#e4e4e7; }.secondary-button:hover { background:#f4f4f5; }
.filter-bar { margin:20px 0 16px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:8px; }.filter-bar select { padding:8px 30px 8px 10px; border-radius:6px; font-size:12px; }
.content-grid { grid-template-columns:minmax(320px,36%) minmax(520px,1fr); gap:14px; }.queue-panel,.detail-panel,.settings-panel { border-color:var(--line); border-radius:9px; box-shadow:0 1px 2px #00000008; }.panel-heading { padding:12px 15px; background:#fafafa; font-size:11px; }.opportunity-card { padding:15px; }.opportunity-card:hover,.opportunity-card.active { background:#fafafa; }.opportunity-card.active { box-shadow:inset 3px 0 #18181b; }.score { color:#18181b; background:#f4f4f5; border:1px solid #e4e4e7; }.card-target { color:#52525b; }.recommend-mark { color:#18181b; background:#e4e4e7; }
.detail-panel { padding:22px; }.detail-top h2 { font:650 20px ui-sans-serif,sans-serif; }.badge { color:#52525b; background:#f4f4f5; border:1px solid #e4e4e7; font-weight:600; }.badge.recommended { color:#fff; background:#18181b; border-color:#18181b; }.source-box,.strategy-box,.target-options,.draft-section,.publish-box { margin-top:14px; border:1px solid var(--line); border-radius:8px; background:#fff; }.source-box,.strategy-box,.target-options { padding:14px; }.source-box { background:#fafafa; }.strategy-box { border-left:1px solid var(--line); }.strategy-box p { color:#3f3f46; }.strategy-box>small,.strategy-box ul { color:#71717a; }.opportunity-trace { background:#fafafa; border:1px solid var(--line); }.opportunity-trace b { color:#3f3f46; }.target-options { background:#fff; }.target-option { border-radius:6px; }.target-option.active { border-color:#18181b; background:#fafafa; box-shadow:0 0 0 1px #18181b; }
.draft-section,.publish-box { padding:16px; }.draft-card { border-radius:7px; box-shadow:none; }.draft-card.selected { border-color:#18181b; }.draft-card textarea { border-color:#e4e4e7; border-radius:6px; }.setup-flow { background:#fff; border-radius:9px; }.setup-flow b { color:#fff; background:#18181b; }.operations-strip { border-radius:8px; }.management-grid { max-width:960px; grid-template-columns:minmax(0,1fr); }.settings-panel { padding:20px; }.settings-panel h2,dialog h2 { font:650 17px ui-sans-serif,sans-serif; }.settings-form input,.settings-form textarea,.settings-form select,.settings-panel>select { border-radius:6px; outline:none; }.settings-form input:focus,.settings-form textarea:focus,.settings-form select:focus { border-color:#a1a1aa; box-shadow:0 0 0 3px #f4f4f5; }.job-card { border-radius:7px; background:#fff; }.readonly-note,.advanced-settings { background:#fafafa; border:1px solid #e4e4e7; }dialog { border:1px solid var(--line); border-radius:10px; box-shadow:0 24px 70px #0003; }dialog::backdrop { background:#09090b66; }
@media (max-width:980px) { .app-view { grid-template-columns:210px minmax(0,1fr); }.workspace { padding:22px; }.content-grid { grid-template-columns:1fr; } }
.dialog-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:4px; }.dialog-header h2 { margin:0; }.dialog-header .dialog-intro { margin:6px 0 0; }.dialog-close { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; padding:0; color:#71717a; background:transparent; border:0; border-radius:6px; font-size:22px; line-height:1; }.dialog-close:hover { color:#09090b; background:#f4f4f5; }.dialog-close:focus-visible { outline:2px solid #18181b; outline-offset:2px; }
.product-row p { color:#52525b; font:12px/1.55 ui-sans-serif,sans-serif; }.product-summary { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }.product-summary span { padding:4px 7px; color:#52525b; background:#fafafa; border:1px solid #e4e4e7; border-radius:5px; font-size:10px; }.strategy-explainer { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }.strategy-explainer>div { padding:14px; background:#fafafa; border:1px solid #e4e4e7; border-radius:7px; }.strategy-explainer b { font-size:12px; }.strategy-explainer p { margin:7px 0 0; color:#71717a; font-size:11px; line-height:1.6; }.subsection-title { margin:22px 0 8px; padding-top:18px; border-top:1px solid #e4e4e7; font-size:13px; }#product-dialog { width:min(680px,calc(100% - 32px)); }#product-dialog .settings-form { margin-top:0; }
@media (max-width:720px) { .strategy-explainer { grid-template-columns:1fr; } }
.data-table { margin-top:16px; overflow:hidden; border:1px solid #e4e4e7; border-radius:7px; }.data-row { min-height:64px; padding:11px 14px; display:grid; grid-template-columns:1.15fr 2fr 1.15fr .65fr auto; gap:16px; align-items:center; border-top:1px solid #e4e4e7; font-size:12px; }.data-row:first-child { border-top:0; }.data-row:hover:not(.data-head) { background:#fafafa; }.data-row>span { min-width:0; }.data-row b,.data-row small { display:block; }.data-row b { margin-bottom:4px; font-size:12px; }.data-row small { color:#71717a; line-height:1.45; }.data-head { min-height:38px; padding-top:8px; padding-bottom:8px; color:#71717a; background:#fafafa; font-size:10px; font-weight:650; text-transform:uppercase; letter-spacing:.04em; }.cell-description { overflow:hidden; color:#52525b; text-overflow:ellipsis; white-space:nowrap; }.status-dot { width:7px; height:7px; display:inline-block; margin-right:6px; background:#a1a1aa; border-radius:50%; }.status-dot.on { background:#22c55e; }.row-action,.row-actions { justify-self:end; }.row-actions { display:flex; align-items:center; gap:6px; }.row-actions .primary-button,.row-actions .secondary-button,.row-action .secondary-button { min-height:30px; padding:5px 9px; }.discovery-table .data-row { grid-template-columns:1.1fr .55fr 1.8fr .9fr auto; }.full-row { grid-column:1 / -1; }.connector-list { margin-top:16px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.connector-row { padding:10px 11px; display:grid; grid-template-columns:auto auto; gap:4px 8px; align-items:center; background:#fafafa; border:1px solid #e4e4e7; border-radius:6px; }.connector-row small { grid-column:1 / -1; }
@media (max-width:900px) { .data-head { display:none; }.data-row { grid-template-columns:1fr auto; gap:8px; }.data-row .cell-description { grid-column:1 / -1; white-space:normal; }.row-action,.row-actions { grid-column:1 / -1; justify-self:start; }.connector-list { grid-template-columns:1fr; } }

/* UI 2.2: full-width operations lists and explicit guidance */
.management-grid { width:100%; max-width:none; grid-template-columns:minmax(0,1fr); }
.management-panel { width:100%; min-width:0; }
.connector-row { gap:6px 8px; }
.connector-row .text-button { grid-column:1 / -1; justify-self:start; padding:2px 0; font-size:11px; }
.team-table .data-row { grid-template-columns:minmax(240px,1.6fr) minmax(100px,.7fr) minmax(120px,.8fr) minmax(90px,.6fr) 190px; }
.prompt-table .data-row { grid-template-columns:1fr .65fr 1fr 2fr auto; }
.target-option { grid-template-columns:16px minmax(0,1fr); align-items:center; }
.target-option-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:stretch; }
.target-option-row .target-option { width:100%; }
.target-option-row .switch-target-button { align-self:center; white-space:nowrap; }
.publication-result-card { margin-top:10px; padding:11px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #bfdbfe; border-radius:7px; background:var(--brand-blue-soft); }
.publication-result-card>div { display:grid; gap:3px; }.publication-result-card b { font-size:12px; }.publication-result-card small { color:var(--muted); }
.publication-result-card .published-reply-link { flex:0 0 auto; text-decoration:none; }
.target-radio { width:14px; height:14px; display:block; border:1px solid #a1a1aa; border-radius:50%; box-shadow:inset 0 0 0 3px #fff; background:#fff; }
.target-option.active .target-radio { border-color:#18181b; background:#18181b; }
.target-option-copy { min-width:0; display:grid; gap:4px; }
.target-option-copy b,.target-option-copy>span { display:block; }
.target-option-copy em { margin-left:5px; padding:2px 5px; color:#fff; background:#18181b; border-radius:4px; font-size:9px; font-style:normal; font-weight:650; }
.target-heading-actions { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.team-table .row-actions { width:190px; justify-content:flex-end; }
.strategy-flow { margin-top:16px; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:center; }
.strategy-flow span { min-height:78px; padding:14px; display:grid; gap:7px; align-content:center; background:#fafafa; border:1px solid var(--line); border-radius:7px; color:var(--muted); font-size:12px; line-height:1.5; }
.strategy-flow b { color:var(--ink); }
.strategy-flow i { color:#a1a1aa; font-style:normal; }
.advanced-strategy { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.advanced-strategy summary { cursor:pointer; font-weight:650; }
.advanced-strategy>p { color:var(--muted); font-size:12px; }
.source-comment-action { flex:none; font-size:10px; }
.reply-discovery-result { min-height:18px; margin-top:9px; padding:8px 10px; display:none; border-radius:6px; font-size:11px; line-height:1.5; }
.reply-discovery-result.loading,.reply-discovery-result.success,.reply-discovery-result.error { display:block; }
.reply-discovery-result.loading { color:#52525b; background:#fff; border:1px solid #e4e4e7; }
.reply-discovery-result.success { color:#166534; background:#f0fdf4; border:1px solid #bbf7d0; }
.reply-discovery-result.error { color:#991b1b; background:#fef2f2; border:1px solid #fecaca; }
.reply-discovery-result .text-button { margin-left:5px; color:inherit; text-decoration:underline; }
.connector-guide { color:#3f3f46; font-size:13px; line-height:1.65; }
.connector-guide ol { margin:16px 0; padding-left:22px; }
.connector-guide li { margin:8px 0; }
.connector-guide code { padding:2px 5px; background:#f4f4f5; border:1px solid #e4e4e7; border-radius:4px; }
.connector-warning { padding:11px 12px; background:#fffbeb; border:1px solid #fde68a; border-radius:6px; color:#854d0e; }
.batch-toolbar { margin-top:14px; padding:10px 12px; display:flex; align-items:center; gap:14px; background:#fafafa; border:1px solid var(--line); border-radius:7px; font-size:12px; }
.batch-toolbar label { display:flex; align-items:center; gap:7px; font-weight:600; }.batch-toolbar span { color:var(--muted); }.batch-toolbar button { margin-left:auto; }
.job-name-cell { display:flex; align-items:center; gap:10px; }.job-name-cell>span { min-width:0; }.job-select { width:15px; height:15px; flex:0 0 auto; }
#product-list .data-row { grid-template-columns:minmax(150px,1fr) minmax(165px,1.1fr) minmax(220px,1.6fr) minmax(135px,.85fr) 76px 70px; }
.discovery-table .data-row { padding-right:10px; padding-left:10px; grid-template-columns:minmax(130px,1fr) 56px 60px 92px minmax(145px,1.3fr) 90px minmax(205px,auto); gap:8px; }
.discovery-table .row-actions { min-width:205px; gap:5px; white-space:nowrap; }.discovery-table .row-actions button { flex:0 0 auto; padding-right:8px; padding-left:8px; }
.team-table .data-row { grid-template-columns:minmax(240px,1.6fr) 110px 130px 90px 190px; }
.account-section-head { margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.social-account-table .data-row { grid-template-columns:minmax(160px,1fr) minmax(220px,1.5fr) 110px 100px 80px 90px; }
#social-account-dialog { width:min(760px,calc(100% - 32px)); }
.industry-analysis-panel { margin:18px 0 24px; padding:18px; background:linear-gradient(145deg,#eff6ff,#fff 45%); border:1px solid #bfdbfe; border-radius:10px; }
.industry-analysis-panel .analytics-section-heading { margin:0 0 14px; }
.analysis-summary { padding:12px 14px; display:flex; justify-content:space-between; gap:14px; background:#fff; border:1px solid #dbeafe; border-radius:7px; }
.analysis-summary b { font-size:12px; line-height:1.55; }.analysis-summary small { flex:0 0 auto; color:var(--muted); font-size:10px; }
.analysis-groups { margin-top:12px; display:grid; gap:12px; }
.analysis-group { padding:12px; background:rgba(255,255,255,.64); border:1px solid #dbeafe; border-radius:8px; }
.analysis-group>header { margin-bottom:9px; display:flex; align-items:baseline; gap:9px; }.analysis-group>header b { color:#1e3a8a; font-size:12px; }.analysis-group>header small { color:var(--muted); font-size:10px; }
.analysis-group-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.analysis-finding { padding:14px; background:#fff; border:1px solid var(--line); border-left:3px solid var(--brand-blue); border-radius:7px; }
.analysis-finding.risk { border-left-color:#f59e0b; }.analysis-finding>div { display:flex; justify-content:space-between; color:var(--brand-blue-dark); font-size:10px; font-weight:700; }.analysis-finding>div small { color:var(--muted); font-weight:400; }
.analysis-finding h3 { margin:8px 0 6px; font-size:13px; }.analysis-finding p { margin:0; color:#52525b; font-size:11px; line-height:1.6; }.analysis-finding>b { margin-top:8px; display:block; color:#1e3a8a; font-size:10px; line-height:1.5; }
.analysis-finding details { margin-top:10px; padding-top:8px; border-top:1px solid var(--line); }.analysis-finding summary { color:#52525b; cursor:pointer; font-size:10px; }.analysis-finding details a { margin-top:7px; display:grid; color:var(--brand-blue-dark); font-size:10px; text-decoration:none; }.analysis-finding details a small { color:var(--muted); }
.assignment-account-hint { margin:0 0 10px; padding:10px 12px; display:grid; gap:3px; color:#1e3a8a; background:#eff6ff; border:1px solid #bfdbfe; border-radius:7px; font-size:10px; line-height:1.55; }.assignment-account-hint b { font-size:11px; }.assignment-account-hint span { color:#1e40af; }.assignment-account-hint small { color:#64748b; }
@media (max-width:900px) { .analysis-group-cards { grid-template-columns:1fr; }.analysis-summary,.analysis-group>header { align-items:flex-start; flex-direction:column; }.social-account-table .data-row { grid-template-columns:1fr auto; } }
.prompt-table .data-row { grid-template-columns:minmax(150px,1fr) 100px 150px minmax(260px,2fr) 220px; }
button:disabled { cursor:not-allowed; opacity:.42; filter:saturate(.2); box-shadow:none; }
button.is-pending { cursor:progress; opacity:.72; filter:none; }.is-pending::before { width:11px; height:11px; flex:none; display:inline-block; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; content:""; vertical-align:-2px; animation:pending-spin .7s linear infinite; }.control-pending-label { margin-left:7px; color:#1d4ed8; font-size:10px; font-weight:650; }.detail-admin-actions .control-pending-label { align-self:center; }@keyframes pending-spin { to { transform:rotate(360deg); } }
#discovery-operations { display:none!important; }
.platform-picker { margin:0; padding:12px; display:flex; align-items:center; gap:18px; border:1px solid var(--line); border-radius:7px; }.platform-picker legend { padding:0 5px; font-size:12px; font-weight:650; }.platform-picker label { display:flex; align-items:center; gap:7px; }.platform-picker input { width:15px; height:15px; }.platform-picker small { margin-left:auto; color:var(--muted); }
.hot-keyword-panel { margin-top:16px; padding:14px; border:1px solid var(--line); border-radius:8px; background:#fafafa; }.hot-keyword-panel h3 { margin:0 0 4px; font-size:13px; }.hot-keyword-panel small { color:var(--muted); }.hot-keyword-list { margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; }.hot-keyword { max-width:280px; padding:8px 10px; display:grid; gap:3px; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:7px; text-align:left; }.hot-keyword:hover { border-color:#18181b; }.hot-keyword b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.hot-keyword span { color:#18181b; font-size:11px; font-weight:650; }.hot-keyword small { font-size:9px; }
.discovery-filters { margin-top:16px; display:grid; grid-template-columns:minmax(210px,1fr) 130px 120px 140px auto; gap:8px; }.discovery-filters input,.discovery-filters select { min-width:0; padding:9px 10px; border:1px solid var(--line); border-radius:7px; background:#fff; }.filter-summary { display:block; margin-top:9px; color:var(--muted); }
@media (max-width:900px) {
  #product-list .data-row,.discovery-table .data-row,.team-table .data-row,.prompt-table .data-row { grid-template-columns:1fr auto; }
  .strategy-flow { grid-template-columns:1fr; }
  .strategy-flow i { display:none; }
  .discovery-filters { grid-template-columns:1fr 1fr; }
}

/* Blue visual theme: preserve copy and semantic success/error colors. */
:root { --brand-blue:#2563eb; --brand-blue-dark:#1d4ed8; --brand-blue-soft:#eff6ff; --amber:#2563eb; --amber-soft:#eff6ff; }
.brand-mark.small,.primary-button,.nav-badge,.badge.recommended,.setup-flow b,.target-option.active .target-radio,.target-option-copy em,.intro-section-title>span,.intro-flow article b { background:var(--brand-blue); }
.primary-button:hover { background:var(--brand-blue-dark); }
.opportunity-card.active { box-shadow:inset 3px 0 var(--brand-blue); }
.score,.recommend-mark { color:var(--brand-blue-dark); background:var(--brand-blue-soft); border-color:#bfdbfe; }
.target-option.active { border-color:var(--brand-blue); background:var(--brand-blue-soft); box-shadow:0 0 0 1px var(--brand-blue); }
.draft-card.selected,.hot-keyword:hover { border-color:var(--brand-blue); }
.dialog-close:focus-visible { outline-color:var(--brand-blue); }
.settings-form input:focus,.settings-form textarea:focus,.settings-form select:focus { border-color:#60a5fa; box-shadow:0 0 0 3px #dbeafe; }
.intro-hero { background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 58%,#3b82f6 100%); }
.intro-hero aside { background:#1e40af; border-color:#60a5fa; }
.intro-hero .primary-button { color:var(--brand-blue-dark); background:#fff; }
.intro-hero .primary-button:hover { background:#eff6ff; }
.intro-hero .secondary-button { border-color:#93c5fd; }

/* Keep every sidebar label on the same visual column. */
.sidebar .nav-item { align-items:center; padding-left:10px; }
.sidebar .nav-subitem { padding-left:10px; }
.sidebar .nav-item>span:first-child { width:18px; flex:0 0 18px; display:inline-grid; place-items:center; line-height:1; text-align:center; }
.sidebar nav { min-height:0; overflow-y:auto; scrollbar-width:thin; }
.intelligence-header { align-items:flex-start; }
.intelligence-view { margin-top:22px; }
.intelligence-filters { padding:12px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; background:#fff; border:1px solid var(--line); border-radius:8px; }
.intelligence-filters>input { flex:1 1 240px; }
.intelligence-filters input,.intelligence-filters select { min-width:0; padding:9px 10px; background:#fff; border:1px solid var(--line); border-radius:6px; }
.compact-check { display:flex; align-items:center; gap:7px; padding:0 8px; color:var(--muted); font-size:12px; white-space:nowrap; }
.intelligence-list { display:grid; gap:8px; }
.intelligence-item { padding:17px 18px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:0 1px 2px #00000008; }
.intelligence-item.is-read { background:#fcfcfc; }
.intelligence-item-main { min-width:0; }
.intelligence-item-meta { display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:var(--muted); font-size:10px; }
.intelligence-item-meta time { margin-left:auto; }
.intelligence-item h3 { margin:10px 0 7px; font-size:15px; line-height:1.45; }
.intelligence-title-link { color:inherit; text-decoration:none; }
.intelligence-title-link:hover { color:var(--brand-blue-dark); text-decoration:underline; text-underline-offset:3px; }
.intelligence-item p { margin:0; overflow:hidden; color:#52525b; font-size:12px; line-height:1.65; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.intelligence-item .translated-copy { margin-top:9px; padding:10px 12px; color:#3f3f46; background:#eff6ff; border-left:3px solid var(--brand-blue); border-radius:5px; display:block; -webkit-line-clamp:unset; }
.intelligence-item-side { min-width:205px; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; gap:16px; }
.importance { padding:5px 8px; color:#52525b; background:#f4f4f5; border:1px solid #e4e4e7; border-radius:5px; font-size:10px; font-weight:650; }
.importance-4,.importance-5 { color:var(--brand-blue-dark); background:var(--brand-blue-soft); border-color:#bfdbfe; }
.intelligence-tags { margin-top:10px; display:flex; gap:5px; flex-wrap:wrap; }
.intelligence-tags span { padding:3px 6px; color:#52525b; background:#f4f4f5; border-radius:4px; font-size:9px; }
.why-it-matters { margin-top:10px; display:block; color:#3f3f46; line-height:1.55; }
.intelligence-date-divider { margin:14px 0 2px; display:flex; align-items:center; gap:10px; color:#52525b; font-size:12px; font-weight:700; }
.intelligence-date-divider::after { height:1px; flex:1; background:var(--line); content:""; }
.intelligence-summary-button { width:100%; padding:15px; color:inherit; background:transparent; border:0; text-align:left; cursor:pointer; }
.metric-grid article:has(.intelligence-summary-button) { padding:0; }
.metric-grid article:has(.intelligence-summary-button):hover { border-color:#93c5fd; background:#eff6ff; }
.intelligence-settings-grid { display:grid; grid-template-columns:minmax(360px,.75fr) minmax(520px,1.25fr); gap:14px; align-items:start; }
.intelligence-source-groups { display:grid; gap:14px; }
.source-list { margin-top:14px; display:grid; gap:0; border:1px solid var(--line); border-radius:7px; overflow:hidden; }
.source-row { min-height:70px; padding:11px 13px; display:grid; grid-template-columns:minmax(190px,1.35fr) 100px minmax(170px,1fr); gap:9px 12px; align-items:center; border-top:1px solid var(--line); }
.source-row:first-child { border-top:0; }
.source-row>div:first-child b,.source-row>div:first-child small { display:block; }
.source-row small { color:var(--muted); font-size:10px; line-height:1.5; }
.source-row>.row-actions { grid-column:1 / -1; justify-content:flex-end; }
.leaderboard-dimensions { margin:8px 0; display:flex; gap:6px; flex-wrap:wrap; }
.leaderboard-sync-bar { margin:10px 0 2px; padding:9px 11px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #dbeafe; border-radius:8px; background:#f8fbff; }
.leaderboard-sync-bar > div { display:flex; align-items:baseline; gap:10px; min-width:0; }
.leaderboard-sync-bar b { color:#1e3a8a; font-size:12px; white-space:nowrap; }
.leaderboard-sync-bar small { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.leaderboard-source-strip { margin-top:10px; padding-bottom:8px; display:flex; gap:4px; overflow-x:auto; border-bottom:1px solid var(--line); }
.leaderboard-source-tab { padding:7px 10px; display:flex; align-items:center; gap:7px; flex:none; color:#52525b; background:transparent; border:0; border-radius:6px; font-size:11px; }
.leaderboard-source-tab small { color:var(--muted); font-size:8px; }
.leaderboard-source-tab:hover { color:var(--brand-blue-dark); background:#eff6ff; }
.leaderboard-source-tab.active { color:#fff; background:var(--brand-blue); }
.leaderboard-source-tab.active small { color:#dbeafe; }
.leaderboard-dimensions button { padding:8px 13px; color:#52525b; background:#fff; border:1px solid var(--line); border-radius:7px; font-size:11px; font-weight:650; }
.leaderboard-dimensions a { padding:8px 13px; color:#52525b; background:#fafafa; border:1px dashed var(--line); border-radius:7px; font-size:11px; font-weight:650; text-decoration:none; }
.leaderboard-dimensions a small { margin-left:5px; color:var(--muted); font-size:8px; }
.leaderboard-dimensions a:hover { color:var(--brand-blue-dark); border-color:#93c5fd; background:#eff6ff; }
.leaderboard-dimensions button:hover { color:var(--brand-blue-dark); border-color:#93c5fd; background:#eff6ff; }
.leaderboard-dimensions button.active { color:#fff; border-color:var(--brand-blue); background:var(--brand-blue); }
.leaderboard-grid { display:grid; grid-template-columns:1fr; gap:14px; }
.leaderboard-panel { min-width:0; padding:14px; }
.leaderboard-panel .section-head { margin-top:0; }
.leaderboard-facts { margin:9px 0 8px; padding:7px 10px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; background:#f8fafc; border:1px solid var(--line); border-radius:7px; }
.leaderboard-facts span { display:flex; align-items:baseline; gap:5px; }
.leaderboard-facts small,.leaderboard-scope { color:var(--muted); font-size:9px; }
.leaderboard-facts b { color:#18181b; font-size:11px; }
.leaderboard-scope { margin:0 0 12px; line-height:1.6; }
.leaderboard-metadata { margin:0 0 8px; border:1px solid var(--line); border-radius:7px; background:#fafcff; }
.leaderboard-metadata summary { padding:7px 10px; color:var(--brand-blue-dark); cursor:pointer; font-size:9px; font-weight:650; }
.leaderboard-metadata>div { padding:0 12px 11px; display:grid; gap:9px; }
.leaderboard-metadata section { display:grid; grid-template-columns:64px 1fr; gap:9px; align-items:start; }
.leaderboard-metadata section>b { padding-top:4px; color:#52525b; font-size:9px; }
.leaderboard-metadata section>span { display:flex; flex-wrap:wrap; gap:5px; }
.leaderboard-metadata section small { padding:3px 6px; color:#475569; background:#eff6ff; border-radius:4px; font-size:8px; }
.leaderboard-table { margin-top:8px; border:1px solid var(--line); border-radius:7px; overflow:hidden; }
.leaderboard-empty-source { padding:16px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.leaderboard-empty-source h2 { margin:0 0 5px; }
.leaderboard-empty-source p { margin:0 0 5px; color:#52525b; font-size:11px; line-height:1.55; }
.leaderboard-empty-source small { color:var(--muted); font-size:9px; }
.leaderboard-entry { border-top:1px solid var(--line); }
.leaderboard-row { min-height:48px; padding:8px 11px; display:grid; grid-template-columns:42px minmax(170px,1.5fr) minmax(85px,.7fr) minmax(105px,.8fr) minmax(70px,.6fr) minmax(120px,.9fr) 55px; gap:8px; align-items:center; font-size:11px; }
.leaderboard-row:first-child { border-top:0; }
.leaderboard-row span { min-width:0; overflow-wrap:anywhere; }
.leaderboard-row span>small,.leaderboard-model small { margin-top:2px; color:var(--muted); font-size:8px; white-space:normal; display:block; }
.leaderboard-model strong { display:block; }
.leaderboard-head { min-height:34px; color:var(--muted); background:#fafafa; font-size:9px; font-weight:650; }
.leaderboard-signals { padding:0 11px 10px 61px; display:flex; gap:6px; flex-wrap:wrap; }
.leaderboard-signals span { padding:5px 8px; background:#eff6ff; border-radius:5px; display:flex; align-items:center; gap:5px; }
.leaderboard-signals small { color:#64748b; font-size:8px; }
.leaderboard-signals b { color:var(--brand-blue-dark); font-size:9px; }
#intelligence-detail-dialog { width:min(680px,calc(100% - 32px)); }
#intelligence-detail-content { display:grid; gap:15px; color:#3f3f46; font-size:13px; line-height:1.7; }
#intelligence-detail-content section { padding:14px; background:#fafafa; border:1px solid var(--line); border-radius:7px; }
#intelligence-detail-content h3 { margin:0 0 6px; font-size:12px; }
#intelligence-detail-content p { margin:0; }
#intelligence-detail-content a.primary-button { width:max-content; margin-top:10px; display:inline-flex; text-decoration:none; }
.intelligence-detail-meta { display:flex; gap:8px; color:var(--muted); font-size:11px; }
@media (max-width:1100px) { .intelligence-settings-grid { grid-template-columns:1fr; }.intelligence-filters { grid-template-columns:1fr 1fr; }.source-row { grid-template-columns:1fr auto; }.source-row>small,.source-row>.row-actions { grid-column:1 / -1; } }
@media (max-width:720px) { .intelligence-item { grid-template-columns:1fr; }.intelligence-item-side { min-width:0; align-items:flex-start; }.intelligence-filters>* { flex:1 1 100%; }.leaderboard-facts { gap:7px 14px; }.leaderboard-row { grid-template-columns:32px minmax(0,1fr) 92px; }.leaderboard-row>*:nth-child(3),.leaderboard-row>*:nth-child(5),.leaderboard-row>*:nth-child(6),.leaderboard-row>*:nth-child(7) { display:none; }.leaderboard-signals { padding-left:43px; }.leaderboard-empty-source { align-items:flex-start; flex-direction:column; } }

.intelligence-context { margin-top:14px; padding:0; background:#fff; border:1px solid var(--line); border-radius:8px; }.intelligence-context.compact { padding:12px 14px; }.intelligence-context>summary { padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; }.intelligence-context>summary::-webkit-details-marker { display:none; }.intelligence-context>summary span:first-child { display:grid; gap:2px; }.intelligence-context>summary b { font-size:13px; }.intelligence-context>summary small { color:#71717a; font-size:10px; }.intelligence-context[open]>summary { border-bottom:1px solid var(--line); }.intelligence-context-body { padding:12px 14px 14px; }.context-explanation { margin:0; color:#71717a; font-size:10px; }
.intelligence-context h3,.intelligence-context h4 { margin:0; font-size:14px; }.intelligence-context h4 { margin-bottom:8px; color:#52525b; font-size:12px; }
.intelligence-context-search { margin:12px 0; display:flex; gap:7px; }.intelligence-context-search input { min-width:0; flex:1; padding:9px 10px; border:1px solid var(--line); border-radius:6px; }
.context-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.context-columns>div { min-width:0; padding:11px; background:#fafafa; border:1px solid #e4e4e7; border-radius:7px; }
.context-reference { margin-top:7px; padding:10px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; background:#fff; border:1px solid #e4e4e7; border-radius:6px; }.context-reference>div { min-width:0; }.context-reference a { color:#18181b; font-size:12px; font-weight:650; line-height:1.4; text-decoration:none; }.context-reference a:hover { color:var(--brand-blue-dark); text-decoration:underline; }.context-reference small,.context-reference p,.context-reference em { margin-top:4px; display:block; color:#71717a; font-size:10px; line-height:1.45; }.context-reference p { color:#52525b; }.context-reference em { color:#b45309; font-style:normal; }.context-reference button { flex:none; }
.context-warnings { margin-bottom:10px; display:grid; gap:4px; color:#b45309; font-size:10px; }.empty-reference,.no-reference-note { color:#71717a; font-size:11px; }.draft-generate-actions { display:flex; gap:7px; flex-wrap:wrap; }.draft-references { margin-top:9px; padding:8px 10px; background:#eff6ff; border-radius:6px; font-size:10px; }.draft-references summary { color:#1d4ed8; cursor:pointer; font-weight:650; }.draft-references a { margin-top:6px; display:block; color:#3f3f46; text-decoration:none; }.draft-references small { margin-left:5px; color:#71717a; }
.context-intro { display:flex; align-items:center; justify-content:space-between; gap:12px; }.context-intro .context-explanation { flex:1; }.draft-card.recommended { border-color:#93c5fd; box-shadow:inset 3px 0 #2563eb; }.draft-head>span:first-child { display:flex; align-items:center; gap:6px; }.draft-recommended { padding:3px 6px; color:#1d4ed8; background:#dbeafe; border-radius:999px; font-size:9px; }.draft-recommendation-reason { margin:0 0 7px; color:#1d4ed8; font-size:10px; }.draft-differences { margin-bottom:8px; display:flex; flex-wrap:wrap; gap:5px; }.draft-differences span { padding:3px 6px; color:#52525b; background:#f4f4f5; border-radius:999px; font-size:9px; }
@media (max-width:900px) { .context-columns { grid-template-columns:1fr; }.intelligence-context-search { flex-wrap:wrap; }.intelligence-context-search input { flex-basis:100%; }.context-intro { align-items:flex-start; flex-direction:column; } }
.draft-batches { display:grid; gap:9px; }.draft-batch { background:#fafafa; border:1px solid #e4e4e7; border-radius:7px; }.draft-batch>summary { padding:11px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; list-style:none; }.draft-batch>summary::-webkit-details-marker { display:none; }.draft-batch>summary span { display:grid; gap:2px; }.draft-batch>summary b { font-size:12px; }.draft-batch>summary small { color:#71717a; font-size:10px; }.draft-batch[open]>summary { border-bottom:1px solid #e4e4e7; }.draft-batch>.draft-list { padding:10px; }.draft-quality-details { margin:8px 0; padding:8px 10px; display:grid; gap:4px; color:#856404; background:#fffbeb; border:1px solid #fde68a; border-radius:6px; font-size:10px; }.draft-quality-details .blocking { color:#b42318; }.quality-warning { color:#a16207; }.delete-draft-batch:disabled { color:#a1a1aa; cursor:not-allowed; }
.primary-button.is-loading::before { width:12px; height:12px; display:inline-block; border:2px solid #ffffff66; border-top-color:#fff; border-radius:50%; animation:button-spin .8s linear infinite; content:""; }@keyframes button-spin { to { transform:rotate(360deg); } }
.detail-workflow-tabs { position:sticky; top:10px; z-index:3; margin-top:14px; padding:4px; display:grid; grid-template-columns:repeat(3,1fr); gap:4px; background:#f4f4f5; border:1px solid #e4e4e7; border-radius:9px; }.detail-workflow-tab { min-width:0; padding:9px 10px; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:8px; color:#71717a; background:transparent; border:0; border-radius:6px; text-align:left; cursor:pointer; }.detail-workflow-tab>i { width:24px; height:24px; display:grid; place-items:center; color:#71717a; background:#e4e4e7; border-radius:50%; font-size:10px; font-style:normal; font-weight:700; }.detail-workflow-tab>span { min-width:0; display:grid; gap:2px; }.detail-workflow-tab b { overflow:hidden; color:#52525b; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.detail-workflow-tab small { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.detail-workflow-tab>em { padding:3px 6px; color:#71717a; background:#fff; border-radius:999px; font-size:8px; font-style:normal; white-space:nowrap; }.detail-workflow-tab.active { color:#1d4ed8; background:#fff; box-shadow:0 1px 3px #00000012; }.detail-workflow-tab.active b { color:#1d4ed8; }.detail-workflow-tab.active>i { color:#fff; background:var(--brand-blue); }.detail-workflow-tab.completed>i { color:#fff; background:#16a34a; }.detail-workflow-tab.completed>em { color:#166534; background:#dcfce7; }
.detail-workflow-tab.locked { cursor:not-allowed; opacity:.58; }.detail-workflow-tab.locked>em { color:#71717a; background:#e4e4e7; }
.opportunity-source .source-actions { display:flex; align-items:center; gap:10px; }.opportunity-source .source-link-action { color:var(--brand-blue-dark); font-weight:650; text-decoration:none; }.opportunity-source .source-link-action:hover { text-decoration:underline; }.opportunity-source p.is-collapsed { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.detail-panel .target-options,.detail-panel .strategy-box,.detail-panel .intelligence-context,.detail-panel .draft-section,.detail-panel .publish-box { display:none; }.detail-view-decision .target-options,.detail-view-decision .strategy-box,.detail-view-compose .intelligence-context,.detail-view-compose .draft-section,.detail-view-publish .publish-box { display:block; }
.decision-support-label { display:none; margin:14px 2px 2px; align-items:center; justify-content:space-between; gap:12px; }.detail-view-decision .decision-support-label { display:flex; }.decision-support-label b { color:#3f3f46; font-size:11px; }.decision-support-label small { color:#71717a; font-size:9px; }
.draft-history { margin-top:9px; border:1px dashed #d4d4d8; border-radius:7px; }.draft-history>summary { padding:10px 12px; color:#52525b; font-size:11px; font-weight:650; cursor:pointer; }.draft-history>div { padding:0 9px 9px; display:grid; gap:7px; }.draft-history .draft-batch { background:#fff; }
.workflow-substep { margin-top:10px!important; padding:0!important; overflow:hidden; background:#fff!important; border:1px solid var(--line)!important; border-radius:8px!important; }.workflow-substep>summary,.workflow-substep>.substep-header { min-height:58px; padding:11px 13px!important; display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; background:#fafafa; }.workflow-substep>summary { cursor:pointer; }.workflow-substep>.substep-header { cursor:default; }.workflow-substep>summary::-webkit-details-marker { display:none; }.workflow-substep>summary .substep-state::after { margin-left:5px; display:inline-block; color:currentColor; content:"⌄"; transition:transform .16s ease; }.workflow-substep[open]>summary .substep-state::after { transform:rotate(180deg); }.workflow-substep[open]>summary { border-bottom:1px solid var(--line); }.substep-copy { min-width:0; display:grid!important; gap:3px!important; }.substep-copy>b { display:flex; align-items:center; gap:7px; color:#27272a; font-size:12px; }.substep-copy>b>i { width:20px; height:20px; display:inline-grid; place-items:center; color:#1d4ed8; background:#dbeafe; border-radius:50%; font-size:9px; font-style:normal; }.substep-copy>small { color:#71717a!important; font-size:10px; font-weight:400; }.substep-state { flex:none; padding:4px 7px; color:#71717a; background:#f4f4f5; border-radius:999px; font-size:9px; font-weight:650; }.substep-state.done { color:#166534; background:#dcfce7; }.substep-state.current { color:#1d4ed8; background:#dbeafe; }.substep-state.optional { color:#52525b; background:#e4e4e7; }.substep-state.pending { color:#71717a; background:#f4f4f5; }.workflow-substep-body { padding:13px; }.substep-actions { margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; gap:12px; }.draft-section.workflow-substep>.draft-generate-actions { padding:12px 13px 0; }.draft-section.workflow-substep>.draft-batches { padding:12px 13px 13px; }.publish-box.workflow-substep>.publish-actions,.publish-box.workflow-substep>.outcome-summary,.publish-box.workflow-substep>.followup-list,.publish-box.workflow-substep>.publication-note { margin-right:13px; margin-left:13px; }.publish-box.workflow-substep>.publication-note { margin-bottom:13px; }.strategy-box.workflow-substep p { margin-top:0; }.author-summary.workflow-substep .author-metrics { margin-top:0; }
.publish-flow { padding:12px; display:grid; gap:8px; }.publish-step { overflow:hidden; border:1px solid var(--line); border-radius:7px; background:#fff; }.publish-step-head { min-height:58px; padding:10px 12px; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:9px; }.publish-step-head>i { width:24px; height:24px; display:grid; place-items:center; color:#1d4ed8; background:#dbeafe; border-radius:50%; font-size:9px; font-style:normal; font-weight:700; }.publish-step-head>span { min-width:0; display:grid; gap:2px; }.publish-step-head b { color:#27272a; font-size:11px; }.publish-step-head small { color:#71717a; font-size:9px; }.publish-step-head em { padding:3px 6px; color:#1d4ed8; background:#eff6ff; border-radius:999px; font-size:8px; font-style:normal; font-weight:650; }.publish-step.done .publish-step-head>i { color:#fff; background:#16a34a; }.publish-step.done .publish-step-head em { color:#166534; background:#dcfce7; }.publish-step.locked { background:#fafafa; }.publish-step.locked .publish-step-head { opacity:.58; }.publish-step.locked .publish-step-head>i { color:#71717a; background:#e4e4e7; }.publish-step.locked .publish-step-head em { color:#71717a; background:#e4e4e7; }.publish-step-body { padding:11px 12px; border-top:1px solid var(--line); }.publish-step-body>small { margin-left:8px; color:#71717a; font-size:9px; }.publish-step-body .outcome-summary,.publish-step-body .followup-list { margin-top:10px; }
@media (max-width:900px) { .detail-workflow-tab { grid-template-columns:22px minmax(0,1fr); }.detail-workflow-tab>em { display:none; } }
@media (max-width:720px) { .detail-workflow-tabs { position:static; }.detail-workflow-tab { padding:8px; grid-template-columns:20px minmax(0,1fr); }.detail-workflow-tab>i { width:20px; height:20px; }.detail-workflow-tab small { display:none; }.substep-actions { align-items:flex-start; flex-direction:column; } }

/* UI 2.9: grounded product knowledge and operator-facing reply playbooks */
.config-filters { margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }.config-filters input,.config-filters select { min-height:36px; min-width:150px; padding:8px 10px; background:#fff; border:1px solid var(--line); border-radius:6px; }.config-filters input { min-width:240px; flex:1; }
.knowledge-table .data-row { grid-template-columns:minmax(220px,1.5fr) minmax(120px,.8fr) 110px minmax(190px,1.1fr) 100px auto; }.playbook-table .data-row { grid-template-columns:minmax(180px,1.1fr) minmax(150px,.9fr) minmax(260px,1.6fr) 110px 80px auto; }.knowledge-table a { margin-top:4px; display:block; color:var(--brand-blue-dark); font-size:10px; text-decoration:none; }
#knowledge-dialog,#playbook-dialog { width:min(720px,calc(100% - 32px)); }.check-row { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; justify-content:flex-start; gap:8px!important; }.check-row input { width:auto; margin:0; }.playbook-product-rules { margin:8px 0; display:grid; grid-template-columns:1fr 1fr; gap:7px; }.playbook-product-rules label { padding:7px 9px; display:flex; align-items:center; justify-content:space-between; gap:10px; background:#fafafa; border:1px solid var(--line); border-radius:6px; }.playbook-product-rules select { padding:5px 7px; }
.draft-configuration { margin:12px 13px 0; padding:10px 11px; display:flex; align-items:end; justify-content:space-between; gap:12px; background:#fafafa; border:1px solid var(--line); border-radius:7px; }.draft-configuration label { min-width:220px; display:grid; gap:5px; color:#52525b; font-size:10px; font-weight:650; }.draft-configuration select { padding:8px 9px; background:#fff; border:1px solid var(--line); border-radius:6px; }.draft-configuration>small { color:var(--muted); font-size:10px; }.generation-basis { margin:8px 13px 0; padding:9px 11px; display:grid; grid-template-columns:1fr 1fr; gap:5px 12px; background:#eff6ff; border:1px solid #bfdbfe; border-radius:7px; color:#475569; font-size:10px; }.generation-basis span { min-width:0; overflow-wrap:anywhere; }.generation-basis b { margin-right:6px; color:#1d4ed8; }.generation-basis small { grid-column:1 / -1; color:#64748b; }.generation-basis.pending { background:#fafafa; border-color:var(--line); }.generation-basis.pending b { color:#52525b; }
.draft-section.workflow-substep>.draft-configuration+.generation-basis+.draft-generate-actions,.draft-section.workflow-substep>.generation-basis+.draft-generate-actions { padding-top:10px; }
@media (max-width:900px) { .knowledge-table .data-row,.playbook-table .data-row { grid-template-columns:1fr auto; }.playbook-product-rules,.generation-basis { grid-template-columns:1fr; }.generation-basis small { grid-column:auto; }.draft-configuration { align-items:stretch; flex-direction:column; }.draft-configuration label { min-width:0; width:100%; } }

/* Reply generation: method and grounding sources share one configuration layer. */
.generation-configuration { margin:12px 13px 0; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#fff; }
.generation-configuration-head { padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fafafa; border-bottom:1px solid var(--line); }
.generation-configuration-head>div { display:grid; gap:2px; }.generation-configuration-head b { color:#27272a; font-size:12px; }.generation-configuration-head small,.generation-configuration-head>span { color:#71717a; font-size:9px; }
.generation-configuration-body { padding:10px; display:grid; gap:10px; }
.generation-config-section { padding:10px; background:#fafafa; border:1px solid #e4e4e7; border-radius:7px; }.generation-config-section>header { margin-bottom:8px; display:flex; align-items:baseline; gap:8px; }.generation-config-section>header b { color:#27272a; font-size:10px; }.generation-config-section>header small { color:#71717a; font-size:9px; }
.generation-input-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:stretch; }
.generation-input-card { min-width:0; min-height:112px; margin:0!important; padding:10px!important; display:flex; flex-direction:column; gap:8px; background:#fff!important; border:1px solid var(--line)!important; border-radius:7px!important; color:#3f3f46; }
.generation-input-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }.generation-input-title b,.generation-input-card>summary b { color:#27272a; font-size:11px; }.generation-input-title em,.generation-input-card>summary>em { padding:3px 6px; color:#1d4ed8; background:#eff6ff; border-radius:999px; font-size:8px; font-style:normal; font-weight:650; }
.generation-input-card select { width:100%; min-width:0; padding:8px 9px; background:#fff; border:1px solid var(--line); border-radius:6px; color:#27272a; font-size:10px; }.generation-input-card p { margin:0; color:#52525b; font-size:10px; line-height:1.45; }.generation-input-result { margin-top:auto; color:#71717a; font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
.generation-input-card.intelligence-context>summary { min-height:auto; padding:0; align-items:flex-start; }.generation-input-card.intelligence-context>summary span { display:grid; gap:3px; }.generation-input-card.intelligence-context>summary small { color:#52525b; font-size:9px; }.generation-input-card.intelligence-context>summary .generation-input-result { display:block; }.generation-input-card.intelligence-context[open] { grid-column:1 / -1; }.generation-input-card.intelligence-context[open]>summary { padding-bottom:9px; border-bottom:1px solid var(--line); }.generation-input-card.intelligence-context .intelligence-context-body { padding:4px 0 0; }
.candidate-results-head { margin:14px 13px 0; padding-top:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); }.candidate-results-head b { color:#27272a; font-size:12px; }.candidate-results-head small { color:#71717a; font-size:9px; }
.draft-section.workflow-substep>.generation-configuration+.draft-generate-actions { padding-top:10px; }
@media (max-width:900px) { .generation-input-grid { grid-template-columns:1fr; }.generation-input-card.intelligence-context[open] { grid-column:auto; }.generation-configuration-head,.generation-config-section>header { align-items:flex-start; flex-direction:column; } }
.intro-flow { grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; }.intro-flow>i { display:none; }.intro-equation { margin-top:24px; padding:24px; display:grid; gap:16px; background:#fff; border:1px solid var(--line); border-radius:10px; }.intro-equation>div { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }.intro-equation span { padding:9px 12px; color:#1d4ed8; background:#eff6ff; border:1px solid #bfdbfe; border-radius:7px; font-weight:650; }.intro-equation i { color:#94a3b8; font-style:normal; }.intro-equation>b { color:#fff; padding:12px 14px; background:var(--brand-blue); border-radius:7px; }.intro-equation>small { color:var(--muted); line-height:1.6; }
@media (max-width:1100px) { .intro-flow { grid-template-columns:repeat(2,1fr); } }
@media (max-width:720px) { .intro-flow { grid-template-columns:1fr; } }

/* UI 3.0: operational homepage. Read-only summaries link back to existing workflows. */
.home-workspace { max-width:1540px; margin:0 auto; }
.home-header { margin-bottom:18px; }
.home-header h1 { margin-bottom:5px; }
.home-header p:last-child { margin:0; color:var(--muted); font-size:12px; }
.home-window-label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; font-weight:650; }
.home-window-label select { min-height:36px; padding:7px 28px 7px 9px; color:#3f3f46; background:#fff; border:1px solid var(--line); border-radius:7px; }
.home-loading { display:grid; gap:15px; color:var(--muted); }
.home-loading-head { display:flex; align-items:center; gap:10px; }.home-loading-head b { color:#27272a; font-size:12px; }.home-loading-head p { margin:3px 0 0; font-size:10px; }
.loading-spinner { width:18px; height:18px; flex:0 0 18px; border:2px solid #dbeafe; border-top-color:var(--brand-blue); border-radius:50%; animation:home-spin .8s linear infinite; }
.home-skeleton { display:grid; gap:12px; }.home-skeleton-title { width:128px; height:13px; }.skeleton-line,.home-skeleton i { display:block; overflow:hidden; background:#eef0f3; border-radius:7px; position:relative; }.skeleton-line::after,.home-skeleton i::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,#ffffffb8,transparent); transform:translateX(-100%); animation:home-shimmer 1.35s ease-in-out infinite; }
.home-skeleton-action-layout { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr); gap:12px; }.home-skeleton-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.home-skeleton-actions i { height:92px; border:1px solid var(--line); }.home-skeleton-priority { padding:13px; display:grid; gap:7px; background:#fff; border:1px solid var(--line); border-radius:10px; }.home-skeleton-priority span { width:38%; height:12px; margin-bottom:3px; }.home-skeleton-priority i { height:34px; }
.home-skeleton-performance { padding:15px; display:grid; gap:10px; background:#f8fafc; border:1px solid #dbeafe; border-radius:11px; }.home-skeleton-performance>span { width:110px; height:13px; }.home-skeleton-performance>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }.home-skeleton-performance>div i { height:98px; background:#fff; border:1px solid var(--line); }.home-skeleton-performance>section { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr); gap:12px; }.home-skeleton-performance>section i { height:190px; background:#fff; border:1px solid var(--line); }
.home-loading-error { min-height:180px; padding:28px; display:grid; place-items:center; color:var(--muted); background:#fff; border:1px solid var(--line); border-radius:10px; text-align:center; }.home-loading-error b { color:#27272a; }.home-loading-error p { margin:6px 0 14px; }
@keyframes home-spin { to { transform:rotate(360deg); } } @keyframes home-shimmer { to { transform:translateX(100%); } }
@media (prefers-reduced-motion:reduce) { .loading-spinner,.skeleton-line::after,.home-skeleton i::after { animation:none; } }
.home-content { display:grid; gap:16px; }
.home-section { display:grid; gap:10px; }
.home-section-heading,.home-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.home-section-heading h2,.home-panel-head h2 { margin:0; color:#27272a; font-size:14px; }
.home-section-heading p,.home-panel-head p { margin:3px 0 0; color:var(--muted); font-size:10px; line-height:1.45; }
.home-section-heading .text-button,.home-panel-head .text-button { color:var(--brand-blue-dark); }
.home-action-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.home-action-layout { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr); gap:12px; align-items:stretch; }
.home-action-layout .home-action-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.home-priority-panel { padding:13px; }.home-priority-panel .home-panel-head { margin-bottom:8px; }
.home-priority-signals { margin-bottom:7px; display:grid; grid-template-columns:1fr 1fr; gap:6px; }.home-priority-signals button { min-width:0; padding:7px 9px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:#1d4ed8; background:#eff6ff; border:1px solid #dbeafe; border-radius:6px; font-size:8px; text-align:left; }.home-priority-signals button:hover { border-color:#93c5fd; }.home-priority-signals button b { font-size:13px; }.home-priority-signals button.urgent { color:#b91c1c; background:#fef2f2; border-color:#fecaca; }
.home-action-card { min-width:0; min-height:92px; padding:12px; display:grid; grid-template-columns:25px minmax(0,1fr) auto; gap:9px; align-items:start; color:#27272a; background:#fff; border:1px solid var(--line); border-radius:9px; text-align:left; transition:border-color .15s,box-shadow .15s,transform .15s; }
.home-action-card:hover { border-color:#93c5fd; box-shadow:0 5px 16px #1d4ed812; transform:translateY(-1px); }
.home-action-card>span { width:25px; height:25px; display:grid; place-items:center; color:var(--brand-blue-dark); background:var(--brand-blue-soft); border-radius:6px; font-size:11px; font-weight:750; }
.home-action-card>div { min-width:0; }.home-action-card b { display:block; font-size:20px; line-height:1; }.home-action-card h3 { margin:5px 0 2px; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.home-action-card small { color:var(--muted); font-size:8px; line-height:1.35; }.home-action-card>i { color:#94a3b8; font-style:normal; }.home-action-card.urgent { border-color:#fecaca; }.home-action-card.urgent>span { color:#b91c1c; background:#fef2f2; }
.home-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.home-performance-section { padding:15px; background:#f8fafc; border:1px solid #dbeafe; border-radius:11px; }
.home-performance-section>.home-section-heading { padding:0 1px 2px; }
.home-metric-card { min-height:98px; padding:13px 15px; background:#fff; border:1px solid var(--line); border-radius:9px; }
.home-metric-card>small { color:#52525b; font-size:10px; font-weight:650; }.home-metric-card>b { margin-top:5px; display:block; color:#18181b; font-size:24px; line-height:1; }.home-metric-card>span { margin-top:7px; display:inline-block; color:#166534; font-size:9px; font-weight:650; }.home-metric-card>span.negative { color:#b91c1c; }.home-metric-card>p { margin:5px 0 0; color:var(--muted); font-size:8px; }
.home-visual-grid,.home-lower-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr); gap:12px; align-items:stretch; }
.home-lower-grid { grid-template-columns:1fr 1fr; }
.home-panel { min-width:0; padding:15px; background:#fff; border:1px solid var(--line); border-radius:10px; }
.home-panel-head { margin-bottom:12px; }
.home-chart { width:100%; min-height:190px; display:block; overflow:hidden; }.home-chart-grid line { stroke:#e4e4e7; stroke-width:1; }.home-chart-grid text,.home-chart-date { fill:#71717a; stroke:none; font-size:9px; }.home-chart-date { text-anchor:middle; }.home-chart-line { fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }.home-chart-legend { margin-bottom:2px; display:flex; justify-content:center; gap:16px; color:#52525b; font-size:9px; }.home-chart-legend span { display:flex; align-items:center; gap:5px; }.home-chart-legend i { width:8px; height:8px; border-radius:50%; }
.home-funnel { display:grid; gap:5px; }.home-funnel-stage { width:100%; min-height:37px; padding:7px 10px; display:grid; grid-template-columns:20px 1fr; gap:8px; align-items:center; color:#3f3f46; background:#f8fafc; border:1px solid #e2e8f0; border-radius:7px; text-align:left; }.home-funnel-stage:hover { border-color:#93c5fd; background:#eff6ff; }.home-funnel-stage>span { width:20px; height:20px; display:grid; place-items:center; color:#1d4ed8; background:#dbeafe; border-radius:50%; font-size:8px; font-weight:750; }.home-funnel-stage>div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:3px 8px; }.home-funnel-stage small { font-size:9px; }.home-funnel-stage b { grid-row:1 / 3; grid-column:2; font-size:17px; }.home-funnel-stage em { color:var(--muted); font-size:8px; font-style:normal; }.home-funnel-arrow { height:5px; overflow:hidden; color:#94a3b8; font-size:9px; font-style:normal; line-height:5px; text-align:center; transform:rotate(90deg); }
.home-todo-list,.home-insight-list { display:grid; gap:6px; }.home-todo,.home-insight-item { width:100%; min-width:0; padding:9px 10px; display:grid; align-items:center; gap:9px; color:#3f3f46; background:#fafafa; border:1px solid transparent; border-radius:7px; text-align:left; }.home-todo { grid-template-columns:auto minmax(0,1fr) auto; }.home-todo:hover,.home-insight-item:hover { border-color:#bfdbfe; background:#eff6ff; }.home-todo>div,.home-insight-item>div { min-width:0; }.home-todo b,.home-insight-item b { display:block; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.home-todo small,.home-insight-item small { margin-top:3px; display:block; overflow:hidden; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.home-todo time { color:var(--muted); font-size:8px; white-space:nowrap; }
.home-analysis-summary { margin-bottom:8px; padding:10px 11px; display:grid; gap:4px; color:#1e3a8a; background:#eff6ff; border:1px solid #bfdbfe; border-radius:7px; }.home-analysis-summary small { font-size:8px; }.home-analysis-summary b { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:10px; line-height:1.45; }.home-insight-item { grid-template-columns:auto minmax(0,1fr); }.home-insight-item .importance { width:23px; height:23px; padding:0; display:grid; place-items:center; }
.home-team-panel { margin-bottom:2px; }.home-team-row { min-height:34px; padding:7px 10px; display:grid; grid-template-columns:minmax(180px,1.6fr) repeat(4,minmax(70px,.6fr)); gap:10px; align-items:center; border-top:1px solid var(--line); font-size:9px; }.home-team-row:first-child { border-top:0; }.home-team-head { color:var(--muted); background:#fafafa; border-radius:6px; font-weight:650; }.home-team-row .danger { color:#b91c1c; font-weight:750; }
.home-reference-grid { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(520px,1.15fr); gap:12px; align-items:stretch; }
@media (max-width:1280px) { .home-action-grid { grid-template-columns:repeat(3,1fr); }.home-visual-grid { grid-template-columns:1.25fr .75fr; } }
@media (max-width:1180px) { .home-action-layout,.home-reference-grid,.home-skeleton-action-layout { grid-template-columns:1fr; } }
@media (max-width:960px) { .home-visual-grid,.home-lower-grid,.home-skeleton-performance>section { grid-template-columns:1fr; }.home-metric-grid,.home-skeleton-performance>div { grid-template-columns:repeat(2,1fr); } }
@media (max-width:720px) { .home-header,.home-section-heading,.home-panel-head { align-items:flex-start; flex-direction:column; }.home-header .header-actions { width:100%; }.home-action-grid,.home-action-layout .home-action-grid,.home-metric-grid,.home-skeleton-actions,.home-skeleton-performance>div { grid-template-columns:1fr; }.home-team-row { grid-template-columns:minmax(120px,1fr) repeat(2,54px); }.home-team-row>*:nth-child(4),.home-team-row>*:nth-child(5) { display:none; }.home-todo { grid-template-columns:auto minmax(0,1fr); }.home-todo time { grid-column:2; } }