:root {
  --ink: #17221f;
  --muted: #6d7974;
  --paper: #f6f4ed;
  --panel: #fffdf8;
  --line: #dedfd8;
  --line-strong: #c9ccc3;
  --green: #1f755b;
  --green-2: #0f5943;
  --green-soft: #dcece5;
  --orange: #d47545;
  --orange-soft: #f5e4d7;
  --amber: #b67b17;
  --amber-soft: #f7ebcb;
  --red: #b84d47;
  --red-soft: #f4ddda;
  --blue: #486f9d;
  --blue-soft: #e0e8f2;
  --shadow: 0 20px 60px rgba(38, 52, 47, .09);
  --radius: 18px;
}

/* V2 · AI employee workspace */
:root {
  --night: #111218;
  --night-2: #1a1b23;
  --violet: #6f55f7;
  --violet-2: #9b5cf6;
  --cyan: #27c8e8;
  --lime: #b8f339;
  --paper: #f2f3f7;
  --panel: #ffffff;
  --ink: #181922;
  --muted: #6f7180;
  --line: #e5e6ec;
  --green: #5f49dc;
  --green-2: #4936bd;
  --green-soft: #eeebff;
  --orange: #7c5cff;
  --orange-soft: #eeeaff;
  --shadow: 0 24px 70px rgba(22, 23, 34, .1);
}

body { background: var(--paper); font-size: 15px; }
.app-shell { display: grid; grid-template-columns: 248px minmax(0, 1fr); }
.topbar {
  position: sticky; top: 0; height: 100vh; padding: 24px 18px;
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  color: #fff; border: 0; background: var(--night); backdrop-filter: none;
}
.brand { padding: 0 7px 23px; border-bottom: 1px solid rgba(255,255,255,.1); }
.brand-mark { background: linear-gradient(135deg,var(--violet),var(--cyan)); }
.brand small { color: #888b99; }
.agent-profile { margin: 24px 0 18px; display: flex; align-items: center; gap: 12px; }
.agent-avatar-wrap { width: 58px; height: 58px; position: relative; flex: 0 0 58px; }
.agent-avatar-wrap img { width: 100%; height: 100%; object-fit: cover; border-radius: 18px; border: 2px solid #343744; }
.agent-avatar-wrap > i { position: absolute; right: -1px; bottom: 1px; width: 12px; height: 12px; border-radius: 50%; background: var(--lime); border: 3px solid var(--night); }
.agent-profile small,.agent-profile strong,.agent-profile span { display:block; }
.agent-profile small { color:#888b99; font-size:11px; }
.agent-profile strong { margin:3px 0 5px; font-size:18px; }
.agent-profile span { color:#b8bac4; font-size:11px; }
.agent-profile span i { display:inline-block; width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px;box-shadow:0 0 10px var(--lime); }
.side-nav { display:grid; gap:8px; }
.side-nav button { display:grid; grid-template-columns:28px 1fr; column-gap:9px; padding:13px 12px; color:#aaaeba; border:0; border-radius:12px; background:transparent; text-align:left; transition:180ms ease; }
.side-nav button > span { grid-row:1/3; font-size:20px; align-self:center; }
.side-nav button b { color:inherit; font-size:14px; }
.side-nav button small { font-size:10px; color:#737681; margin-top:3px; }
.side-nav button:hover { color:#fff; background:#1c1e27; transform:translateX(2px); }
.side-nav button.active { color:#fff; background:linear-gradient(120deg,#362b7a,#293252); box-shadow:inset 3px 0 var(--cyan); }
.side-nav button.active small { color:#b9b9d1; }
.sidebar-sample { margin-top:14px;padding:11px 12px;display:flex;justify-content:space-between;border:1px solid #343746;border-radius:10px;color:#d8d9e2;background:#22242d;font-size:11px;text-align:left; }
.sidebar-sample:hover { border-color:#6252ce;background:#292b38; }
.sidebar-note { margin-top:auto; padding:16px 12px; border-top:1px solid rgba(255,255,255,.1); }
.sidebar-note .privacy-chip { padding:7px 9px; color:#c9ffec; background:#1b2a28; border-color:#2c4943; font-size:10px; }
.sidebar-note p { color:#777b88; font-size:10px; line-height:1.55; }
.sidebar-back { padding:10px 12px 0; color:#979aa6; font-size:11px; }

main { width:100%; max-width:1600px; margin:0 auto; padding:0 34px 80px; }
.page-view { display:none; }
.page-view.active { display:block; animation:view-in .32s cubic-bezier(.2,.8,.2,1); }
@keyframes view-in { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.hero { min-height:330px; grid-template-columns:minmax(0,1.1fr) minmax(360px,.62fr); align-items:center; padding:48px 8px 32px; gap:48px; }
.eyebrow { color:var(--violet); letter-spacing:.08em; }
.eyebrow > span { display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(184,243,57,.15);margin-right:9px; }
.hero h1 { font-family:inherit; font-size:clamp(42px,4.8vw,70px); font-weight:800; letter-spacing:-.055em; }
.hero h1 em { color:transparent; background:linear-gradient(110deg,var(--violet),var(--cyan)); background-clip:text; -webkit-background-clip:text; }
.hero-copy > p { font-size:16px; max-width:760px; }
.hero-pills span { background:#fff; border-color:#e2e3e9; }
.agent-brief { position:relative; min-height:234px; padding:26px 24px 22px 138px; overflow:hidden; border:1px solid #2b2d38; border-radius:24px; color:#fff; background:linear-gradient(145deg,#171820,#222334); box-shadow:0 25px 60px rgba(18,19,28,.18); }
.agent-brief:after { content:""; position:absolute; width:210px;height:210px;right:-70px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(111,85,247,.45),transparent 65%); }
.agent-brief > img { position:absolute; left:20px; bottom:23px; width:100px;height:100px;object-fit:cover;border-radius:28px;border:2px solid #484b5a;box-shadow:0 14px 35px #0007;animation:agent-breathe 4s ease-in-out infinite; }
@keyframes agent-breathe { 50%{transform:translateY(-5px) rotate(-1deg)} }
.agent-brief span { color:var(--cyan); font-size:11px; font-weight:800; }
.agent-brief strong { display:block; margin:12px 0 8px; font-size:20px; line-height:1.35; }
.agent-brief p { color:#aeb0bc; line-height:1.6; font-size:12px; }
.agent-brief button { margin-top:10px;padding:9px 12px;border:1px solid #494c5d;border-radius:9px;background:#282a36;color:#fff;font-size:11px; }
.logic-ribbon { margin-bottom:18px; padding:18px 22px; display:flex; align-items:center; gap:14px; color:#fff; border-radius:16px; background:linear-gradient(105deg,#573ce5,#7a55ef 55%,#287fba); box-shadow:0 15px 36px rgba(91,67,218,.22); }
.logic-ribbon > div { flex:1; min-width:0; }
.logic-ribbon b,.logic-ribbon span,.logic-ribbon small { display:block; }
.logic-ribbon b { color:#bdff45;font-size:11px; }
.logic-ribbon span { margin:4px 0;font-weight:800;font-size:14px; }
.logic-ribbon small { color:#d8d5fa;font-size:10px;line-height:1.45; }
.logic-ribbon > i { color:#bcb4f3;font-style:normal; }
.workspace { grid-template-columns:330px minmax(0,1fr); border-radius:20px; border-color:#dfe0e7; box-shadow:0 20px 60px rgba(30,31,45,.08); }
.control-panel { background:#f7f7fa; }
.data-stage { background:#fff; }
.drop-zone { background:#fff; border-color:#c9cbd5; }
.drop-icon { background:var(--green-soft); color:var(--violet); }
.btn-primary { background:linear-gradient(110deg,var(--violet),#7567f8); box-shadow:0 10px 24px rgba(111,85,247,.22); }
.recommendation-strip { background:linear-gradient(115deg,#171820,#272b3e); }
.metric-card { border-top-color:#dfe0e7; }
.score-ring { --ring-color:var(--violet); }
.status-test { background:#eae6ff; color:#4d39c1; }
.detail-btn { color:var(--violet); }
.why-line { display:flex; align-items:flex-start; gap:6px; margin-top:7px; max-width:480px; color:#5b4bc2; font-size:10px; line-height:1.45; white-space:normal; }
.why-line:before { content:"依据"; flex:0 0 auto; padding:1px 4px; border-radius:4px; color:#fff; background:var(--violet); font-size:8px; font-weight:800; }
.decision-trace { display:grid;gap:9px; }
.decision-trace > div { padding:12px 13px;border-left:3px solid var(--violet);background:#f6f5ff; }
.decision-trace b { font-size:11px; }.decision-trace p{margin:4px 0 0;color:#676579;font-size:10px;line-height:1.55}

.method-page { padding:46px 8px 100px; }
.method-hero { display:grid; grid-template-columns:1.05fr .75fr; gap:50px; align-items:center; padding:10px 0 38px; }
.method-hero h1 { margin:12px 0 18px; font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em; }
.method-hero > div > p { max-width:680px;color:var(--muted);font-size:16px;line-height:1.75; }
.method-agent { display:flex;align-items:center;gap:20px;padding:24px;border-radius:22px;color:#fff;background:#171820; }
.method-agent img { width:110px;height:110px;border-radius:28px;object-fit:cover; }
.method-agent small,.method-agent strong { display:block; }.method-agent small{color:var(--cyan);font-size:11px}.method-agent strong{margin:8px 0;font-size:18px}.method-agent p{margin:0;color:#a9abb7;font-size:12px;line-height:1.6}
.method-index { position:sticky;top:0;z-index:10;display:flex;gap:6px;padding:10px;margin:0 0 24px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px); }
.method-index a { flex:1;padding:10px;border-radius:9px;text-align:center;color:#5e6070;font-size:12px;font-weight:700; }
.method-index a:hover { color:#fff;background:var(--violet); }
.method-section { scroll-margin-top:84px;margin:0 0 18px;padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff; }
.method-section > header { display:flex;gap:18px;align-items:flex-start;margin-bottom:25px; }
.method-section > header > span { display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--violet);font-weight:900; }
.method-section h2 { margin:0 0 6px;font-size:25px; }.method-section header p{margin:0;color:var(--muted);font-size:13px}
.funnel-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line); }
.funnel-grid > div { min-height:160px;padding:20px;background:#fafafd; }.funnel-grid b{font-size:16px}.funnel-grid p{color:var(--muted);font-size:12px;line-height:1.65}
.evidence-table { border:1px solid var(--line);border-radius:14px;overflow:hidden; }.evidence-head,.evidence-table>div:not(.evidence-head){display:grid;grid-template-columns:150px 1fr 1fr;gap:20px;padding:16px 20px;align-items:start}.evidence-head{background:#171820;color:#fff;font-size:12px}.evidence-table>div:not(.evidence-head){border-top:1px solid var(--line)}.evidence-table strong{color:var(--violet)}.evidence-table span,.evidence-table p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
.method-callout { margin-top:18px;padding:18px 20px;border-left:4px solid var(--cyan);background:#effbfe; }.method-callout b{font-size:13px}.method-callout p{margin:5px 0 0;color:#53656a;font-size:12px;line-height:1.6}.method-callout.warning{border-left-color:#f0a52a;background:#fff8e9}
.score-track { display:grid;grid-template-columns:1fr 1fr;gap:14px; }.score-track>div{padding:22px;border-radius:14px;background:#171820;color:#fff}.score-track span,.score-track strong{display:block}.score-track span{color:var(--cyan);font-size:12px;font-weight:800}.score-track strong{margin:10px 0;font-size:15px;line-height:1.5}.score-track p{color:#aeb0bc;font-size:12px;line-height:1.65}
.decision-rules { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px }.decision-rules h3{grid-column:1/-1}.decision-rules>div{padding:17px;border:1px solid var(--line);border-radius:12px}.decision-rules b{font-size:14px}.decision-rules p{color:var(--muted);font-size:11px;line-height:1.6}
.test-funnel { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border-radius:14px;background:var(--line);border:1px solid var(--line)}.test-funnel>div{padding:20px;background:#fafafd}.test-funnel b,.test-funnel span{display:block}.test-funnel span{margin:8px 0;color:var(--violet);font-size:12px;font-weight:800}.test-funnel p{color:var(--muted);font-size:11px;line-height:1.6}.price-test{margin-top:18px;padding:20px;border-radius:14px;background:#f0edff}.price-test h3{margin:0 0 8px}.price-test p{margin:0;color:#58556b;line-height:1.7;font-size:13px}
.stock-formula{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.stock-formula>div{padding:24px;border-radius:14px;color:#fff;background:linear-gradient(130deg,#5b42e6,#278eb9)}.stock-formula small,.stock-formula strong{display:block}.stock-formula small{color:#dcd8ff}.stock-formula strong{margin-top:14px;font-size:22px;line-height:1.5}.stock-formula ul{margin:0;padding-left:20px}.stock-formula li{margin-bottom:10px;color:#5d5f6d;font-size:12px;line-height:1.65}

@media (prefers-reduced-motion: reduce) { *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important} }
@media (max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}main{padding:0 20px 60px}.hero{grid-template-columns:1fr}.logic-ribbon{display:grid;grid-template-columns:1fr 1fr}.logic-ribbon>i{display:none}.workspace{grid-template-columns:300px minmax(0,1fr)}.funnel-grid{grid-template-columns:1fr 1fr}.decision-rules,.test-funnel{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.app-shell{display:block}.topbar{position:relative;height:auto;padding:16px}.agent-profile{margin:16px 0}.side-nav{grid-template-columns:1fr 1fr}.sidebar-note{display:none}.sidebar-back{padding-top:14px}.hero{padding-top:30px}.hero h1{font-size:40px}.agent-brief{padding-left:120px}.logic-ribbon{grid-template-columns:1fr}.workspace{display:block}.control-panel{border-right:0;border-bottom:1px solid var(--line)}.method-hero,.score-track,.stock-formula{grid-template-columns:1fr}.method-index{overflow:auto;position:relative}.method-index a{min-width:150px}.funnel-grid,.decision-rules,.test-funnel{grid-template-columns:1fr}.evidence-head{display:none}.evidence-table>div:not(.evidence-head){grid-template-columns:1fr;gap:7px}.method-section{padding:22px 17px}}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 12% -10%, rgba(212, 117, 69, .12), transparent 28rem),
    radial-gradient(circle at 92% 3%, rgba(31, 117, 91, .11), transparent 26rem),
    var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.hidden { display: none !important; }

.app-shell { min-height: 100vh; }

.topbar {
  height: 76px;
  padding: 0 clamp(20px, 4vw, 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid rgba(23, 34, 31, .09);
  background: rgba(246, 244, 237, .86);
  backdrop-filter: blur(18px);
  position: sticky;
  top: 0;
  z-index: 20;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
}

.brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: white;
  background: var(--ink);
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(23, 34, 31, .18);
}

.brand strong, .brand small { display: block; }
.brand strong { font-size: 15px; letter-spacing: .04em; }
.brand small { color: var(--muted); font-size: 10px; margin-top: 2px; letter-spacing: .08em; }

.top-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

.privacy-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #c9dbd3;
  color: var(--green-2);
  background: rgba(220, 236, 229, .68);
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.privacy-chip i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2f9673;
  box-shadow: 0 0 0 4px rgba(47, 150, 115, .12);
}

main {
  width: min(1540px, calc(100% - 40px));
  margin: 0 auto;
  padding: 42px 0 100px;
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, .82fr);
  gap: clamp(34px, 6vw, 92px);
  align-items: end;
  padding: 26px clamp(4px, 2vw, 24px) 44px;
}

.eyebrow, .stage-kicker {
  color: var(--green);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
}

.hero h1 {
  font-family: Georgia, "Songti SC", "Noto Serif CJK SC", serif;
  font-size: clamp(42px, 5.2vw, 74px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.045em;
  margin: 14px 0 18px;
}

.hero h1 em {
  color: var(--orange);
  font-style: normal;
}

.hero-copy > p {
  max-width: 750px;
  margin: 0;
  color: var(--muted);
  line-height: 1.8;
  font-size: 15px;
}

.hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}

.hero-pills span {
  border: 1px solid var(--line);
  background: rgba(255, 253, 248, .72);
  padding: 8px 11px;
  border-radius: 999px;
  color: #53605b;
  font-size: 12px;
  font-weight: 700;
}

.hero-flow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-bottom: 4px;
}

.hero-flow > div {
  min-width: 124px;
  padding: 16px 15px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255, 253, 248, .78);
}

.hero-flow b, .hero-flow span, .hero-flow small { display: block; }
.hero-flow b { color: var(--orange); font-family: Georgia, serif; font-size: 20px; }
.hero-flow span { font-size: 13px; font-weight: 800; margin: 8px 0 4px; }
.hero-flow small { color: var(--muted); font-size: 10px; white-space: nowrap; }
.hero-flow > i { color: #a9afa9; font-style: normal; }

.workspace {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  min-height: 760px;
  border: 1px solid var(--line-strong);
  border-radius: 24px;
  overflow: hidden;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.control-panel {
  padding: 28px 24px;
  border-right: 1px solid var(--line);
  background: #f0eee7;
}

.panel-heading h2 {
  font-size: 18px;
  margin: 9px 0 5px;
}

.panel-heading p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}

.panel-heading.compact h2 { margin-top: 8px; }

.step-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  color: var(--green);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
}

.drop-zone {
  margin-top: 18px;
  min-height: 194px;
  padding: 22px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1.5px dashed #aeb6af;
  border-radius: 16px;
  background: rgba(255, 253, 248, .7);
  transition: .18s ease;
  cursor: pointer;
}

.drop-zone:hover, .drop-zone.dragging {
  border-color: var(--green);
  background: #f6fbf8;
  transform: translateY(-1px);
}

.drop-zone input { display: none; }
.drop-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--green-soft);
  color: var(--green);
  font-size: 22px;
  font-weight: 900;
}

.drop-zone strong { font-size: 13px; margin: 11px 0 5px; }
.drop-zone small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.drop-cta {
  margin-top: 13px;
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
}

.file-list {
  display: grid;
  gap: 7px;
  margin-top: 10px;
}

.empty-inline {
  color: #939b96;
  font-size: 11px;
  text-align: center;
  padding: 6px;
}

.file-item {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
}

.file-item .file-icon {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  background: var(--green-soft);
  color: var(--green);
  border-radius: 8px;
  font-size: 9px;
  font-weight: 900;
}

.file-item strong, .file-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-item strong { font-size: 10px; }
.file-item small { font-size: 9px; color: var(--muted); margin-top: 3px; }
.file-item button {
  border: 0;
  background: transparent;
  color: #9a5b55;
  padding: 4px;
  font-size: 17px;
}

.control-divider {
  height: 1px;
  background: var(--line);
  margin: 24px 0;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  margin-top: 16px;
}

.field { min-width: 0; }
.field.span-2 { grid-column: span 2; }
.field > span {
  display: block;
  color: #65706c;
  font-size: 10px;
  font-weight: 700;
  margin: 0 0 5px 2px;
}

.field input, .field select, .filter-row select, .search-box {
  width: 100%;
  height: 39px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel);
  color: var(--ink);
  outline: none;
}

.field input, .field select, .filter-row select { padding: 0 10px; font-size: 11px; }
.field input:focus, .field select:focus, .filter-row select:focus, .search-box:focus-within {
  border-color: #7dac9b;
  box-shadow: 0 0 0 3px rgba(31, 117, 91, .09);
}

.suffix-input { position: relative; }
.suffix-input input { padding-right: 27px; }
.suffix-input b {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  color: #8a938f;
  font-size: 10px;
}

.btn {
  min-height: 39px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  transition: .18s ease;
}

.btn:hover { transform: translateY(-1px); }
.btn:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.btn-primary { background: var(--green); color: white; box-shadow: 0 8px 18px rgba(31, 117, 91, .17); }
.btn-primary:hover { background: var(--green-2); }
.btn-ghost { border-color: var(--line); background: rgba(255,255,255,.46); color: #4f5a56; }
.btn-dark { background: var(--ink); color: white; }
.btn-light { background: white; color: var(--green-2); }
.btn-block { width: 100%; margin-top: 17px; }
.form-note { color: #8b938f; font-size: 9px; line-height: 1.5; margin: 8px 2px 0; }

.data-stage {
  min-width: 0;
  background:
    linear-gradient(rgba(255,255,255,.65), rgba(255,255,255,.65)),
    radial-gradient(circle at 1px 1px, #d6d9d3 1px, transparent 1px);
  background-size: auto, 22px 22px;
}

.stage-empty {
  min-height: 760px;
  padding: 70px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.empty-visual {
  width: 148px;
  height: 118px;
  position: relative;
  margin-bottom: 26px;
}

.sheet {
  width: 78px;
  height: 96px;
  position: absolute;
  top: 5px;
  left: 35px;
  border: 1px solid var(--line-strong);
  border-radius: 9px;
  background:
    repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(23,34,31,.07) 14px),
    repeating-linear-gradient(90deg, transparent, transparent 23px, rgba(23,34,31,.07) 24px),
    white;
  box-shadow: 0 14px 25px rgba(23,34,31,.11);
}

.sheet-a { transform: rotate(-12deg) translate(-24px, 7px); }
.sheet-b { transform: rotate(10deg) translate(24px, 7px); }
.sheet-c {
  display: grid;
  place-items: center;
  color: white;
  font-family: Georgia, serif;
  font-size: 31px;
  font-weight: 800;
  background: var(--green);
  transform: translateY(-4px);
}

.stage-empty h2 { font-family: Georgia, "Songti SC", serif; font-size: 26px; font-weight: 500; margin: 0 0 10px; }
.stage-empty > p { max-width: 520px; margin: 0 0 20px; color: var(--muted); font-size: 13px; line-height: 1.8; }

.feature-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 34px;
}

.feature-strip span {
  min-width: 104px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255,255,255,.8);
  color: var(--muted);
  font-size: 10px;
}
.feature-strip b { display: block; color: var(--ink); font-size: 13px; margin-bottom: 3px; }

.analysis-view { padding: 28px; }
.analysis-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}
.analysis-head h2 { font-family: Georgia, "Songti SC", serif; font-size: 28px; font-weight: 500; margin: 7px 0 5px; }
.analysis-head p { margin: 0; color: var(--muted); font-size: 11px; }
.analysis-actions { display: flex; gap: 8px; }

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 22px 0 12px;
}

.metric-card {
  min-height: 112px;
  position: relative;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,253,248,.93);
  overflow: hidden;
}

.metric-card::after {
  content: "";
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  right: -14px;
  bottom: -17px;
  background: #ecece7;
}
.metric-card.accent-green::after { background: var(--green-soft); }
.metric-card.accent-amber::after { background: var(--amber-soft); }
.metric-card span, .metric-card small { display: block; color: var(--muted); font-size: 10px; }
.metric-card strong { display: block; font-family: Georgia, serif; font-size: 31px; margin: 7px 0 4px; }

.recommendation-strip {
  min-height: 102px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  color: white;
  border-radius: 14px;
  background: linear-gradient(110deg, #164f3f, #26785f);
  box-shadow: 0 12px 28px rgba(31, 117, 91, .15);
}

.recommendation-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255,255,255,.13);
  font-size: 24px;
}

.recommendation-strip small, .recommendation-strip strong, .recommendation-strip p { display: block; }
.recommendation-strip small { opacity: .7; font-size: 9px; letter-spacing: .08em; }
.recommendation-strip strong { font-size: 14px; margin: 5px 0 3px; }
.recommendation-strip p { opacity: .78; font-size: 10px; margin: 0; }

.toolbar { margin-top: 24px; }
.recommendation-tabs {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.recommendation-tabs button {
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #6f7975;
  padding: 9px 11px;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
}
.recommendation-tabs button b {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  margin-left: 4px;
  border-radius: 5px;
  background: #ebece7;
  font-size: 9px;
}
.recommendation-tabs button.active { color: var(--green); border-color: #bed8ce; background: var(--green-soft); }
.recommendation-tabs button.active b { background: white; }

.filter-row {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) 160px 180px;
  gap: 8px;
  margin: 10px 0 12px;
}
.filter-row select { height: 37px; font-size: 10px; }
.search-box { display: flex; align-items: center; padding: 0 10px; height: 37px; }
.search-box span { color: #8b938f; font-size: 17px; }
.search-box input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; padding: 0 8px; font-size: 10px; }

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,253,248,.96);
}

table { width: 100%; min-width: 1000px; border-collapse: collapse; }
th {
  padding: 11px 10px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  background: #f1f1eb;
  color: #727c77;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
td {
  padding: 12px 10px;
  border-bottom: 1px solid #e8e8e2;
  vertical-align: middle;
  font-size: 10px;
}
tbody tr { transition: .14s ease; }
tbody tr:hover { background: #fbfaf5; }
tbody tr:last-child td { border-bottom: 0; }
.check-col { width: 46px; text-align: center; }

.compare-check {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #adb5b0;
  border-radius: 5px;
  background: white;
  display: inline-grid;
  place-items: center;
}
.compare-check:checked { background: var(--green); border-color: var(--green); }
.compare-check:checked::after { content: "✓"; color: white; font-size: 10px; font-weight: 900; }

.product-cell { display: grid; grid-template-columns: 26px 52px minmax(180px, 1fr); gap: 10px; align-items: center; }
.product-thumb { width:52px;height:52px;display:grid;place-items:center;object-fit:cover;border:1px solid var(--line);border-radius:11px;background:#f0f1ec;color:#89928d;font-size:8px;overflow:hidden; }
.product-thumb.large { width:84px;height:84px;border-radius:16px;flex:0 0 auto; }
.product-thumb.empty,.product-thumb.broken { padding:7px;text-align:center; }
.detail-product-intro { display:flex;align-items:flex-start;gap:15px;min-width:0; }
.rank {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #ecece7;
  color: #5d6763;
  font-family: Georgia, serif;
  font-size: 11px;
  font-weight: 800;
}
.rank.top { background: var(--orange-soft); color: #a6522e; }
.product-meta { min-width: 0; }
.product-meta strong { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.product-meta small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }

.signal-stack { display: grid; gap: 4px; }
.signal-stack span { color: #69736f; white-space: nowrap; }
.signal-stack b { color: var(--ink); font-size: 10px; margin-left: 3px; }
.positive { color: var(--green) !important; }
.negative { color: var(--red) !important; }

.profit-stack strong, .profit-stack small { display: block; }
.profit-stack strong { font-size: 11px; }
.profit-stack small { display:block;color: var(--muted); font-size: 8px; margin-top: 4px; }
.profit-stack .unknown { color: var(--amber); }

.mini-bars { width: 142px; display: grid; gap: 3px; }
.mini-bar { display: grid; grid-template-columns: 30px 1fr 20px; align-items: center; gap: 5px; }
.mini-bar span { color: var(--muted); font-size: 8px; }
.mini-bar i { height: 4px; border-radius: 999px; background: #e0e3de; overflow: hidden; }
.mini-bar i::after { content: ""; display: block; width: var(--value); height: 100%; border-radius: inherit; background: var(--green); }
.mini-bar b { font-size: 8px; text-align: right; }

.score-cell { text-align: center; }
.score-ring {
  --score: 0%;
  width: 43px;
  height: 43px;
  margin: auto;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--green) var(--score), #e6e7e1 0);
  position: relative;
}
.score-ring::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: white; }
.score-ring strong { position: relative; font-family: Georgia, serif; font-size: 13px; }
.score-cell small { display: block; color: var(--muted); margin-top: 3px; font-size: 8px; }

.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 7px;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
}
.status-test { background: var(--green-soft); color: var(--green-2); }
.status-watch { background: var(--amber-soft); color: #8a5b0e; }
.status-mature { background: var(--blue-soft); color: #355b85; }
.status-avoid { background: var(--red-soft); color: #963b36; }

.detail-btn {
  border: 0;
  background: transparent;
  color: var(--green);
  padding: 7px;
  font-size: 10px;
  font-weight: 800;
}
.no-results { padding: 38px; color: var(--muted); text-align: center; font-size: 12px; }

.compare-bar {
  position: fixed;
  z-index: 32;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  width: min(720px, calc(100% - 32px));
  padding: 12px 14px 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 14px;
  color: white;
  background: rgba(23,34,31,.96);
  box-shadow: 0 20px 60px rgba(23,34,31,.27);
  backdrop-filter: blur(16px);
}
.compare-bar > div:last-child { display: flex; gap: 7px; }
.compare-bar .btn-ghost { color: white; border-color: rgba(255,255,255,.18); }
.compare-bar span, .compare-bar small { display: block; }
.compare-bar span { font-size: 11px; font-weight: 800; }
.compare-bar small { max-width: 430px; margin-top: 4px; opacity: .62; font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.modal {
  position: fixed;
  z-index: 60;
  inset: 0;
  padding: 26px;
  display: grid;
  place-items: center;
  background: rgba(18, 28, 24, .62);
  backdrop-filter: blur(8px);
}

.modal-card {
  width: min(100%, 820px);
  max-height: calc(100vh - 52px);
  overflow: auto;
  position: relative;
  padding: 30px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 20px;
  background: var(--panel);
  box-shadow: 0 30px 90px rgba(13,22,18,.32);
}
.modal-medium { width: min(100%, 720px); }
.modal-wide { width: min(100%, 980px); }
.modal-xwide { width: min(100%, 1220px); }
.modal-card > h2 { margin: 7px 0 22px; font-family: Georgia, "Songti SC", serif; font-size: 29px; font-weight: 500; }
.modal-close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 17px;
  right: 17px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: #737d78;
  background: white;
  font-size: 19px;
}

.quality-score {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border-radius: 14px;
  background: #eff3ef;
}
.quality-ring {
  --quality: 0%;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--green) var(--quality), #d9ddd8 0);
  position: relative;
}
.quality-ring::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: var(--panel); }
.quality-ring strong, .quality-ring small { position: relative; grid-area: 1/1; }
.quality-ring strong { font-family: Georgia, serif; font-size: 24px; transform: translateX(-5px); }
.quality-ring small { transform: translate(17px, 4px); color: var(--muted); }
.quality-score > div:last-child strong { font-size: 15px; }
.quality-score p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.quality-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 14px;
}
.quality-item { padding: 13px; border: 1px solid var(--line); border-radius: 10px; }
.quality-item span, .quality-item strong { display: block; }
.quality-item span { color: var(--muted); font-size: 9px; }
.quality-item strong { font-size: 17px; margin-top: 5px; }
.warning-list { display: grid; gap: 7px; margin-top: 14px; }
.warning-item { padding: 10px 12px; border-radius: 9px; color: #7d5815; background: var(--amber-soft); font-size: 10px; line-height: 1.5; }
.mapping-wrap { margin-top: 21px; }
.mapping-wrap h3 { font-size: 13px; margin: 0 0 10px; }
.mapping-list { display: flex; flex-wrap: wrap; gap: 6px; }
.mapping-chip { padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; background: white; font-size: 9px; }
.mapping-chip b { color: var(--green); }

.detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 24px;
  align-items: center;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}
.detail-hero h2 { font-family: Georgia, "Songti SC", serif; font-size: 28px; font-weight: 500; margin: 7px 0 9px; }
.detail-hero p { color: var(--muted); font-size: 10px; margin: 0; }
.detail-score { text-align: center; }
.detail-score strong { display: block; color: var(--green); font-family: Georgia, serif; font-size: 56px; line-height: 1; }
.detail-score small { color: var(--muted); font-size: 9px; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
.detail-card { padding: 17px; border: 1px solid var(--line); border-radius: 13px; }
.detail-card h3 { font-size: 12px; margin: 0 0 13px; }
.price-card { background:linear-gradient(145deg,#fffdf7,#f2f8f4); }
.price-method { margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#eef2ef;color:#5f6c65;font-size:9px;line-height:1.65; }
.source-card { display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center; }
.source-card h3 { grid-column:1/-1;margin-bottom:0; }
.source-status b,.source-status span { display:block; }
.source-status b { color:var(--amber);font-size:11px; }
.source-status span { margin-top:5px;color:var(--muted);font-size:9px;line-height:1.6; }
.source-search-btn { display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:9px;background:var(--green);color:#fff;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap; }
.sourcing-product-head { display:flex;gap:12px;align-items:center;margin:12px 0; }
.sourcing-product-head img { width:64px;height:64px;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:#f0f1ec; }
.sourcing-product-head .tracking-product { margin:0 0 7px; }
.sourcing-product-head a { color:var(--green);font-size:10px;font-weight:800;text-decoration:none; }
.sourcing-boundary { margin:0 0 14px;padding:10px 12px;border-radius:9px;background:var(--amber-soft);color:#76541a;font-size:9px;line-height:1.65; }
.task-product { display:flex;align-items:center;gap:10px;min-width:0; }
.task-product>img { width:50px;height:50px;flex:0 0 auto;object-fit:cover;border:1px solid var(--line);border-radius:10px;background:#f0f1ec; }
.task-product>div { min-width:0; }
.dimension-row { display: grid; grid-template-columns: 58px 1fr 26px; gap: 8px; align-items: center; margin-top: 8px; }
.dimension-row span { color: var(--muted); font-size: 9px; }
.dimension-row i { height: 7px; border-radius: 99px; background: #e5e7e2; overflow: hidden; }
.dimension-row i::after { content: ""; display: block; width: var(--value); height: 100%; background: var(--green); }
.dimension-row b { font-size: 9px; text-align: right; }
.profit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.profit-grid div { padding: 10px; border-radius: 9px; background: #f3f3ee; }
.profit-grid span, .profit-grid strong { display: block; }
.profit-grid span { color: var(--muted); font-size: 8px; }
.profit-grid strong { margin-top: 5px; font-size: 11px; }
.risk-stack { display: grid; gap: 7px; }
.risk-pill { padding: 9px 10px; border-radius: 8px; background: var(--amber-soft); color: #815b14; font-size: 9px; }
.risk-pill.critical { background: var(--red-soft); color: #923e38; }
.risk-pill.safe { background: var(--green-soft); color: var(--green-2); }
.action-plan { grid-column: 1 / -1; background: #183d32; color: white; border-color: #183d32; }
.action-plan h3 { color: white; }
.action-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.action-grid div { padding: 12px; border-radius: 9px; background: rgba(255,255,255,.08); }
.action-grid span, .action-grid strong { display: block; }
.action-grid span { opacity: .62; font-size: 8px; }
.action-grid strong { margin-top: 6px; font-size: 11px; }
.rule-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.rule-grid div { padding: 11px; border-radius: 9px; background: rgba(255,255,255,.08); font-size: 9px; line-height: 1.55; }
.rule-grid b { display: block; color: #a7d8c5; margin-bottom: 3px; }
.rule-grid div:last-child b { color: #f5b79e; }

.compare-table-wrap { overflow: auto; }
.compare-table { min-width: 900px; }
.compare-table th:first-child, .compare-table td:first-child { position: sticky; left: 0; z-index: 2; background: #f1f1eb; }
.compare-table td:first-child { background: var(--panel); font-weight: 800; }
.compare-table td { text-align: center; }
.compare-name { max-width: 180px; font-size: 10px; }

.toast {
  position: fixed;
  z-index: 80;
  left: 50%;
  bottom: 28px;
  transform: translate(-50%, 20px);
  padding: 11px 15px;
  border-radius: 9px;
  color: white;
  background: var(--ink);
  box-shadow: 0 15px 40px rgba(23,34,31,.25);
  opacity: 0;
  pointer-events: none;
  transition: .2s ease;
  font-size: 11px;
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.toast.error { background: #8e3d38; }

@media (max-width: 1180px) {
  .hero { grid-template-columns: 1fr; }
  .hero-flow { justify-content: flex-start; }
  .workspace { grid-template-columns: 310px minmax(0,1fr); }
  .metric-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
  .topbar { height: auto; min-height: 70px; padding: 12px 18px; }
  .privacy-chip { display: none; }
  .top-actions .btn:last-child { display: none; }
  main { width: min(100% - 22px, 1540px); padding-top: 24px; }
  .hero { padding: 14px 4px 30px; }
  .hero h1 { font-size: clamp(38px, 11vw, 58px); }
  .hero-flow { overflow-x: auto; padding-bottom: 8px; }
  .workspace { grid-template-columns: 1fr; }
  .control-panel { border-right: 0; border-bottom: 1px solid var(--line); }
  .stage-empty { min-height: 560px; }
  .analysis-view { padding: 20px 14px; }
  .analysis-head { align-items: flex-start; flex-direction: column; }
  .filter-row { grid-template-columns: 1fr 1fr; }
  .search-box { grid-column: 1 / -1; }
  .detail-grid { grid-template-columns: 1fr; }
  .action-plan { grid-column: 1; }
  .action-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .brand small { display: none; }
  .top-actions #loadSampleBtn { display: none; }
  .hero-flow > div { min-width: 116px; }
  .hero-flow > i { display: none; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric-card { min-height: 100px; padding: 14px; }
  .recommendation-strip { grid-template-columns: 40px 1fr; }
  .recommendation-strip .btn { grid-column: 1 / -1; }
  .filter-row { grid-template-columns: 1fr; }
  .search-box { grid-column: 1; }
  .modal { padding: 10px; }
  .modal-card { padding: 22px 16px; max-height: calc(100vh - 20px); }
  .detail-hero { grid-template-columns: 1fr; }
  .detail-score { text-align: left; }
  .profit-grid { grid-template-columns: 1fr 1fr; }
  .rule-grid { grid-template-columns: 1fr; }
  .quality-grid { grid-template-columns: 1fr 1fr; }
}

/* Cascade lock: keep the V2 shell above legacy component rules. */
body { background: var(--paper); font-size: 15px; }
.app-shell { display:grid; grid-template-columns:248px minmax(0,1fr); }
.topbar { position:sticky; inset:0 auto auto 0; height:100vh; padding:24px 18px; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; color:#fff; border:0; background:var(--night); backdrop-filter:none; }
main { width:100%; max-width:1600px; margin:0 auto; padding:0 34px 80px; }
.hero { min-height:330px; grid-template-columns:minmax(0,1.1fr) minmax(360px,.62fr); align-items:center; padding:48px 8px 32px; gap:48px; }
.workspace { grid-template-columns:330px minmax(0,1fr); border-radius:20px; }
.control-panel { background:#f7f7fa; }
.data-stage { background:#fff; }
.page-view { display:none; }.page-view.active{display:block}
.embed-mode .app-shell{display:block}.embed-mode .topbar{display:none}.embed-mode main{max-width:none;padding:0 24px 70px}.embed-mode .hero{padding-top:34px}.embed-mode .method-page{padding-top:30px}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}main{padding:0 20px 60px}.hero{grid-template-columns:1fr}.workspace{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px){.app-shell{display:block}.topbar{position:relative;height:auto;padding:16px}.side-nav{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding-top:30px}.workspace{display:block}.method-hero,.score-track,.stock-formula{grid-template-columns:1fr}}

/* Agent mission layer */
.mission-console,.agent-run,.agent-operations{margin:0 8px 24px}
.mission-console{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(440px,1.5fr);gap:34px;align-items:center;padding:30px 32px;color:#f7f7f2;background:#161b19;border:1px solid #252c29;border-radius:8px;box-shadow:0 18px 50px rgba(13,19,16,.12)}
.mission-copy h2{margin:10px 0 8px;font-size:clamp(24px,2.25vw,34px);letter-spacing:-.04em}.mission-copy p{margin:0;color:#aeb8b3;line-height:1.72}.mission-console .step-tag{color:#99e6bd;background:rgba(109,221,157,.1);border-color:rgba(109,221,157,.22)}
.mission-input-wrap{display:grid;gap:12px}.mission-input-wrap textarea{width:100%;min-height:104px;resize:vertical;padding:17px 18px;color:#152019;background:#f8faf7;border:1px solid #d7ded9;border-radius:7px;font:inherit;font-size:15px;line-height:1.65;outline:none}.mission-input-wrap textarea:focus{border-color:#67c894;box-shadow:0 0 0 3px rgba(103,200,148,.16)}
.mission-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.mission-examples{display:flex;flex-wrap:wrap;gap:8px}.mission-examples button{min-height:36px;padding:0 12px;color:#c8d0cc;background:transparent;border:1px solid #3a433f;border-radius:5px;cursor:pointer}.mission-examples button:hover{color:#fff;border-color:#6bdd9d}
.planner-consent{display:flex;align-items:flex-start;gap:10px;padding-top:11px;color:#c8d0cc;border-top:1px solid #303834;cursor:pointer}.planner-consent input{width:17px;height:17px;margin-top:2px;accent-color:#63d598}.planner-consent span{display:grid;gap:2px}.planner-consent b{color:#eef3ef;font-size:13px}.planner-consent small{color:#929d97;font-size:12px;line-height:1.45}
.agent-run{overflow:hidden;background:#fff;border:1px solid #dfe5e1;border-radius:8px}.agent-run-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid #e6ebe7}.agent-run-head>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}.agent-state-dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:#2ab878;box-shadow:0 0 0 6px rgba(42,184,120,.12)}.agent-run-head small{color:#77817c}.agent-run-head h2{margin:3px 0 2px;font-size:20px}.agent-run-head p{margin:0;color:#6b756f}.agent-run-actions{display:flex;gap:8px}
.planner-badge{display:inline-flex;margin-left:7px;padding:3px 6px;color:#53615a;background:#edf1ee;border-radius:3px;font-size:10px;letter-spacing:.02em}.planner-badge.model{color:#14633f;background:#dcf6e8}.planner-badge.pending{color:#76500b;background:#fff2c9}.planner-badge.fallback{color:#7d4d12;background:#fff0db}
.agent-run-grid{display:grid;grid-template-columns:1.05fr .85fr 1.1fr}.agent-run-grid>div{min-width:0;padding:22px 24px 24px}.agent-run-grid>div+div{border-left:1px solid #e6ebe7}.agent-run-grid h3{margin:0 0 15px;font-size:13px;letter-spacing:.08em;color:#66716b;text-transform:uppercase}.agent-plan,.agent-checks,.agent-log{display:grid;gap:10px}
.plan-step{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}.plan-step>span{display:grid;place-items:center;width:24px;height:24px;color:#647069;background:#eef2ef;border-radius:50%;font-size:12px;font-weight:700}.plan-step strong{display:block;font-size:14px}.plan-step small{color:#7c8680}.plan-step.done>span{color:#fff;background:#239b66}.plan-step.active>span{color:#11251a;background:#99e6bd;box-shadow:0 0 0 4px rgba(109,221,157,.15)}.plan-step.blocked>span{color:#8a5b05;background:#fff0c7}
.agent-check{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #eef1ef;font-size:14px}.agent-check b{color:#277c56}.agent-check b.missing{color:#a66608}#agentNextPrompt{margin:14px 0 0;padding:11px 12px;color:#76500b;background:#fff9e8;border-left:3px solid #e6b84d;font-size:13px;line-height:1.55}
.log-entry{position:relative;padding-left:17px;color:#4e5953;font-size:13px;line-height:1.45}.log-entry::before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#7d8c84}.log-entry b{display:block;color:#1a251f;font-size:12px}.log-entry.latest::before{background:#2ab878;box-shadow:0 0 0 4px rgba(42,184,120,.12)}
.agent-operations{padding:30px 32px;background:#f7f8f5;border-top:1px solid #e2e6e1}.agent-operations>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.agent-operations h2{margin:9px 0 6px;font-size:26px}.agent-operations header p{max-width:700px;margin:0;color:#68726c;line-height:1.65}.operations-summary{display:flex;gap:20px;white-space:nowrap}.operations-summary span{color:#737d77;font-size:13px}.operations-summary b{color:#16221b;font-size:20px}.operations-empty{padding:34px;text-align:center;background:#fff;border:1px dashed #cfd7d1}.operations-empty strong{font-size:17px}.operations-empty p{margin:6px 0 0;color:#758079}.task-board{display:grid;gap:12px}
.pipeline-tabs{display:flex;gap:6px;margin:0 0 18px;padding:5px;overflow:auto;background:#ecefeb;border:1px solid #dfe4df}.pipeline-tabs button{min-width:max-content;padding:9px 12px;border:0;background:transparent;color:#66716b;font-weight:700}.pipeline-tabs button b{margin-left:4px;color:#939b96}.pipeline-tabs button.active{background:#fff;color:#18221c;box-shadow:0 1px 4px rgba(24,34,28,.08)}.pipeline-tabs button.active b{color:#248259}
.task-evidence{margin-top:5px;color:#7a6b45!important}.task-actions button{min-height:34px}.tracking-form select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #d8ded9;background:#fff;color:#1d2821}
.task-row{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(150px,.6fr) minmax(210px,1fr) auto;gap:18px;align-items:center;padding:18px 20px;background:#fff;border:1px solid #dfe5e0;border-left:4px solid #8b9890}.task-row[data-status="testing"]{border-left-color:#2ab878}.task-row[data-status="approval"]{border-left-color:#e2a82c}.task-row[data-status="scale"]{border-left-color:#1f72c9}.task-row[data-status="stop"]{border-left-color:#d55a4f}.task-product strong{display:block;font-size:15px}.task-product small,.task-signal small{color:#77817b}.task-status b{display:inline-flex;padding:5px 8px;color:#344039;background:#edf1ee;border-radius:4px;font-size:12px}.task-signal strong{display:block;margin-bottom:3px;font-size:14px}.task-actions{display:flex;gap:7px}.task-actions button{min-height:36px;padding:0 11px;border:1px solid #cfd7d1;background:#fff;border-radius:5px;cursor:pointer}.task-actions button.primary{color:#fff;background:#17251d;border-color:#17251d}.task-actions button.approve{color:#6f4c08;background:#fff7df;border-color:#e7c56f}
.tracking-product{margin-top:-4px;color:#5d6962}.tracking-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.tracking-form label{display:grid;gap:7px}.tracking-form label>span{color:#5f6963;font-size:13px;font-weight:650}.tracking-form input{min-height:42px;padding:0 11px;border:1px solid #d5ddd7;border-radius:5px;font:inherit}.tracking-form input:focus{outline:2px solid rgba(42,184,120,.2);border-color:#45ad7c}.tracking-form .span-2{grid-column:span 2}.tracking-submit{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:8px}.tracking-submit p{max-width:360px;margin:0;color:#747e78;font-size:12px;line-height:1.5}
body.embed-mode .mission-console,body.embed-mode .agent-run,body.embed-mode .agent-operations{margin-left:0;margin-right:0}
@media(max-width:1120px){.mission-console{grid-template-columns:1fr}.agent-run-grid{grid-template-columns:1fr 1fr}.agent-log-wrap{grid-column:span 2;border-left:0!important;border-top:1px solid #e6ebe7}.task-row{grid-template-columns:1fr 150px}.task-signal{grid-column:1}.task-actions{grid-column:2;grid-row:1/span 2;align-self:center;flex-direction:column}}
@media(max-width:760px){.mission-console,.agent-run,.agent-operations,body.embed-mode .mission-console,body.embed-mode .agent-run,body.embed-mode .agent-operations{margin-left:0;margin-right:0}.mission-console{padding:22px 18px}.mission-actions,.agent-run-head,.agent-operations>header,.tracking-submit{align-items:stretch;flex-direction:column}.mission-actions .btn,.agent-run-actions .btn{flex:1}.agent-run-grid{grid-template-columns:1fr}.agent-run-grid>div+div{border-left:0;border-top:1px solid #e6ebe7}.agent-log-wrap{grid-column:auto}.operations-summary{justify-content:space-between}.task-row{grid-template-columns:1fr}.task-actions,.task-signal{grid-column:auto;grid-row:auto}.task-actions{flex-direction:row;flex-wrap:wrap}.tracking-form{grid-template-columns:1fr}.tracking-form .span-2{grid-column:auto}}

/* Testing, learning and replenishment loop */
.testing-page{padding:38px 8px 20px}.testing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);gap:50px;align-items:center;min-height:270px;padding:12px 0 34px}.testing-hero h1{margin:12px 0 16px;font-size:clamp(38px,4.3vw,66px);line-height:1.02;letter-spacing:-.06em}.testing-hero h1 em{color:#268a5d;font-style:normal}.testing-hero>div>p{max-width:720px;margin:0;color:#65716a;font-size:15px;line-height:1.8}.testing-hero-status{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;padding:22px;border:1px solid #dce4de;border-left:4px solid #2ab878;background:#fff}.testing-hero-status img{width:78px;height:78px;object-fit:cover;background:#e7eee9}.testing-hero-status small,.testing-hero-status strong{display:block}.testing-hero-status small{color:#748079}.testing-hero-status strong{margin:4px 0 6px;font-size:18px}.testing-hero-status p{margin:0;color:#68746d;font-size:12px;line-height:1.55}
.testing-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;border:1px solid #dfe5e0;background:#dfe5e0;gap:1px}.testing-kpis>div{min-height:126px;padding:20px 22px;background:#fff}.testing-kpis span,.testing-kpis small,.testing-kpis strong{display:block}.testing-kpis span{color:#68746d;font-size:12px}.testing-kpis strong{margin:11px 0 8px;font-size:34px;letter-spacing:-.04em}.testing-kpis small{color:#8a948f}
.testing-import-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.62fr);gap:30px;align-items:center;padding:28px 30px;color:#eef5f1;background:#17221c;border-left:5px solid #62d79b}.testing-import-copy h2,.benchmark-panel h2,.testing-decision-section h2,.learning-ledger h2{margin:9px 0 7px;font-size:25px;letter-spacing:-.03em}.testing-import-copy p{max-width:780px;margin:0;color:#abb7b0;line-height:1.68}.testing-required-fields{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.testing-required-fields span{padding:6px 8px;border:1px solid #3d4a43;color:#c4cec8;font-size:11px}.testing-import-actions{display:grid;gap:10px}.testing-file-button{display:grid;gap:5px;padding:20px;color:#142019;background:#f5f8f5;cursor:pointer}.testing-file-button input{display:none}.testing-file-button b{font-size:15px}.testing-file-button small{color:#67746c}.testing-import-actions .btn{width:100%;color:#e3ebe6;border-color:#4b5951;background:transparent}
.benchmark-panel,.testing-decision-section,.learning-ledger{margin-top:22px;padding:28px 30px;border:1px solid #dfe5e0;background:#fff}.benchmark-panel>header,.testing-decision-section>header,.learning-ledger>header{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:22px}.benchmark-panel header p,.testing-decision-section header p,.learning-ledger header p{margin:0;color:#6f7a74;line-height:1.6}.benchmark-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.benchmark-grid label{display:grid;gap:7px}.benchmark-grid label>span{color:#617068;font-size:12px;font-weight:700}.benchmark-grid label>div{display:grid;grid-template-columns:1fr 32px;align-items:center;border:1px solid #d6ddd8}.benchmark-grid input{width:100%;min-height:42px;padding:0 10px;border:1px solid #d6ddd8;background:#fafbf9;font:inherit}.benchmark-grid label>div input{border:0}.benchmark-grid label>div b{color:#7d8881;text-align:center}
.decision-filter{display:flex;padding:4px;background:#edf1ee}.decision-filter button{padding:8px 11px;border:0;background:transparent;color:#69766e;cursor:pointer}.decision-filter button.active{color:#17231c;background:#fff;box-shadow:0 1px 3px rgba(20,32,25,.08)}.review-empty{padding:50px 20px;text-align:center;border:1px dashed #cbd5ce;background:#f8faf8}.review-empty strong{font-size:18px}.review-empty p{margin:7px 0 18px;color:#748078}.review-decision-list{display:grid;gap:14px}.review-decision{border:1px solid #dce3de;border-left:5px solid #85938b;background:#fff}.review-decision[data-severity="warning"]{border-left-color:#dca32f}.review-decision[data-severity="danger"]{border-left-color:#ce594e}.review-decision[data-severity="success"]{border-left-color:#249b65}.review-decision>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px 16px}.review-decision header span{color:#7a867f;font-size:11px}.review-decision h3{margin:4px 0 0;font-size:18px}.review-decision header>b{align-self:start;padding:7px 9px;color:#35423a;background:#eef2ef;font-size:12px}.review-metrics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e7ece8;border-bottom:1px solid #e7ece8}.review-metrics span{min-height:74px;padding:14px 18px;color:#758079;font-size:11px}.review-metrics span+span{border-left:1px solid #e7ece8}.review-metrics b{display:block;margin-bottom:5px;color:#1b2820;font-size:15px}.review-evidence{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e7ece8}.review-evidence>div{padding:17px 22px;background:#fafbf9}.review-evidence small,.experiment-strip small{color:#77827b;font-weight:700}.review-evidence p{margin:6px 0 0;line-height:1.6}.experiment-strip{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:17px 22px}.experiment-strip>div:first-child>div{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.experiment-strip>div:first-child span{padding:5px 7px;color:#2b6d4c;background:#e5f5eb;font-size:11px}.experiment-strip p{margin:0;color:#76827a;font-size:12px}.review-actions{display:flex;gap:8px}
.learning-table{border-top:1px solid #dfe5e0}.learning-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.35fr) 100px 130px;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #e6ebe7}.learning-row strong,.learning-row small{display:block}.learning-row small{margin-top:4px;color:#7b8780}.learning-row p{margin:0;color:#56635b;line-height:1.55}.learning-row>span{color:#748078}.learning-row>b{justify-self:start;padding:6px 8px;color:#5d6962;background:#edf1ee;font-size:11px}.learning-row>b[data-result="scale"]{color:#176540;background:#dff5e8}.learning-row>b[data-result="stop"]{color:#8d3d35;background:#f9e7e4}.learning-empty{padding:38px;color:#78847c;text-align:center}.hidden{display:none!important}
@media(max-width:1120px){.testing-hero,.testing-import-panel{grid-template-columns:1fr}.testing-kpis,.benchmark-grid{grid-template-columns:repeat(2,1fr)}.review-metrics{grid-template-columns:repeat(3,1fr)}.review-metrics span+span{border-left:0}.learning-row{grid-template-columns:1fr 1fr}.learning-row>span,.learning-row>b{justify-self:start}}
@media(max-width:760px){.side-nav{grid-template-columns:1fr}.testing-page{padding:24px 0}.testing-hero h1{font-size:40px}.testing-hero-status{grid-template-columns:58px 1fr}.testing-hero-status img{width:58px;height:58px}.testing-kpis,.benchmark-grid,.review-metrics,.review-evidence{grid-template-columns:1fr}.testing-import-panel,.benchmark-panel,.testing-decision-section,.learning-ledger{padding:22px 18px}.benchmark-panel>header,.testing-decision-section>header,.learning-ledger>header,.review-decision>header,.experiment-strip{align-items:stretch;flex-direction:column}.review-decision>header{display:flex}.experiment-strip{display:flex}.review-actions{width:100%}.review-actions .btn{flex:1}.learning-row{grid-template-columns:1fr;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V2.1 clarity pass: one obvious path, advanced controls stay secondary. */
.hero{min-height:270px;padding-top:38px;padding-bottom:24px;align-items:center}
.hero h1{max-width:820px;margin:12px 0 14px;font-size:clamp(38px,4.2vw,62px);line-height:1.08}
.hero-copy>p{max-width:690px;font-size:16px;line-height:1.7}
.hero-start{width:max-content;min-height:46px;margin-top:22px;padding:0 20px;border-radius:10px}
.agent-brief{min-height:190px;padding-top:22px;padding-bottom:20px}
.agent-brief strong{font-size:18px}

.simple-steps{padding:0;gap:0;overflow:hidden;color:var(--ink);border:1px solid #dfe1e8;background:#fff;box-shadow:none}
.simple-steps>div{min-height:96px;padding:18px 20px;display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-content:center}
.simple-steps>div+div{border-left:1px solid #e7e8ed}
.simple-steps>b{color:var(--violet)}
.simple-steps b{grid-row:1/3;align-self:start;width:26px;height:26px;display:grid;place-items:center;color:#fff!important;background:var(--violet);border-radius:50%;font-size:12px}
.simple-steps span{margin:0;font-size:15px}
.simple-steps small{margin-top:4px;color:#747684;font-size:11px}
.simple-steps>i{display:none}

.mission-console{grid-template-columns:minmax(220px,.62fr) minmax(440px,1.5fr);padding:26px 28px}
.mission-copy h2{font-size:clamp(24px,2vw,31px)}
.mission-copy p{font-size:14px}
.mission-input-wrap textarea{min-height:92px}
.planner-option{border-top:1px solid #303834}
.planner-option summary{padding-top:11px;color:#aeb8b3;font-size:12px;cursor:pointer;list-style:none}
.planner-option summary::-webkit-details-marker{display:none}
.planner-option summary::before{content:'+';display:inline-block;width:18px;color:#8fe0b2;font-weight:900}
.planner-option[open] summary::before{content:'−'}
.planner-option .planner-consent{margin-top:10px;padding:10px 12px;border:1px solid #343d38;background:#1d2420}

.advanced-settings{margin-top:20px;border:1px solid #dedfe6;border-radius:10px;background:#fff}
.advanced-settings summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}
.advanced-settings summary::-webkit-details-marker{display:none}
.advanced-settings summary b{font-size:12px}
.advanced-settings summary small{color:#848694;font-size:10px}
.advanced-settings summary::after{content:'+';color:var(--violet);font-size:18px;font-weight:800}
.advanced-settings[open] summary::after{content:'−'}
.advanced-settings .form-grid{margin:0;padding:4px 13px 14px;border-top:1px solid #ececf1}
.control-divider{display:none}
.btn{min-height:42px;font-size:12px}
.btn-block{min-height:48px;font-size:14px}
.feature-strip{display:none}
.stage-empty{min-height:610px}
.stage-empty>p{max-width:460px;font-size:14px;line-height:1.65}
.stage-empty h2{font-family:inherit;font-weight:800}
.analysis-head h2{font-family:inherit;font-weight:800}
.agent-operations h2,.testing-import-copy h2,.benchmark-panel h2,.testing-decision-section h2,.learning-ledger h2{letter-spacing:-.02em}

@media(max-width:760px){
  .topbar{gap:12px}.agent-profile{margin:12px 0}
  .side-nav{grid-template-columns:repeat(3,1fr);gap:5px}
  .side-nav button{display:flex;min-width:0;padding:10px 7px;justify-content:center;text-align:center}
  .side-nav button>span,.side-nav button small{display:none}.side-nav button b{font-size:12px;white-space:nowrap}
  .sidebar-sample{margin-top:8px}.sidebar-back{display:none}
  main{padding-top:0}.hero{padding:26px 0 20px;gap:20px}.hero h1{font-size:38px}.hero-copy>p{font-size:14px}
  .agent-brief{min-height:154px;padding:20px 16px 18px 106px}.agent-brief>img{left:15px;bottom:18px;width:74px;height:74px;border-radius:20px}.agent-brief strong{font-size:16px}
  .simple-steps{display:block}.simple-steps>div{min-height:auto;padding:14px 16px}.simple-steps>div+div{border-left:0;border-top:1px solid #e7e8ed}
  .mission-console{grid-template-columns:minmax(0,1fr);padding:20px 16px}.mission-input-wrap{min-width:0}.mission-examples{display:none}.mission-actions .btn{width:100%}
  .workspace{border-radius:14px}.control-panel{padding:22px 16px}.drop-zone{min-height:150px}.stage-empty{min-height:430px;padding:48px 18px}
  .analysis-actions{width:100%}.analysis-actions .btn{flex:1}
}


/* 2026-08-29 · 探探证据门禁与利润压力测试 */
.coverage-badge { display:inline-flex; align-items:center; justify-content:center; margin-top:9px; padding:5px 9px; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.02em; }
.coverage-ready { color:#176843; background:#e7f5ed; }
.coverage-conditional { color:#8c5a00; background:#fff4d8; }
.coverage-blocked { color:#a33a31; background:#fdebe8; }
.scenario-card,.evidence-card { grid-column:1 / -1; }
.scenario-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.scenario-item { min-width:0; padding:14px; border:1px solid var(--line); border-radius:11px; background:#f7f7f3; }
.scenario-item span,.scenario-item strong,.scenario-item small { display:block; }
.scenario-item span { font-size:9px; color:var(--muted); font-weight:800; }
.scenario-item strong { margin-top:7px; font-size:22px; letter-spacing:-.04em; }
.scenario-item small { margin-top:3px; color:var(--muted); font-size:9px; }
.scenario-item p { margin:10px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.scenario-item.positive { border-color:#bcdcc9; background:#f3faf6; }
.scenario-item.warning { border-color:#ead5a1; background:#fffaf0; }
.scenario-item.negative { border-color:#efc2bc; background:#fff6f4; }
.scenario-item.unknown { border-style:dashed; }
.scenario-note { margin:11px 0 0; color:var(--muted); font-size:9px; line-height:1.6; }
.evidence-summary { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:11px; }
.evidence-summary span { padding:6px 9px; border-radius:999px; font-size:9px; font-weight:800; }
.evidence-summary .positive { color:#176843; background:#e7f5ed; }
.evidence-summary .negative { color:#a33a31; background:#fdebe8; }
.evidence-summary .unknown { color:#685f50; background:#efede7; }
.evidence-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.evidence-item { display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:9px; align-items:start; padding:11px; border:1px solid var(--line); border-radius:10px; }
.evidence-item i { width:7px; height:7px; margin-top:3px; border-radius:50%; background:#aaa; }
.evidence-item.positive i { background:#2c9566; }
.evidence-item.negative i { background:#d7685d; }
.evidence-item.unknown i { background:#aaa18f; }
.evidence-item b { display:block; font-size:9px; }
.evidence-item p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.evidence-item>strong { font-size:11px; }
.missing-fields { margin:11px 0 0; padding:10px 12px; border-radius:9px; color:#76501f; background:#fff6df; font-size:9px; line-height:1.55; }
.missing-fields.complete { color:#176843; background:#edf8f1; }
@media(max-width:760px){
  .scenario-grid,.evidence-list { grid-template-columns:1fr; }
  .scenario-card,.evidence-card { grid-column:auto; }
  .scenario-item { padding:13px; }
}