:root {
  --bg-canvas: #0b0d10;
  --bg-surface: #15191e;
  --bg-elevated: #20262d;
  --text-primary: #f2f4f1;
  --text-secondary: #b8c0c2;
  --border-default: rgba(255, 255, 255, .14);
  --accent-primary: #e27c72;
  --status-success: #8dd7aa;
  --status-warning: #edc77d;
  --status-danger: #ec8a84;
  --font-ui: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --font-display: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-strong: 800;
  --radius-control: 10px;
  --radius-card: 16px;
  --radius-panel: 20px;
  --surface-border-style: solid;
  --surface-border-depth: 1px;
  --control-height: 40px;
  --content-density: 1;
  --icon-weight: 1.8;
  --shadow-card: 0 18px 50px rgba(0, 0, 0, .22);
  --shadow-floating: 0 28px 80px rgba(0, 0, 0, .36);
  --motion-emphasis: 180ms;
  --db-ink: var(--text-primary);
  --db-ink-2: var(--text-secondary);
  --db-muted: var(--text-secondary);
  --db-faint: #879297;
  --db-bg: var(--bg-canvas);
  --db-surface: var(--bg-surface);
  --db-surface-soft: var(--bg-elevated);
  --db-line: var(--border-default);
  --db-line-strong: rgba(255, 255, 255, .24);
  --db-primary: var(--accent-primary);
  --db-primary-2: #ff9e91;
  --db-lime: #d7f36d;
  --db-lime-strong: #c4e857;
  --db-teal: #77c49d;
  --db-blue: #9ab3ff;
  --db-amber: var(--status-warning);
  --db-danger: var(--status-danger);
  --db-radius-lg: 24px;
  --db-radius-md: 16px;
  --db-radius-sm: 11px;
  --db-shadow-sm: 0 1px 2px rgba(19, 35, 33, .04);
  --db-shadow-md: 0 12px 32px rgba(19, 35, 33, .07);
  --db-focus: 0 0 0 3px rgba(13, 126, 115, .2);
  --db-ease: var(--motion-emphasis) cubic-bezier(.2, .75, .25, 1);
}

body.v7-active {
  margin: 0;
  background: var(--db-bg);
  color: var(--db-ink);
  font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}

body.v7-active #workbenchNav,
body.v7-active .hero,
body.v7-active #modeBanner {
  display: none !important;
}

body.v7-active button,
body.v7-active input,
body.v7-active textarea,
body.v7-active select {
  font: inherit;
}

body.v7-active button,
body.v7-active select,
body.v7-active input[type="checkbox"],
body.v7-active input[type="radio"] {
  cursor: pointer;
}

.v7-portal {
  min-height: 100svh;
}

.v7-portal[hidden] {
  display: none !important;
}

.v7-boot-failure { min-height: 100svh; display: grid; place-content: center; gap: 12px; max-width: 560px; margin: 0 auto; padding: 40px 24px; text-align: center; }
.v7-boot-failure h1 { margin: 0; font-size: clamp(28px, 5vw, 44px); letter-spacing: -.05em; }
.v7-boot-failure p { margin: 0 0 10px; color: var(--db-muted); line-height: 1.7; }
.v7-boot-failure .v7-primary-action { justify-self: center; }
.v7-boot-loading { min-height: 100svh; display: grid; place-content: center; gap: 12px; max-width: 560px; margin: 0 auto; padding: 40px 24px; text-align: center; }
.v7-boot-loading h1 { margin: 0; font-size: clamp(28px, 5vw, 44px); letter-spacing: -.05em; }
.v7-boot-loading p { margin: 0; color: var(--db-muted); line-height: 1.7; }

.v7-app-frame {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: 100svh;
}

.v7-sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  padding: 28px 18px 20px;
  background: #f8fbf8;
  border-right: 1px solid var(--db-line);
}

.v7-brand-lockup {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 10px;
  color: var(--db-ink);
}

.v7-brand-lockup b,
.v7-brand-lockup small {
  display: block;
}

.v7-brand-lockup b {
  font-size: 16px;
  letter-spacing: -.04em;
  line-height: 1.1;
}

.v7-brand-lockup small {
  margin-top: 4px;
  color: var(--db-faint);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .15em;
}

.v7-brand-mark,
.v7-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--db-primary);
  background: var(--db-lime);
  font-weight: 900;
  letter-spacing: -.08em;
}

.v7-brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  font-size: 13px;
}

.v7-sidebar-label {
  margin: 58px 11px 10px;
  color: var(--db-faint);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}

.v7-nav {
  display: grid;
  gap: 5px;
}

.v7-nav button {
  position: relative;
  display: grid;
  grid-template-columns: 24px 24px 1fr;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--db-muted);
  background: transparent;
  text-align: left;
  transition: background var(--db-ease), color var(--db-ease), border-color var(--db-ease);
}

.v7-nav button:hover,
.v7-nav button:focus-visible {
  color: var(--db-ink);
  background: #eef5ef;
  border-color: var(--db-line);
}

.v7-nav button.is-active {
  color: var(--db-primary);
  background: #e9f1e9;
  border-color: #d6e5d8;
  font-weight: 800;
}

.v7-nav button.is-active::before {
  position: absolute;
  left: -1px;
  width: 3px;
  height: 22px;
  border-radius: 0 4px 4px 0;
  background: var(--db-teal);
  content: "";
}

.v7-nav-index {
  color: var(--db-faint);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.v7-nav-icon,
.v7-nav-label {
  display: inline-flex;
  align-items: center;
}

.v7-nav-icon { color: currentColor; }
.v7-nav-label { font-size: 13px; }

.v7-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.v7-sidebar-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: auto 8px 18px;
  padding: 13px 12px;
  border: 1px solid var(--db-line);
  border-radius: 14px;
  background: var(--db-surface);
}

.v7-sidebar-note-icon {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  color: var(--db-teal);
  background: #e9f6ef;
}

.v7-sidebar-note b,
.v7-sidebar-note small {
  display: block;
}

.v7-sidebar-note b { font-size: 11px; }
.v7-sidebar-note small { margin-top: 3px; color: var(--db-muted); font-size: 10px; }

.v7-sidebar-footer {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  color: var(--db-faint);
  font-size: 10px;
  letter-spacing: .03em;
}

.v7-status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: var(--db-teal);
  box-shadow: 0 0 0 3px rgba(13, 126, 115, .11);
}

.v7-content-frame { min-width: 0; }

.v7-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 48px;
  border-bottom: 1px solid var(--db-line);
  background: rgba(242, 246, 242, .92);
}

.v7-breadcrumb,
.v7-topbar-actions,
.v7-account-button,
.v7-local-pill {
  display: flex;
  align-items: center;
}

.v7-breadcrumb { gap: 9px; color: var(--db-faint); font-size: 12px; }
.v7-breadcrumb i { color: var(--db-line-strong); font-style: normal; }
.v7-breadcrumb b { color: var(--db-ink-2); font-weight: 800; }
.v7-topbar-actions { gap: 18px; }

.v7-local-pill {
  gap: 8px;
  padding: 7px 10px;
  border: 1px solid var(--db-line);
  border-radius: 99px;
  color: var(--db-muted);
  background: rgba(255, 255, 255, .7);
  font-size: 11px;
}

.v7-account-button {
  gap: 9px;
  min-height: 44px;
  padding: 4px 0 4px 8px;
  border: 0;
  color: var(--db-ink-2);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
}

.v7-account-button > .v7-icon { width: 13px; height: 13px; color: var(--db-faint); }
.v7-avatar { width: 30px; height: 30px; border-radius: 50%; font-size: 12px; letter-spacing: 0; }

.v7-main {
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 42px 48px 72px;
}

.v7-view-stack { min-height: 560px; }
.v7-view { animation: v7-fade-in .22s ease-out; }

.v7-page-intro,
.v7-section-heading,
.v7-wizard-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}

.v7-page-intro { margin-bottom: 34px; }
.v7-page-intro h1,
.v7-section-heading h2,
.v7-wizard-top h2 { margin: 8px 0 10px; color: var(--db-ink); letter-spacing: -.055em; }
.v7-page-intro h1 { max-width: 720px; font-size: clamp(32px, 3.8vw, 48px); line-height: 1.08; font-weight: 750; }
.v7-section-heading h2,
.v7-wizard-top h2 { font-size: clamp(27px, 3vw, 42px); line-height: 1.12; }
.v7-page-intro p,
.v7-section-heading p,
.v7-wizard-top p { max-width: 650px; margin: 0; color: var(--db-muted); font-size: 14px; line-height: 1.75; }
.v7-intro-meta { display: flex; align-items: center; gap: 9px; padding-top: 12px; color: var(--db-muted); font-size: 11px; white-space: nowrap; }
.v7-kicker,
.v7-panel-label { color: var(--db-teal); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }

.v7-home-grid { display: grid; grid-template-columns: minmax(0, 1.32fr) minmax(300px, .68fr); gap: 20px; }

.v7-command-panel {
  position: relative;
  min-height: 420px;
  padding: 32px;
  overflow: hidden;
  border-radius: var(--db-radius-lg);
  color: #f3faf4;
  background: var(--db-primary);
  box-shadow: var(--db-shadow-md);
}

.v7-command-panel::after {
  position: absolute;
  right: -80px;
  bottom: -105px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(215, 243, 109, .22);
  border-radius: 50%;
  box-shadow: 0 0 0 26px rgba(215, 243, 109, .035), 0 0 0 52px rgba(215, 243, 109, .025);
  content: "";
  pointer-events: none;
}

.v7-command-heading { position: relative; z-index: 1; display: flex; gap: 13px; align-items: flex-start; }
.v7-command-heading .v7-panel-label { color: #a9d7ca; }
.v7-command-heading h2 { margin: 7px 0 0; color: #fff; font-size: clamp(22px, 2.8vw, 32px); letter-spacing: -.05em; }
.v7-command-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--db-primary); background: var(--db-lime); }
.v7-command-icon .v7-icon { width: 21px; height: 21px; }

.v7-command-input { position: relative; z-index: 1; display: grid; gap: 10px; margin-top: 38px; }
.v7-command-input > span,
.v7-context-picker > span { color: #a9c1b9; font-size: 11px; font-weight: 700; }
.v7-command-input textarea {
  display: block;
  width: 100%;
  min-height: 124px;
  box-sizing: border-box;
  padding: 17px 18px;
  resize: vertical;
  border: 1px solid rgba(218, 243, 227, .2);
  border-radius: 14px;
  outline: 0;
  color: #f4fff4;
  background: rgba(5, 33, 29, .32);
  font-size: 16px;
  line-height: 1.65;
  transition: border-color var(--db-ease), box-shadow var(--db-ease);
}
.v7-command-input textarea::placeholder { color: #89aaa1; }
.v7-command-input textarea:focus { border-color: var(--db-lime); box-shadow: 0 0 0 3px rgba(215, 243, 109, .13); }

.v7-command-footer { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 22px; }
.v7-command-footer .v7-context-picker { flex: 1 1 auto; }
.v7-command-footer > .v7-primary-action { flex: 0 0 auto; min-width: 145px; }
.v7-context-picker { display: grid; gap: 9px; min-width: 0; }
.v7-context-row { display: flex; flex-wrap: wrap; gap: 7px; }
.v7-context-chip { min-height: 36px; padding: 0 11px; border: 1px solid rgba(219, 246, 225, .19); border-radius: 99px; color: #c0d5cd; background: transparent; font-size: 12px; transition: color var(--db-ease), background var(--db-ease), border-color var(--db-ease); }
.v7-context-chip:hover, .v7-context-chip:focus-visible { color: #fff; border-color: rgba(215, 243, 109, .55); }
.v7-context-chip.is-selected { color: var(--db-primary); border-color: var(--db-lime); background: var(--db-lime); font-weight: 800; }
.v7-command-footnote { position: relative; z-index: 1; display: flex; gap: 8px; margin-top: 22px; color: #7fa79c; font-size: 10px; }
.v7-home-task-card { position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 22px; padding: 17px; border: 1px solid rgba(218, 243, 227, .2); border-radius: 14px; background: rgba(5, 33, 29, .32); }
.v7-home-task-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.v7-home-task-head > div { display: grid; gap: 5px; }.v7-home-task-head .v7-panel-label { color: #a9d7ca; }.v7-home-task-head b { color: #fff; font-size: 13px; }.v7-home-task-marker { width: 9px; height: 9px; border-radius: 50%; background: var(--db-teal); box-shadow: 0 0 0 5px rgba(13, 126, 115, .2); }.v7-home-task-marker.is-active { background: var(--db-lime); box-shadow: 0 0 0 5px rgba(215, 243, 109, .16); }.v7-home-task-marker.is-failed { background: #ef9b83; box-shadow: 0 0 0 5px rgba(239, 155, 131, .14); }
.v7-home-task-card .v7-ai-pipeline { display: flex; flex-wrap: wrap; gap: 6px; }.v7-home-task-card .v7-ai-pipeline span { color: #b9d6cc; font-size: 10px; }.v7-home-task-card .v7-ai-pipeline span + span::before { margin-right: 6px; color: #6e9c8e; content: "→"; }.v7-home-task-card .v7-ai-pipeline .is-current { color: var(--db-lime); font-weight: 800; }
.v7-home-task-card .v7-ai-answer, .v7-home-task-card .v7-ai-followup { padding: 13px; border: 1px solid rgba(218, 243, 227, .16); border-radius: 11px; background: rgba(255, 255, 255, .055); }.v7-home-task-card .v7-ai-answer span, .v7-home-task-card .v7-ai-followup b { display: block; color: #d7f3df; font-size: 11px; }.v7-home-task-card .v7-ai-answer p, .v7-home-task-card .v7-ai-followup p { margin: 7px 0 0; color: #f4fff4; font-size: 13px; line-height: 1.7; white-space: pre-wrap; }.v7-home-task-card .v7-ai-followup small { display: block; margin-top: 7px; color: #a9c8bc; font-size: 10px; line-height: 1.5; }.v7-home-task-card .v7-ai-followup .v7-primary-action { margin-top: 12px; }
.v7-ai-context-used { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: var(--db-faint); font-size: 10px; }.v7-ai-context-used b { padding: 4px 7px; border-radius: 99px; color: var(--db-teal); background: #e9f5eb; font-size: 10px; }.v7-home-task-card .v7-ai-context-used { color: #a9c8bc; }.v7-home-task-card .v7-ai-context-used b { color: #d7f3df; background: rgba(215, 243, 109, .11); }
.v7-home-task-note { margin: 0; color: #a9c8bc; font-size: 10px; line-height: 1.5; }.v7-home-task-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }.v7-home-task-actions .v7-quiet-action { min-height: 36px; padding: 0 11px; border-color: rgba(218, 243, 227, .2); color: #d7f3df; background: transparent; font-size: 10px; }.v7-home-task-actions .v7-quiet-action:hover { border-color: var(--db-lime); color: var(--db-primary); background: var(--db-lime); }.v7-home-task-feedback { color: var(--db-lime); font-size: 10px; }
.v7-home-conversation { position: relative; z-index: 1; display: grid; gap: 17px; margin-top: 2px; }.v7-conversation-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.v7-conversation-status-badge { display: inline-flex; width: fit-content; margin-top: 8px; padding: 5px 8px; border: 1px solid rgba(215, 243, 109, .28); border-radius: 99px; color: var(--db-lime); background: rgba(215, 243, 109, .08); font-size: 10px; font-weight: 800; }.v7-conversation-head .v7-quiet-action, .v7-conversation-actions .v7-quiet-action { min-height: 38px; padding: 0 12px; border-color: rgba(218, 243, 227, .2); color: #d7f3df; background: transparent; font-size: 10px; }.v7-conversation-head .v7-quiet-action:hover, .v7-conversation-actions .v7-quiet-action:hover { border-color: var(--db-lime); color: var(--db-primary); background: var(--db-lime); }.v7-conversation-messages { display: grid; gap: 10px; padding-right: 2px; }.v7-conversation-message { max-width: 88%; padding: 13px 14px; border: 1px solid rgba(218, 243, 227, .16); border-radius: 13px; background: rgba(255, 255, 255, .055); }.v7-conversation-message.is-user { justify-self: end; border-color: rgba(215, 243, 109, .25); background: rgba(215, 243, 109, .08); }.v7-conversation-message span { display: block; color: #a9d7ca; font-size: 10px; font-weight: 800; }.v7-conversation-message p { margin: 6px 0 0; color: #f4fff4; font-size: 13px; line-height: 1.65; white-space: pre-wrap; }.v7-conversation-message p hr { margin: 12px 0; border: 0; border-top: 1px solid rgba(218, 243, 227, .18); }.v7-conversation-message p strong, .v7-ai-answer p strong { color: var(--db-lime); font-weight: 800; }.v7-conversation-message.is-processing p { color: var(--db-lime); }.v7-conversation-reply { display: grid; gap: 8px; padding-top: 15px; border-top: 1px solid rgba(218, 243, 227, .16); }.v7-conversation-reply label { color: #a9c8bc; font-size: 11px; font-weight: 800; }.v7-conversation-reply textarea { width: 100%; box-sizing: border-box; min-height: 78px; padding: 12px 13px; resize: vertical; border: 1px solid rgba(218, 243, 227, .2); border-radius: 12px; outline: 0; color: #f4fff4; background: rgba(5, 33, 29, .32); font-size: 14px; line-height: 1.55; }.v7-conversation-reply textarea:focus { border-color: var(--db-lime); box-shadow: 0 0 0 3px rgba(215, 243, 109, .13); }.v7-conversation-reply .v7-primary-action { justify-self: start; min-width: 92px; }.v7-conversation-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 2px; }

.v7-primary-action,
.v7-quiet-action,
.v7-wizard-actions button,
.v7-settings-actions button,
.v7-private-row button,
.v7-mini-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 17px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  transition: transform var(--db-ease), background var(--db-ease), border-color var(--db-ease), color var(--db-ease), box-shadow var(--db-ease);
}

.v7-primary-action { position: relative; z-index: 1; border: 1px solid var(--db-lime); color: var(--db-primary); background: var(--db-lime); box-shadow: 0 7px 16px rgba(215, 243, 109, .11); }
.v7-primary-action:hover { background: var(--db-lime-strong); box-shadow: 0 10px 20px rgba(215, 243, 109, .18); transform: translateY(-1px); }
.v7-primary-action .v7-icon { width: 15px; height: 15px; }
.v7-quiet-action { border: 1px solid var(--db-line); color: var(--db-muted); background: var(--db-surface); }
.v7-quiet-action:hover { color: var(--db-ink); border-color: var(--db-line-strong); background: var(--db-surface-soft); }
.v7-quiet-action .v7-icon { width: 15px; height: 15px; }

.v7-signal-panel,
.v7-home-rail,
.v7-dna-overview,
.v7-calculator-overview,
.v7-settings-grid article,
.v7-editor-card,
.v7-results-card,
.v7-dna-preview,
.v7-dna-wizard,
.v7-empty-ops,
.v7-ai-bridge {
  border: 1px solid var(--db-line);
  border-radius: var(--db-radius-lg);
  background: var(--db-surface);
  box-shadow: var(--db-shadow-sm);
}

.v7-signal-panel { padding: 28px; }
.v7-panel-topline { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.v7-panel-date { color: var(--db-faint); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.v7-signal-panel h3 { margin: 24px 0 19px; font-size: 21px; letter-spacing: -.045em; line-height: 1.35; }
.v7-signal-list { display: grid; gap: 0; }
.v7-signal { display: grid; grid-template-columns: 9px 1fr; gap: 13px; padding: 18px 0; border-top: 1px solid var(--db-line); }
.v7-signal:first-child { padding-top: 0; border-top: 0; }
.v7-signal-marker { width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--db-faint); box-shadow: 0 0 0 4px rgba(104, 119, 115, .08); }
.v7-signal-marker.is-teal { background: var(--db-teal); box-shadow: 0 0 0 4px rgba(13, 126, 115, .1); }
.v7-signal-marker.is-lime { background: #a4c824; box-shadow: 0 0 0 4px rgba(164, 200, 36, .12); }
.v7-signal-marker.is-blue { background: var(--db-blue); box-shadow: 0 0 0 4px rgba(91, 118, 207, .1); }
.v7-signal-marker.is-amber { background: var(--db-amber); box-shadow: 0 0 0 4px rgba(189, 129, 37, .1); }
.v7-signal b, .v7-signal span, .v7-signal small { display: block; }
.v7-signal b { font-size: 12px; }
.v7-signal span { margin-top: 6px; color: var(--db-muted); font-size: 12px; line-height: 1.55; }
.v7-signal small { margin-top: 8px; color: var(--db-faint); font-size: 10px; }
.v7-signal small button { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; color: var(--db-teal); background: transparent; font-size: 10px; font-weight: 800; }
.v7-signal small button .v7-icon { width: 12px; height: 12px; }

.v7-home-rail { display: grid; grid-template-columns: 180px 1fr; gap: 24px; align-items: center; margin-top: 20px; padding: 22px 24px; }
.v7-rail-heading h3 { margin: 8px 0 0; font-size: 15px; letter-spacing: -.03em; }
.v7-quick-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.v7-quick-actions button { display: grid; grid-template-columns: 27px 1fr 14px; align-items: center; gap: 9px; min-height: 64px; padding: 0 13px; border: 1px solid var(--db-line); border-radius: 13px; color: var(--db-ink-2); background: var(--db-surface-soft); text-align: left; transition: background var(--db-ease), border-color var(--db-ease), transform var(--db-ease); }
.v7-quick-actions button:hover { border-color: var(--db-line-strong); background: #fff; transform: translateY(-1px); }
.v7-quick-actions button > span:first-child { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; color: var(--db-teal); background: #e2f1e8; }
.v7-quick-actions button > .v7-icon { width: 14px; height: 14px; color: var(--db-faint); }
.v7-quick-actions b, .v7-quick-actions small { display: block; }
.v7-quick-actions b { font-size: 11px; }
.v7-quick-actions small { margin-top: 4px; color: var(--db-muted); font-size: 10px; line-height: 1.35; }

.v7-section-heading { margin-bottom: 28px; }
.v7-private-badge, .v7-confidence { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid #d6e9da; border-radius: 99px; color: var(--db-teal); background: #edf8ef; font-size: 10px; font-weight: 900; letter-spacing: .05em; white-space: nowrap; }
.v7-ops-tabs { display: flex; gap: 4px; margin-bottom: 20px; padding: 4px; border: 1px solid var(--db-line); border-radius: 13px; background: #eaf1eb; width: fit-content; }
.v7-ops-tabs button { min-height: 38px; padding: 0 16px; border: 0; border-radius: 9px; color: var(--db-muted); background: transparent; font-size: 12px; font-weight: 750; }
.v7-ops-tabs button[aria-selected="true"] { color: var(--db-ink); background: #fff; box-shadow: var(--db-shadow-sm); }

.v7-dna-overview, .v7-calculator-overview { padding: 28px; }
.v7-overview-intro, .v7-calculator-hero { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding-bottom: 24px; border-bottom: 1px solid var(--db-line); }
.v7-overview-intro h3, .v7-calculator-hero h3 { margin: 8px 0 5px; font-size: 23px; letter-spacing: -.045em; }
.v7-overview-intro p, .v7-calculator-hero p { margin: 0; color: var(--db-muted); font-size: 12px; }
.v7-overview-intro button, .v7-calculator-hero button { min-height: 42px; padding: 0 13px; border: 1px solid var(--db-line-strong); border-radius: 10px; color: var(--db-ink-2); background: #fff; font-size: 11px; font-weight: 800; }
.v7-number-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 24px 0; overflow: hidden; border: 1px solid var(--db-line); border-radius: 14px; background: var(--db-line); }
.v7-number-grid > div { min-height: 100px; padding: 18px; background: var(--db-surface-soft); }
.v7-number-grid strong, .v7-number-grid span { display: block; }
.v7-number-grid strong { font-size: 23px; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.v7-number-grid span { margin-top: 8px; color: var(--db-muted); font-size: 11px; }
.v7-number-grid small { font-size: 10px; color: var(--db-muted); }
.v7-health-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.v7-health-strip > div { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--db-line); border-radius: 13px; background: #fbfdfb; }
.v7-health-strip b { font-size: 12px; }.v7-health-strip span { color: var(--db-muted); font-size: 12px; line-height: 1.5; }.v7-health-strip small { color: var(--db-faint); font-size: 10px; }

.v7-dna-summary-grid, .v7-preview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
.v7-summary-item, .v7-preview-item { display: grid; align-content: start; gap: 9px; min-height: 118px; padding: 15px; border: 1px solid var(--db-line); border-radius: 13px; background: var(--db-surface-soft); }
.v7-summary-item.is-wide, .v7-preview-item.is-wide { grid-column: span 2; }
.v7-summary-item span, .v7-preview-item span { color: var(--db-faint); font-size: 10px; font-weight: 800; }.v7-summary-item strong, .v7-preview-item strong { font-size: 12px; line-height: 1.55; }.v7-summary-item button, .v7-preview-item button { width: fit-content; padding: 0; border: 0; color: var(--db-teal); background: transparent; font-size: 10px; font-weight: 800; }

.v7-empty-ops { display: grid; justify-items: start; padding: 54px 32px; }
.v7-empty-mark { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: var(--db-primary); background: var(--db-lime); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.v7-empty-ops h3 { margin: 22px 0 8px; font-size: 22px; letter-spacing: -.04em; }.v7-empty-ops p { max-width: 520px; margin: 0 0 22px; color: var(--db-muted); font-size: 13px; line-height: 1.7; }

.v7-editor-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 18px; }
.v7-editor-card, .v7-results-card { padding: 24px; }
.v7-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.v7-card-heading > div { display: flex; align-items: flex-start; gap: 10px; }.v7-card-heading > div > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: var(--db-teal); background: #e3f2e8; font-size: 10px; font-weight: 900; }.v7-card-heading h3 { margin: 3px 0 0; font-size: 15px; letter-spacing: -.03em; }.v7-card-heading small { color: var(--db-faint); font-size: 10px; line-height: 1.5; text-align: right; }
.v7-editor-card label, .v7-private-row label, .v7-mini-form label, .v7-sales-grid label, .v7-calibration-field { display: grid; gap: 7px; color: var(--db-muted); font-size: 11px; font-weight: 700; }
.v7-editor-card .v7-credit-unit { display: flex; align-items: center; gap: 9px; width: fit-content; }.v7-credit-unit input { width: 112px; }.v7-credit-unit em { color: var(--db-muted); font-size: 11px; font-style: normal; }
.v7-editor-card input, .v7-editor-card select, .v7-editor-card textarea, .v7-parsed-card input, .v7-parsed-card select { min-height: 42px; box-sizing: border-box; padding: 0 11px; border: 1px solid var(--db-line-strong); border-radius: 9px; outline: 0; color: var(--db-ink); background: #fff; font-size: 12px; }
.v7-editor-card input::placeholder, .v7-editor-card textarea::placeholder, .v7-parsed-card input::placeholder { color: var(--db-faint); opacity: 1; }
.v7-editor-card textarea { width: 100%; min-height: 184px; padding: 13px; resize: vertical; line-height: 1.6; }.v7-editor-card input:focus, .v7-editor-card select:focus, .v7-editor-card textarea:focus, .v7-parsed-card input:focus, .v7-parsed-card select:focus { border-color: var(--db-teal); box-shadow: var(--db-focus); }
.v7-bulk-card > .v7-primary-action { margin-top: 12px; }
.v7-inline-note { margin: 12px 0; color: var(--db-muted); font-size: 11px; line-height: 1.65; }.v7-inline-feedback { padding: 11px 14px; border: 1px solid #d4e8da; border-radius: 10px; color: var(--db-teal); background: #edf8ef; font-size: 12px; }.v7-dna-wizard .v7-inline-feedback { border-color: #efc8bd; color: #8f3d31; background: #fff4f1; }.v7-question.is-invalid { border-color: #e5a79b; background: #fff8f6; box-shadow: 0 0 0 3px rgba(212, 104, 84, .09); }.v7-question.is-invalid input, .v7-question.is-invalid textarea { border-color: #e5a79b; }
.v7-trend-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 14px; color: var(--db-muted); font-size: 11px; }.v7-trend-legend span { padding: 5px 9px; border: 1px solid rgba(218,243,227,.14); border-radius: 999px; background: rgba(255,255,255,.03); }.v7-trend-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 10px; }.v7-trend-feedback select { min-height: 32px; padding: 0 8px; border: 1px solid rgba(218,243,227,.18); border-radius: 7px; color: var(--db-text); background: var(--db-surface); font-size: 11px; }.v7-trend-card-evergreen { border-color: rgba(226, 187, 104, .35); }.v7-trend-card-trend_now { border-color: rgba(173, 239, 95, .45); }
.v7-mini-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--db-line); }.v7-mini-form input, .v7-mini-form select { width: 100%; }.v7-mini-form button { grid-column: 1 / -1; border: 1px solid var(--db-primary); color: #fff; background: var(--db-primary); }.v7-mini-form button:hover { background: var(--db-primary-2); }
.v7-list-block, .v7-health-list { display: grid; gap: 9px; margin-top: 18px; }.v7-class-row { display: grid; grid-template-columns: 1fr 145px auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }.v7-class-row b, .v7-class-row span { display: block; }.v7-class-row b { font-size: 12px; }.v7-class-row span, .v7-class-row small { margin-top: 4px; color: var(--db-muted); font-size: 10px; line-height: 1.45; }.v7-class-row small { color: var(--db-faint); white-space: nowrap; }.v7-calibration-field select { min-height: 34px; padding: 0 7px; font-size: 10px; }
.v7-monthly-card, .v7-results-card { margin-top: 18px; }.v7-sales-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.v7-sales-grid label { padding: 12px; border: 1px solid var(--db-line); border-radius: 11px; background: var(--db-surface-soft); }.v7-sales-grid small { color: var(--db-faint); font-size: 10px; font-weight: 500; }.v7-private-row { display: flex; align-items: flex-end; gap: 12px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--db-line); }.v7-private-row label { min-width: 150px; }.v7-private-row button { border: 1px solid var(--db-primary); color: #fff; background: var(--db-primary); }
.v7-parse-review { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--db-line); }.v7-review-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; }.v7-review-head b { font-size: 12px; }.v7-review-head span { color: var(--db-teal); font-size: 10px; }.v7-parsed-card { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--db-line); border-radius: 11px; background: var(--db-surface-soft); }.v7-parsed-card > div { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 7px; }.v7-parsed-card > div:last-child { grid-template-columns: repeat(4, 1fr); }.v7-parsed-card label { gap: 5px; font-size: 10px; }.v7-parsed-card input, .v7-parsed-card select { min-height: 35px; padding: 0 7px; font-size: 10px; }.v7-parse-review > .v7-primary-action { margin-top: 12px; }
.v7-result-number-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--db-line); border-radius: 13px; background: var(--db-line); }.v7-result-number-grid article { min-height: 120px; padding: 15px; background: var(--db-surface-soft); }.v7-result-number-grid span, .v7-result-number-grid strong, .v7-result-number-grid em { display: block; }.v7-result-number-grid span { color: var(--db-muted); font-size: 10px; }.v7-result-number-grid strong { margin-top: 13px; font-size: 21px; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }.v7-result-number-grid strong small { color: var(--db-muted); font-size: 10px; }.v7-result-number-grid em { margin-top: 8px; color: var(--db-faint); font-size: 9px; font-style: normal; line-height: 1.45; }.v7-health-list article { display: grid; grid-template-columns: 1fr auto; gap: 7px 18px; padding: 14px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }.v7-health-list b, .v7-health-list span, .v7-health-list small { display: block; }.v7-health-list b { font-size: 12px; }.v7-health-list span { margin-top: 4px; color: var(--db-muted); font-size: 10px; }.v7-health-list strong { align-self: center; font-size: 12px; }.v7-health-list small { grid-column: 1 / -1; color: var(--db-faint); font-size: 10px; }.v7-finding-list, .v7-acquisition-note { display: grid; gap: 7px; margin-top: 18px; padding: 15px; border-left: 3px solid var(--db-teal); background: #f3faf4; }.v7-finding-list b, .v7-acquisition-note b { font-size: 11px; }.v7-finding-list p, .v7-acquisition-note span, .v7-acquisition-note small { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }.v7-acquisition-note { border-left-color: var(--db-amber); background: #fff9ed; }.v7-unlimited { margin-top: 15px; padding: 13px 15px; border: 1px solid var(--db-line); border-radius: 11px; }.v7-unlimited summary { cursor: pointer; color: var(--db-ink-2); font-size: 11px; font-weight: 800; }.v7-unlimited p { color: var(--db-muted); font-size: 11px; line-height: 1.6; }

.v7-wizard-top { margin-bottom: 25px; }.v7-dna-wizard, .v7-dna-preview { padding: 30px; }.v7-dna-wizard > .v7-wizard-top button, .v7-dna-preview > .v7-wizard-top button { min-height: 42px; padding: 0 13px; border: 1px solid var(--db-line-strong); border-radius: 10px; color: var(--db-muted); background: #fff; font-size: 11px; font-weight: 800; }.v7-progress { margin-bottom: 25px; padding: 14px 16px; border: 1px solid var(--db-line); border-radius: 13px; background: var(--db-surface-soft); }.v7-progress-label { display: flex; justify-content: space-between; gap: 12px; color: var(--db-ink-2); font-size: 11px; font-weight: 800; }.v7-progress-label small { color: var(--db-muted); font-weight: 500; }.v7-progress-track { height: 5px; margin-top: 11px; overflow: hidden; border-radius: 99px; background: #dfeae1; }.v7-progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--db-teal); transition: width .25s ease; }.v7-question-list { display: grid; gap: 17px; }.v7-question { min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--db-line); border-radius: 14px; background: var(--db-surface-soft); }.v7-question legend, .v7-text-question > span { display: block; margin-bottom: 7px; color: var(--db-ink-2); font-size: 13px; font-weight: 800; }.v7-question p, .v7-text-question small { display: block; margin: 0 0 13px; color: var(--db-muted); font-size: 11px; line-height: 1.55; }.v7-text-question input, .v7-text-question textarea, .v7-question > input { width: 100%; box-sizing: border-box; min-height: 46px; padding: 10px 12px; border: 1px solid var(--db-line-strong); border-radius: 10px; outline: 0; background: #fff; }.v7-text-question textarea { min-height: 100px; resize: vertical; }.v7-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }.v7-choice { display: flex !important; align-items: center; gap: 9px; min-height: 44px; padding: 0 11px; border: 1px solid var(--db-line); border-radius: 10px; color: var(--db-muted); background: #fff; font-size: 11px; cursor: pointer; transition: border-color var(--db-ease), color var(--db-ease), background var(--db-ease); }.v7-choice:has(input:checked) { color: var(--db-primary); border-color: #add3bc; background: #eef8ef; font-weight: 750; }.v7-choice input { accent-color: var(--db-teal); }.v7-wizard-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 22px; }.v7-wizard-actions button:not(.v7-primary-action) { border: 1px solid var(--db-line-strong); color: var(--db-muted); background: #fff; }
.v7-confirm-band { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding: 19px; border: 1px solid #d4e8d9; border-radius: 14px; background: #f0f9f1; }.v7-confirm-band b, .v7-confirm-band span { display: block; }.v7-confirm-band b { font-size: 12px; }.v7-confirm-band span { margin-top: 6px; color: var(--db-muted); font-size: 11px; line-height: 1.55; }

.v7-settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.v7-settings-grid article { min-height: 176px; padding: 22px; }.v7-settings-grid h3 { margin: 10px 0 7px; font-size: 17px; letter-spacing: -.03em; }.v7-settings-grid p { margin: 0; color: var(--db-muted); font-size: 12px; line-height: 1.6; }.v7-settings-status { display: flex; align-items: center; gap: 7px; margin-top: 17px; color: var(--db-teal); font-size: 10px; font-weight: 800; line-height: 1.45; }.v7-settings-actions { display: flex; gap: 9px; margin-top: 18px; }.v7-settings-actions button { border: 1px solid var(--db-line-strong); color: var(--db-ink-2); background: #fff; }.v7-settings-actions button:first-child { color: #fff; border-color: var(--db-primary); background: var(--db-primary); }
.v7-ai-bridge { padding: 30px; }.v7-context-bridge { display: flex; align-items: flex-start; gap: 13px; margin-top: 28px; padding: 18px; border: 1px solid #d5e8da; border-left: 3px solid var(--db-teal); border-radius: 13px; background: #f1faf2; }.v7-context-bridge-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: var(--db-teal); background: #dff1e5; }.v7-context-bridge b, .v7-context-bridge span { display: block; }.v7-context-bridge b { font-size: 12px; }.v7-context-bridge span { margin-top: 5px; color: var(--db-muted); font-size: 11px; line-height: 1.55; }

.v7-ai-view { padding-bottom: 28px; }
.v7-ai-result-card, .v7-task-history { margin-top: 23px; padding: 22px; border: 1px solid var(--db-line); border-radius: var(--db-radius-lg); background: var(--db-surface); box-shadow: var(--db-shadow-sm); }.v7-ai-result-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.v7-ai-task-status { color: var(--db-teal); font-size: 11px; font-weight: 800; }.v7-ai-pipeline { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }.v7-ai-pipeline span { color: var(--db-faint); font-size: 10px; }.v7-ai-pipeline span + span::before { margin-right: 7px; color: var(--db-line-strong); content: "→"; }.v7-ai-pipeline .is-current { color: var(--db-teal); font-weight: 800; }.v7-ai-answer, .v7-ai-followup { margin-top: 15px; padding: 15px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }.v7-ai-answer span, .v7-ai-followup b { display: block; color: var(--db-ink-2); font-size: 11px; }.v7-ai-answer p, .v7-ai-followup p { margin: 7px 0 0; color: var(--db-ink); font-size: 13px; line-height: 1.7; white-space: pre-wrap; }.v7-ai-followup small { display: block; margin-top: 7px; color: var(--db-muted); font-size: 10px; }.v7-ai-followup .v7-primary-action { margin-top: 12px; }.v7-ai-result-card .v7-ai-context-used { margin-top: 15px; }
.v7-task-history-list { display: grid; gap: 8px; margin-top: 14px; }.v7-task-history-list button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; padding: 10px 12px; border: 1px solid var(--db-line); border-radius: 11px; color: var(--db-ink-2); background: var(--db-surface-soft); text-align: left; }.v7-task-history-list button:hover { border-color: var(--db-line-strong); background: #fff; }.v7-task-history-list button span { min-width: 0; }.v7-task-history-list b, .v7-task-history-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.v7-task-history-list b { font-size: 11px; }.v7-task-history-list small { margin-top: 4px; color: var(--db-muted); font-size: 10px; }.v7-task-history-list .v7-icon { width: 14px; height: 14px; color: var(--db-faint); }
.v7-ai-heading { margin-bottom: 0; }
.v7-ai-cockpit { position: relative; margin-top: 23px; padding: 30px 32px; overflow: hidden; border-radius: var(--db-radius-lg); color: #f3faf4; background: var(--db-primary); box-shadow: var(--db-shadow-md); }
.v7-ai-cockpit::after { position: absolute; right: -65px; bottom: -110px; width: 280px; height: 280px; border: 1px solid rgba(215, 243, 109, .2); border-radius: 50%; box-shadow: 0 0 0 24px rgba(215, 243, 109, .035), 0 0 0 50px rgba(215, 243, 109, .025); content: ""; pointer-events: none; }
.v7-ai-cockpit-heading { position: relative; z-index: 1; display: flex; gap: 13px; align-items: flex-start; }.v7-ai-cockpit-heading h3 { margin: 7px 0 0; color: #fff; font-size: clamp(23px, 2.7vw, 34px); letter-spacing: -.05em; }.v7-ai-cockpit-heading .v7-panel-label { color: #a9d7ca; }
.v7-ai-input { position: relative; z-index: 1; display: grid; gap: 9px; margin-top: 32px; }.v7-ai-input > span { color: #a9c1b9; font-size: 11px; font-weight: 700; }.v7-ai-input textarea { display: block; width: 100%; min-height: 128px; box-sizing: border-box; padding: 17px 18px; resize: vertical; border: 1px solid rgba(218, 243, 227, .2); border-radius: 14px; outline: 0; color: #f4fff4; background: rgba(5, 33, 29, .32); font-size: 16px; line-height: 1.65; transition: border-color var(--db-ease), box-shadow var(--db-ease); }.v7-ai-input textarea::placeholder { color: #89aaa1; }.v7-ai-input textarea:focus { border-color: var(--db-lime); box-shadow: 0 0 0 3px rgba(215, 243, 109, .13); }
.v7-ai-context-line { position: relative; z-index: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }.v7-ai-context-line > span:first-child { color: #a9c1b9; font-size: 11px; font-weight: 700; }.v7-ai-context-line .v7-context-row { gap: 6px; }.v7-ai-context-line .v7-context-chip { min-height: 34px; }.v7-ai-context-state { color: #d7f36d; font-size: 10px; font-weight: 800; }
.v7-ai-cockpit-footer { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px; color: #7fa79c; font-size: 10px; }.v7-ai-cockpit-footer .v7-primary-action { min-width: 126px; }
.v7-ai-examples { margin-top: 24px; padding: 0 2px 22px; border-bottom: 1px solid var(--db-line); }.v7-ai-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }.v7-ai-section-head h3 { margin: 7px 0 0; font-size: 17px; letter-spacing: -.035em; }.v7-ai-section-head small { color: var(--db-faint); font-size: 10px; }.v7-example-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 14px; }.v7-example-grid button { display: flex; align-items: flex-start; gap: 8px; min-height: 68px; padding: 13px 12px; border: 1px solid var(--db-line); border-radius: 13px; color: var(--db-ink-2); background: var(--db-surface); text-align: left; font-size: 11px; line-height: 1.5; transition: border-color var(--db-ease), background var(--db-ease), transform var(--db-ease); }.v7-example-grid button:hover { border-color: #a9cbb3; background: var(--db-surface-soft); transform: translateY(-1px); }.v7-example-grid .v7-icon { flex: 0 0 auto; width: 14px; height: 14px; margin-top: 2px; color: var(--db-teal); }
.v7-ai-entry-note, .v7-ai-expanded { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-top: 20px; padding: 18px; border: 1px solid #d5e8da; border-left: 3px solid var(--db-teal); border-radius: 13px; background: #f1faf2; }.v7-ai-entry-note > div, .v7-ai-expanded > div { min-width: 0; }.v7-ai-entry-note b, .v7-ai-entry-note span, .v7-ai-expanded h3, .v7-ai-expanded p { display: block; }.v7-ai-entry-note b, .v7-ai-expanded h3 { margin: 0; font-size: 12px; }.v7-ai-entry-note span, .v7-ai-expanded p { margin: 5px 0 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }.v7-ai-expanded { align-items: center; border-left-color: var(--db-primary); background: var(--db-surface); }.v7-ai-expanded h3 { margin: 7px 0 0; font-size: 16px; }.v7-ai-expanded p { max-width: 700px; }
.v7-dna-progress-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; margin: 5px 0 23px; border: 1px solid var(--db-line); border-radius: 13px; overflow: hidden; background: var(--db-line); }.v7-dna-progress-grid div { display: grid; gap: 7px; min-height: 76px; padding: 14px; background: var(--db-surface-soft); }.v7-dna-progress-grid b { font-size: 11px; }.v7-dna-progress-grid span { color: var(--db-muted); font-size: 11px; }
.v7-calculator-empty { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px; margin-top: 24px; padding: 22px; border: 1px solid var(--db-line); border-radius: 15px; background: var(--db-surface-soft); }.v7-calculator-empty h3 { margin: 0 0 5px; font-size: 16px; }.v7-calculator-empty p { max-width: 540px; margin: 0; color: var(--db-muted); font-size: 12px; line-height: 1.65; }.v7-calculator-steps { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 9px; padding-top: 16px; border-top: 1px solid var(--db-line); }.v7-calculator-steps span { color: var(--db-muted); font-size: 11px; }.v7-calculator-steps b { margin-right: 5px; color: var(--db-teal); font-size: 10px; }
.v7-guided-stepper { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; padding: 10px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }.v7-guided-stepper span { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 8px; color: var(--db-faint); font-size: 10px; }.v7-guided-stepper span.is-current { color: var(--db-primary); font-weight: 800; }.v7-guided-stepper span.is-done { color: var(--db-teal); }.v7-guided-stepper b { font-variant-numeric: tabular-nums; }.v7-guided-focus-card { max-width: 820px; }.v7-guided-focus-card > h3, .v7-guided-result-card h3 { margin: 8px 0 7px; font-size: 22px; letter-spacing: -.04em; }.v7-guided-focus-card > p { max-width: 640px; margin: 0 0 18px; color: var(--db-muted); font-size: 12px; line-height: 1.65; }.v7-guided-focus-card > textarea { width: 100%; box-sizing: border-box; min-height: 190px; padding: 14px; border: 1px solid var(--db-line-strong); border-radius: 11px; outline: 0; color: var(--db-ink); background: #fff; line-height: 1.65; resize: vertical; }.v7-guided-example { margin: 10px 0 15px; padding: 10px 12px; border-left: 3px solid var(--db-lime); color: var(--db-muted); background: #f8fbef; font-size: 11px; line-height: 1.55; }.v7-guided-form { display: grid; gap: 12px; max-width: 620px; margin-top: 20px; }.v7-guided-form label { display: grid; gap: 6px; color: var(--db-ink-2); font-size: 11px; font-weight: 750; }.v7-guided-form input, .v7-guided-form select { min-height: 44px; padding: 0 11px; border: 1px solid var(--db-line-strong); border-radius: 9px; outline: 0; color: var(--db-ink); background: #fff; }.v7-guided-form .v7-primary-action { margin-top: 6px; }.v7-check-line { display: flex !important; align-items: center; grid-template-columns: auto 1fr; }.v7-check-line input { min-height: 18px; }.v7-guided-result-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }.v7-guided-result-actions button, .v7-guided-focus-card > .v7-quiet-action { min-height: 40px; padding: 0 12px; border: 1px solid var(--db-line-strong); border-radius: 9px; color: var(--db-muted); background: #fff; }.v7-calculator-advanced { margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--db-line); }.v7-calculator-advanced summary { cursor: pointer; color: var(--db-ink-2); font-size: 11px; font-weight: 800; }.v7-calculator-advanced p { color: var(--db-muted); font-size: 11px; line-height: 1.55; }.v7-dna-processing { max-width: 650px; margin: 8vh auto; padding: 34px; border: 1px solid #d5e8da; border-radius: 16px; background: #f1faf2; }.v7-dna-processing h2 { margin: 9px 0; font-size: 25px; letter-spacing: -.04em; }.v7-dna-processing p { color: var(--db-muted); font-size: 12px; line-height: 1.65; }.v7-distillation-status { display: flex; align-items: center; gap: 9px; margin-top: 22px; color: var(--db-teal); font-size: 12px; font-weight: 750; }.v7-contradiction-panel { display: grid; gap: 10px; margin-top: 22px; padding: 17px; border-left: 3px solid var(--db-amber); background: #fff9ed; }.v7-contradiction-panel p { margin: 6px 0 0; color: var(--db-muted); font-size: 11px; line-height: 1.55; }.v7-contradiction-panel article { display: grid; gap: 4px; padding-top: 10px; border-top: 1px solid #eadfca; }.v7-contradiction-panel small, .v7-pending-note span { color: var(--db-muted); font-size: 10px; }.v7-pending-note { display: grid; gap: 7px; padding: 17px; border-left: 3px solid var(--db-amber); background: #fff9ed; }.v7-dna-stage-top { scroll-margin-top: 82px; }
.v7-natural-calculator-card { max-width: 920px; padding: clamp(24px, 4vw, 48px); background: linear-gradient(145deg, #fbfdf8, #f4f9f0); }.v7-natural-calculator-card h3 { margin: 10px 0 8px; font-size: clamp(22px, 3vw, 32px); letter-spacing: -.05em; }.v7-natural-calculator-card textarea { display: block; width: 100%; box-sizing: border-box; min-height: 230px; margin-top: 24px; padding: 17px 18px; border: 1px solid #b8cbc0; border-radius: 14px; outline: 0; color: var(--db-ink); background: #fff; font: inherit; line-height: 1.75; resize: vertical; }.v7-natural-calculator-card textarea:focus { border-color: var(--db-teal); box-shadow: 0 0 0 4px rgba(16, 113, 100, .1); }.v7-natural-hints, .v7-natural-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.v7-natural-hints { margin: 12px 0 20px; }.v7-natural-hints span { padding: 6px 9px; border-radius: 99px; color: var(--db-teal); background: #e6f3e8; font-size: 10px; }.v7-natural-actions { margin-top: 17px; }.v7-natural-actions .v7-primary-action { width: auto; }.v7-proposal-note { margin: 0 0 13px; color: var(--db-muted); font-size: 11px; line-height: 1.6; }.v7-natural-proposal-card { max-width: 980px; }.v7-proposed-classes, .v7-uncertainty-panel { display: grid; gap: 9px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--db-line); }.v7-proposed-classes article { display: grid; gap: 4px; padding: 12px 13px; border: 1px solid var(--db-line); border-radius: 11px; background: var(--db-surface-soft); }.v7-proposed-classes article span { color: var(--db-muted); font-size: 11px; line-height: 1.5; }.v7-uncertainty-panel { border-top: 0; padding: 15px; border-left: 3px solid var(--db-amber); background: #fff9ed; }.v7-uncertainty-panel div { display: grid; gap: 4px; }.v7-uncertainty-panel div span, .v7-uncertainty-panel p { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.5; }.v7-uncertainty-panel p { padding-top: 7px; border-top: 1px solid #eadfca; }.v7-result-number-grid article.is-muted, .v7-number-grid .is-muted { background: #f5f5f0; }.v7-result-number-grid article.is-muted strong, .v7-number-grid .is-muted strong { color: var(--db-muted); font-size: 16px; }

body.v7-password-setup { min-height: 100svh; background: var(--db-bg); color: var(--db-ink); font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; }
body.v7-password-setup .hero, body.v7-password-setup #modeBanner, body.v7-password-setup #workbenchNav, body.v7-password-setup .workspace, body.v7-password-setup [data-center-panel] { display: none !important; }
body.v7-password-setup .app-shell { max-width: 720px; margin: 0 auto; padding: 64px 24px; background: transparent; box-shadow: none; }
body.v7-password-setup .boss-password-panel { display: block !important; margin: 0; padding: 30px; border: 1px solid var(--db-line); border-radius: var(--db-radius-lg); background: var(--db-surface); box-shadow: var(--db-shadow-md); }
body.v7-password-setup .boss-password-form { grid-template-columns: 1fr; gap: 14px; }.v7-password-setup .boss-password-form input { min-height: 46px; box-sizing: border-box; }.v7-password-setup .boss-password-form button { min-height: 46px; border: 1px solid var(--db-primary); color: #fff; background: var(--db-primary); box-shadow: none; }.v7-password-setup .boss-password-form button:hover { background: var(--db-primary-2); }

body.v7-active .workspace { max-width: 1280px; margin: 24px auto 0; padding: 0 48px 64px; background: transparent; }.v7-portal:not([hidden]) + .workbench-nav { display: none !important; }
body.v7-active .workspace::before { display: none; content: none; }
body.v7-active:not(.v7-ai-mode) [data-center-panel],
body.v7-active:not(.v7-ai-mode) #v61Dashboard,
body.v7-active:not(.v7-ai-mode) .workspace { display: none !important; }
body.v7-active.v7-ai-mode #contentCenter { display: none !important; }
body.v7-active.v7-ai-mode .workspace { padding: 0 0 64px; }
body.v7-active.v7-ai-mode .workspace .input-panel { border-color: var(--db-line); border-radius: var(--db-radius-lg); background: var(--db-surface); box-shadow: var(--db-shadow-sm); }
body.v7-active.v7-ai-mode .workspace .workspace-utilities button { border-color: var(--db-line-strong); color: var(--db-muted); background: var(--db-surface); }
body.v7-active.v7-ai-mode .workspace .workspace-utilities button[aria-pressed="true"],
body.v7-active.v7-ai-mode .workspace button.primary { border-color: var(--db-primary); color: #fff; background: var(--db-primary); }
body.v7-active.v7-ai-mode .workspace .generation-intent-panel { border-color: #d5e8da; background: #f1faf2; }

body.v7-active :focus-visible { outline: 3px solid rgba(13, 126, 115, .32); outline-offset: 2px; }

@keyframes v7-fade-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

[data-v7-dna-stage-top] { scroll-margin-top: 82px; }

@media (max-width: 1120px) {
  .v7-app-frame { grid-template-columns: 218px minmax(0, 1fr); }
  .v7-main, .v7-topbar { padding-left: 30px; padding-right: 30px; }
  .v7-home-grid { grid-template-columns: 1fr; }.v7-signal-panel { min-height: auto; }.v7-signal-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.v7-signal { grid-template-columns: 9px 1fr; padding: 0; border: 0; }.v7-signal:first-child { padding: 0; }.v7-signal + .v7-signal { border-left: 1px solid var(--db-line); padding-left: 14px; }.v7-signal-panel h3 { margin-bottom: 22px; }
  .v7-result-number-grid, .v7-number-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .v7-app-frame { display: block; }.v7-sidebar { position: sticky; z-index: 10; top: 0; min-height: auto; padding: 11px 14px; border-right: 0; border-bottom: 1px solid var(--db-line); }.v7-brand-lockup { padding: 0 4px 10px; }.v7-sidebar-label, .v7-sidebar-note, .v7-sidebar-footer { display: none; }.v7-nav { display: flex; gap: 4px; overflow-x: auto; padding-bottom: 1px; }.v7-nav button { grid-template-columns: 20px 18px 1fr; flex: 1 0 auto; min-width: 110px; min-height: 44px; padding: 0 9px; }.v7-nav-index { display: none; }.v7-nav-label { font-size: 11px; }.v7-topbar { min-height: 58px; padding: 0 20px; }.v7-main { padding: 28px 20px 48px; }.v7-page-intro h1 { font-size: clamp(29px, 8vw, 42px); }.v7-home-rail { grid-template-columns: 1fr; }.v7-quick-actions { grid-template-columns: 1fr; }.v7-editor-grid { grid-template-columns: 1fr; }.v7-dna-summary-grid, .v7-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-settings-grid { grid-template-columns: 1fr; }.v7-settings-grid article { min-height: auto; }.v7-signal-list { grid-template-columns: 1fr; }.v7-signal + .v7-signal { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--db-line); }.v7-signal-panel { padding: 22px; }.v7-command-panel { padding: 24px; }.v7-command-footer, .v7-private-row, .v7-confirm-band { align-items: stretch; flex-direction: column; }.v7-primary-action { width: 100%; }.v7-calculator-hero, .v7-overview-intro, .v7-section-heading, .v7-wizard-top { flex-direction: column; }.v7-class-row { grid-template-columns: 1fr 1fr; }.v7-class-row small { grid-column: 1 / -1; }.v7-class-row .v7-calibration-field { min-width: 0; }.v7-sales-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-example-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-ai-cockpit-footer { align-items: stretch; flex-direction: column; }
}

@media (max-width: 480px) {
  .v7-topbar { padding: 0 14px; }.v7-breadcrumb span, .v7-breadcrumb i, .v7-local-pill { display: none; }.v7-main { padding: 22px 14px 40px; }.v7-page-intro { margin-bottom: 22px; }.v7-page-intro p, .v7-section-heading p, .v7-wizard-top p { font-size: 13px; }.v7-home-grid { gap: 12px; }.v7-command-panel, .v7-signal-panel, .v7-home-rail, .v7-dna-overview, .v7-calculator-overview, .v7-editor-card, .v7-results-card, .v7-dna-preview, .v7-dna-wizard, .v7-empty-ops, .v7-ai-cockpit { padding: 20px; border-radius: 18px; }.v7-command-heading h2, .v7-ai-cockpit-heading h3 { font-size: 23px; }.v7-context-chip { min-height: 40px; }.v7-choice-grid, .v7-dna-summary-grid, .v7-preview-grid, .v7-result-number-grid, .v7-number-grid, .v7-sales-grid { grid-template-columns: 1fr; }.v7-summary-item.is-wide, .v7-preview-item.is-wide { grid-column: auto; }.v7-card-heading { flex-direction: column; gap: 6px; }.v7-card-heading small { text-align: left; }.v7-mini-form { grid-template-columns: 1fr; }.v7-mini-form button { grid-column: auto; }.v7-parsed-card > div, .v7-parsed-card > div:last-child { grid-template-columns: 1fr 1fr; }.v7-health-list article { grid-template-columns: 1fr; }.v7-health-list strong { align-self: start; }.v7-progress-label { align-items: flex-start; flex-direction: column; gap: 5px; }.v7-wizard-actions { flex-direction: column-reverse; }.v7-wizard-actions button { width: 100%; }.v7-account-button > span:not(.v7-avatar), .v7-account-button > .v7-icon { display: none; }.v7-nav { gap: 2px; }.v7-nav button { min-width: 0; flex: 1 1 0; grid-template-columns: 17px minmax(0, 1fr); padding: 0 6px; }.v7-nav-icon { width: 16px; height: 16px; }.v7-nav-label { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.v7-ai-context-line { align-items: flex-start; flex-direction: column; }.v7-ai-cockpit-footer { gap: 13px; }.v7-ai-entry-note, .v7-ai-expanded { align-items: stretch; flex-direction: column; }.v7-dna-progress-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-calculator-empty { grid-template-columns: 1fr; }.v7-calculator-empty .v7-empty-mark { width: 44px; height: 44px; }
}

.v7-natural-calculator-card textarea, .v7-natural-proposal-card, .v7-proposed-classes, .v7-uncertainty-panel { min-width: 0; }
.v7-core-cognition-heading { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; margin: 24px 0 10px; }.v7-core-cognition-heading b { color: var(--db-ink-2); font-size: 12px; }.v7-core-cognition-heading span { color: var(--db-faint); font-size: 10px; }.v7-cognition-question-panel { display: grid; gap: 10px; margin-top: 20px; padding: 17px; border-left: 3px solid var(--db-amber); background: #fff9ed; }.v7-cognition-question-panel > div { display: grid; gap: 5px; }.v7-cognition-question-panel p { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.55; }.v7-cognition-question-panel article { display: grid; gap: 7px; padding-top: 11px; border-top: 1px solid #eadfca; }.v7-cognition-question-panel article b { color: var(--db-ink-2); font-size: 12px; line-height: 1.55; }.v7-human-badge { width: fit-content; padding: 4px 7px; border-radius: 99px; color: #7b5415; background: #f8e7bd; font-size: 10px; font-weight: 800; }.v7-cognition-suggestions, .v7-store-facts-details { margin-top: 14px; padding: 13px 15px; border: 1px solid var(--db-line); border-radius: 11px; background: var(--db-surface-soft); }.v7-cognition-suggestions summary, .v7-store-facts-details summary { cursor: pointer; color: var(--db-ink-2); font-size: 11px; font-weight: 800; }.v7-cognition-suggestions p, .v7-store-facts-details p { margin: 9px 0 0; color: var(--db-muted); font-size: 11px; line-height: 1.55; }
.v7-proposal-summary { display: flex; justify-content: space-between; gap: 18px; align-items: flex-end; padding: 4px 0 17px; border-bottom: 1px solid var(--db-line); }.v7-proposal-summary > div { display: grid; gap: 8px; }.v7-proposal-summary b { font-size: 16px; letter-spacing: -.03em; }.v7-proposal-summary-state { color: var(--db-teal); font-size: 11px; font-weight: 750; text-align: right; }.v7-proposal-card, .v7-proposal-class { display: grid; gap: 10px; margin-top: 10px; padding: 15px; border: 1px solid var(--db-line); border-radius: 13px; background: var(--db-surface-soft); }.v7-proposal-card.is-uncertain { border-color: #e8c98f; background: #fffaf0; }.v7-proposal-card.is-editing, .v7-proposal-class.is-editing { border-color: var(--db-teal); box-shadow: 0 0 0 3px rgba(16, 113, 100, .08); }.v7-proposal-card-summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }.v7-proposal-card-copy { display: grid; gap: 5px; min-width: 0; }.v7-proposal-card-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }.v7-proposal-card-title b { font-size: 13px; }.v7-proposal-card-copy strong { font-size: 19px; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }.v7-proposal-card-copy > span { color: var(--db-muted); font-size: 11px; line-height: 1.5; }.v7-proposal-status { padding: 4px 7px; border-radius: 99px; color: #8a5b11; background: #f8e7bd; font-size: 10px; font-weight: 800; }.v7-inline-edit { flex: 0 0 auto; min-height: 40px; padding: 0 12px; border: 1px solid var(--db-line-strong); border-radius: 9px; color: var(--db-ink-2); background: #fff; font-size: 11px; font-weight: 750; cursor: pointer; }.v7-inline-edit:hover { border-color: var(--db-teal); color: var(--db-teal); }.v7-proposal-warning { display: grid; gap: 4px; padding: 10px 11px; border-left: 3px solid var(--db-amber); background: rgba(255, 247, 227, .8); }.v7-proposal-warning b { color: #7b5415; font-size: 11px; }.v7-proposal-warning span, .v7-source-line { color: var(--db-muted); font-size: 10px; line-height: 1.5; }.v7-proposal-edit-panel { display: grid; gap: 13px; padding-top: 13px; border-top: 1px solid var(--db-line); }.v7-proposal-edit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.v7-proposal-edit-grid label { display: grid; gap: 5px; color: var(--db-muted); font-size: 10px; font-weight: 750; }.v7-proposal-edit-grid input, .v7-proposal-edit-grid select { min-height: 42px; min-width: 0; padding: 0 9px; border: 1px solid var(--db-line-strong); border-radius: 8px; color: var(--db-ink); background: #fff; }.v7-inline-edit-actions { display: flex; flex-wrap: wrap; gap: 8px; }.v7-inline-edit-actions .v7-primary-action { width: auto; min-height: 40px; }.v7-proposal-class .v7-proposal-card-copy strong { font-size: 16px; }.v7-source-line { display: block; }.v7-uncertainty-compact { margin-top: 17px; padding: 12px 14px; }.v7-uncertainty-compact p { margin: 0; }.v7-proposed-classes { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--db-line); }
@media (max-width: 480px) {
  .v7-natural-calculator-card { padding: 18px; }
  .v7-natural-actions { align-items: stretch; flex-direction: column; }
  .v7-natural-actions button, .v7-natural-actions .v7-primary-action { width: 100%; }
  .v7-natural-hints span { flex: 1 1 40%; text-align: center; }
  .v7-result-number-grid strong { overflow-wrap: anywhere; }
  .v7-proposal-summary { align-items: flex-start; flex-direction: column; }.v7-proposal-summary-state { text-align: left; }.v7-proposal-card-summary { gap: 10px; }.v7-proposal-edit-grid { grid-template-columns: 1fr 1fr; }.v7-proposal-edit-grid label:first-child { grid-column: 1 / -1; }.v7-inline-edit-actions { flex-direction: column; }.v7-inline-edit-actions .v7-primary-action { width: 100%; }
  .v7-core-cognition-heading { align-items: flex-start; flex-direction: column; }
}

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

.v7-r6-decision-first, .v7-r6-section, .v7-r6-next-actions { margin-top: 18px; padding: 20px; border: 1px solid var(--db-line); border-radius: 16px; background: var(--db-surface); box-shadow: var(--db-shadow-sm); }
.v7-r6-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }.v7-r6-section-head > div { display: grid; gap: 5px; }.v7-r6-section-head > span:first-child, .v7-r6-section-head > div > span:first-child { color: var(--db-ink-2); font-size: 14px; font-weight: 850; letter-spacing: -.02em; }.v7-r6-section-head small { color: var(--db-muted); font-size: 10px; font-weight: 500; line-height: 1.5; }.v7-r6-section-index { color: var(--db-teal); font-size: 11px; font-variant-numeric: tabular-nums; font-weight: 850; }
.v7-r6-conclusion-list { display: grid; gap: 2px; margin-top: 14px; }.v7-r6-conclusion { display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid var(--db-line); }.v7-r6-conclusion:first-child { border-top: 0; }.v7-r6-conclusion > span { color: var(--db-teal); font-size: 11px; font-weight: 900; font-variant-numeric: tabular-nums; }.v7-r6-conclusion p { margin: 0; color: var(--db-ink-2); font-size: 13px; line-height: 1.65; }.v7-r6-muted { margin: 14px 0 0; color: var(--db-muted); font-size: 12px; line-height: 1.6; }
.v7-r6-data-basis { display: grid; gap: 4px; margin-top: 18px; padding: 13px 15px; border-left: 3px solid var(--db-lime-strong); background: #f8fbee; }.v7-r6-data-basis span { color: var(--db-faint); font-size: 10px; }.v7-r6-data-basis b { color: var(--db-ink-2); font-size: 12px; }.v7-r6-data-basis small { color: var(--db-muted); font-size: 10px; line-height: 1.5; }
.v7-r6-group-list { display: grid; gap: 10px; margin-top: 15px; }.v7-r6-comparison-group, .v7-r6-unknown-card { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }.v7-r6-group-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.v7-r6-group-top > div { display: grid; gap: 4px; }.v7-r6-group-top b { color: var(--db-ink-2); font-size: 13px; }.v7-r6-group-top span { color: var(--db-muted); font-size: 11px; }.v7-r6-status { flex: 0 0 auto; padding: 4px 7px; border-radius: 99px; color: var(--db-teal); background: #e7f4e9; font-size: 10px; font-weight: 800; }.v7-r6-status.is-amber { color: #7b5415; background: #f8e7bd; }.v7-r6-meaning, .v7-r6-warning { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }.v7-r6-warning { padding-top: 9px; border-top: 1px solid #eadfca; color: #7b5415; }.v7-r6-comparison-group details { border-top: 1px solid var(--db-line); padding-top: 8px; }.v7-r6-comparison-group summary { cursor: pointer; color: var(--db-ink-2); font-size: 11px; font-weight: 800; }.v7-r6-comparison-group ul { display: grid; gap: 7px; margin: 10px 0 0; padding: 0; list-style: none; }.v7-r6-comparison-group li { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: baseline; color: var(--db-muted); font-size: 11px; }.v7-r6-comparison-group li strong { color: var(--db-ink-2); font-size: 12px; }.v7-r6-comparison-group li strong small { color: var(--db-muted); font-size: 9px; font-weight: 500; }.v7-r6-comparison-group li em { grid-column: 1 / -1; color: var(--db-amber); font-size: 10px; font-style: normal; }.v7-r6-unknown-card { border-left: 3px solid var(--db-amber); }.v7-r6-unknown-card b { color: var(--db-ink-2); font-size: 12px; }.v7-r6-unknown-card span { color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-r6-health-list { display: grid; gap: 10px; margin-top: 15px; }.v7-r6-health-card { display: grid; gap: 14px; padding: 15px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }.v7-r6-health-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }.v7-r6-health-top > div { display: grid; gap: 4px; }.v7-r6-health-top b { color: var(--db-ink-2); font-size: 13px; }.v7-r6-health-top span { color: var(--db-muted); font-size: 10px; }.v7-r6-health-top > strong { color: var(--db-teal); font-size: 12px; white-space: nowrap; }.v7-r6-health-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }.v7-r6-health-metrics div { display: grid; gap: 7px; min-height: 63px; padding: 11px; background: #fff; }.v7-r6-health-metrics span { color: var(--db-muted); font-size: 10px; }.v7-r6-health-metrics b { color: var(--db-ink-2); font-size: 12px; line-height: 1.45; }.v7-r6-disclaimer { color: var(--db-faint); font-size: 10px; line-height: 1.5; }.v7-r6-next-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #f6faef; }.v7-r6-next-actions > div:first-child { display: grid; gap: 4px; }.v7-r6-next-actions span { color: var(--db-ink-2); font-size: 13px; font-weight: 850; }.v7-r6-next-actions small { color: var(--db-muted); font-size: 10px; }.v7-r6-next-actions > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }.v7-r6-next-actions button { width: auto; min-height: 40px; }.v7-r6-simulator { border-color: #b8d8c0; background: #f8fcf7; }.v7-r6-simulator textarea { display: block; width: 100%; box-sizing: border-box; min-height: 76px; margin-top: 15px; padding: 11px 12px; border: 1px solid var(--db-line-strong); border-radius: 10px; outline: 0; background: #fff; resize: vertical; line-height: 1.6; }.v7-r6-simulation-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }.v7-r6-simulation-actions button { width: auto; min-height: 40px; }.v7-r6-simulation-result { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 15px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }.v7-r6-simulation-result > div { display: grid; gap: 6px; padding: 13px; background: #fff; }.v7-r6-simulation-result span { color: var(--db-muted); font-size: 10px; }.v7-r6-simulation-result b { color: var(--db-ink-2); font-size: 17px; }.v7-r6-simulation-result > p { grid-column: 1 / -1; margin: 0; padding: 11px 13px; color: var(--db-muted); background: #f4faf2; font-size: 11px; line-height: 1.55; }.v7-r6-simulation-note { margin: 12px 0 0; color: var(--db-danger); font-size: 11px; }
@media (max-width: 720px) { .v7-r6-next-actions, .v7-r6-health-top { align-items: stretch; flex-direction: column; }.v7-r6-next-actions > div:last-child { flex-direction: column; }.v7-r6-next-actions button { width: 100%; }.v7-r6-health-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-r6-simulation-result { grid-template-columns: 1fr; }.v7-r6-simulation-result > p { grid-column: auto; } }
@media (max-width: 420px) { .v7-r6-decision-first, .v7-r6-section, .v7-r6-next-actions { padding: 15px; }.v7-r6-group-top { flex-direction: column; }.v7-r6-health-metrics { grid-template-columns: 1fr; }.v7-r6-health-metrics div { min-height: auto; }.v7-r6-health-top > strong { white-space: normal; } }

/* V4.1 product surface: quiet, task-first, and deliberately separate from the data model. */
.v7-v41-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 22px; padding-bottom: 13px; border-bottom: 1px solid var(--db-line); }
.v7-v41-tabs button { min-height: 42px; padding: 0 15px; border: 1px solid transparent; border-radius: 10px; color: var(--db-muted); background: transparent; font-size: 12px; font-weight: 800; transition: color var(--db-ease), background var(--db-ease), border-color var(--db-ease); }
.v7-v41-tabs button:hover, .v7-v41-tabs button:focus-visible { color: var(--db-ink); border-color: var(--db-line); background: var(--db-surface-soft); }
.v7-v41-tabs button.is-active { color: var(--db-primary); border-color: #cfe3d3; background: #eaf4e9; }
.v7-v41-tabs button span { display: inline-grid; place-items: center; min-width: 19px; height: 19px; margin-left: 4px; border-radius: 99px; color: var(--db-primary); background: var(--db-lime); font-size: 10px; }
.v7-v41-studio-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 18px; }
.v7-v41-studio-card, .v7-v41-studio-aside, .v7-v41-result, .v7-v41-media-library { border: 1px solid var(--db-line); border-radius: 18px; background: var(--db-surface); box-shadow: var(--db-shadow-sm); }
.v7-v41-studio-card { display: grid; gap: 13px; padding: 24px; }
.v7-v41-studio-card-primary { background: linear-gradient(140deg, #ffffff 0%, #f7fbf5 100%); }
.v7-v41-studio-card h3, .v7-v41-media-library h3 { margin: 0; color: var(--db-ink); font-size: 22px; letter-spacing: -.045em; }
.v7-v41-studio-card p, .v7-v41-media-library p { margin: 0; color: var(--db-muted); font-size: 13px; line-height: 1.7; }
.v7-v41-studio-aside { display: grid; align-content: start; gap: 14px; padding: 22px; background: #f5f9f3; }
.v7-v41-studio-aside ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.v7-v41-studio-aside li { position: relative; padding-left: 19px; color: var(--db-ink-2); font-size: 12px; line-height: 1.55; }
.v7-v41-studio-aside li::before { position: absolute; top: .55em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--db-lime-strong); content: ""; }
.v7-v41-studio-aside small { color: var(--db-faint); font-size: 10px; line-height: 1.6; }
.v7-v41-field { display: grid; gap: 7px; }
.v7-v41-field > span { color: var(--db-ink-2); font-size: 11px; font-weight: 800; }
.v7-v41-field textarea { width: 100%; min-height: 82px; box-sizing: border-box; padding: 12px 13px; border: 1px solid var(--db-line-strong); border-radius: 11px; color: var(--db-ink); background: #fff; outline: 0; resize: vertical; line-height: 1.6; }
.v7-v41-field textarea:focus { border-color: var(--db-teal); box-shadow: var(--db-focus); }
.v7-v41-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.v7-v41-chips button, .v7-knowledge-actions button { min-height: 36px; padding: 0 11px; border: 1px solid var(--db-line-strong); border-radius: 99px; color: var(--db-muted); background: #fff; font-size: 11px; cursor: pointer; }
.v7-v41-chips button:hover, .v7-v41-chips button:focus-visible, .v7-knowledge-actions button:hover, .v7-knowledge-actions button:focus-visible { color: var(--db-primary); border-color: var(--db-teal); }
.v7-v41-upload { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 15px; border: 1px dashed var(--db-teal); border-radius: 11px; color: var(--db-teal); background: #f5fbf6; font-size: 12px; font-weight: 800; cursor: pointer; }
.v7-v41-upload:hover, .v7-v41-upload:focus-within { background: #eaf6ea; box-shadow: var(--db-focus); }
.v7-v41-selected { padding: 9px 11px; border-left: 3px solid var(--db-lime-strong); color: var(--db-ink-2) !important; background: #f4faef; font-size: 11px !important; }
.v7-v41-result { display: grid; gap: 15px; margin-top: 18px; padding: 20px; }
.v7-v41-result-head, .v7-v41-library-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.v7-v41-result-head h3, .v7-v41-library-head h3 { margin: 5px 0 0; color: var(--db-ink-2); font-size: 17px; letter-spacing: -.035em; }
.v7-v41-result-head > span { color: var(--db-teal); font-size: 11px; font-weight: 800; }
.v7-v41-poster-grid, .v7-v41-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.v7-v41-poster-grid article, .v7-v41-video-grid article { overflow: hidden; border: 1px solid var(--db-line); border-radius: 13px; background: var(--db-surface-soft); }
.v7-v41-poster-grid img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: #edf3ed; }
.v7-v41-video-grid video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #132321; }
.v7-v41-poster-grid article > div, .v7-v41-video-grid article > div { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 11px; }
.v7-v41-poster-grid b, .v7-v41-video-grid b { flex: 1 1 100%; color: var(--db-ink-2); font-size: 11px; }
.v7-v41-poster-grid button, .v7-v41-video-grid button { min-height: 34px; padding: 0 9px; border: 1px solid var(--db-line-strong); border-radius: 8px; color: var(--db-muted); background: #fff; font-size: 10px; font-weight: 800; cursor: pointer; }
.v7-v41-poster-grid button:first-of-type, .v7-v41-video-grid button:first-of-type { color: var(--db-primary); border-color: #cfe3d3; background: #eef8ea; }
.v7-v41-media-library { display: grid; gap: 19px; padding: 22px; }
.v7-v41-media-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.v7-v41-media-grid article { display: grid; gap: 8px; min-width: 0; }
.v7-v41-media-preview { overflow: hidden; display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: 11px; color: var(--db-teal); background: #edf4ed; }
.v7-v41-media-preview video { width: 100%; height: 100%; object-fit: cover; }
.v7-v41-media-grid b { overflow: hidden; color: var(--db-ink-2); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.v7-v41-media-grid small { color: var(--db-muted); font-size: 10px; }
.v7-knowledge-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.v7-knowledge-actions button:first-child { color: var(--db-primary); border-color: #cfe3d3; background: #eef8ea; }
.v7-store-knowledge-panel { display: grid; gap: 17px; margin-top: 18px; padding: 22px; border: 1px solid var(--db-line); border-radius: 18px; background: var(--db-surface); box-shadow: var(--db-shadow-sm); }
.v7-knowledge-focus { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-bottom: 3px; }
.v7-knowledge-focus .v7-knowledge-panel-heading { flex: 1; }
.v7-knowledge-focus > .v7-primary-action { flex: 0 0 auto; }
.v7-knowledge-panel-heading, .v7-knowledge-bucket-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.v7-knowledge-panel-heading h3 { margin: 5px 0 5px; color: var(--db-ink-2); font-size: 20px; letter-spacing: -.04em; }
.v7-knowledge-panel-heading p { max-width: 680px; margin: 0; color: var(--db-muted); font-size: 12px; line-height: 1.65; }
.v7-knowledge-buckets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.v7-knowledge-bucket { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 15px; border: 1px solid var(--db-line); border-radius: 14px; background: var(--db-surface-soft); }
.v7-knowledge-bucket-head { align-items: baseline; padding-bottom: 9px; border-bottom: 1px solid var(--db-line); }
.v7-knowledge-bucket-head > div { display: flex; align-items: baseline; gap: 7px; }.v7-knowledge-bucket-head strong { color: var(--db-teal); font-size: 20px; }.v7-knowledge-bucket-head small { color: var(--db-faint); font-size: 10px; }
.v7-knowledge-card { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface); }.v7-knowledge-card-copy { min-width: 0; }.v7-knowledge-card h4 { overflow-wrap: anywhere; margin: 5px 0 5px; color: var(--db-ink-2); font-size: 13px; line-height: 1.5; }.v7-knowledge-card p, .v7-knowledge-card small { display: block; margin: 0; color: var(--db-muted); font-size: 10px; line-height: 1.55; overflow-wrap: anywhere; }.v7-knowledge-state { color: var(--db-teal); font-size: 10px; font-weight: 800; }.v7-knowledge-edit { display: grid; gap: 5px; }.v7-knowledge-edit span { color: var(--db-faint); font-size: 10px; }.v7-knowledge-edit textarea { width: 100%; min-height: 56px; box-sizing: border-box; padding: 8px 9px; border: 1px solid var(--db-line-strong); border-radius: 8px; color: var(--db-ink); background: var(--db-surface-soft); font: inherit; font-size: 11px; line-height: 1.5; resize: vertical; }.v7-knowledge-empty, .v7-knowledge-unknown { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }.v7-knowledge-unknown { padding: 8px 0; border-bottom: 1px solid var(--db-line); }.v7-knowledge-unknown:last-child { border-bottom: 0; }.v7-knowledge-error { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #b84b45; border-radius: 10px; color: var(--db-muted); font-size: 11px; }
.v7-knowledge-candidate-focus { grid-template-columns: 1fr; }
.v7-knowledge-stats { border-top: 1px solid var(--db-line); padding-top: 12px; }
.v7-knowledge-stats summary { color: var(--db-muted); font-size: 11px; cursor: pointer; }
.v7-knowledge-stats .v7-knowledge-buckets { margin-top: 12px; }
.v7-knowledge-rejected { padding-top: 3px; border-top: 1px solid var(--db-line); }.v7-knowledge-rejected summary { color: var(--db-muted); font-size: 11px; cursor: pointer; }.v7-knowledge-rejected p { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 8px; margin: 10px 0 0; color: var(--db-muted); font-size: 11px; line-height: 1.5; }.v7-knowledge-rejected p span { color: var(--db-faint); }.v7-knowledge-rejected p small { grid-column: 2; color: var(--db-faint); font-size: 10px; }
@media (max-width: 860px) { .v7-v41-studio-grid { grid-template-columns: 1fr; }.v7-v41-studio-aside { order: -1; }.v7-v41-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-knowledge-buckets { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .v7-v41-tabs { overflow-x: auto; flex-wrap: nowrap; }.v7-v41-tabs button { flex: 0 0 auto; }.v7-v41-studio-card, .v7-v41-studio-aside, .v7-v41-result, .v7-v41-media-library, .v7-store-knowledge-panel { padding: 16px; }.v7-v41-poster-grid, .v7-v41-video-grid { grid-template-columns: 1fr; }.v7-v41-result-head, .v7-v41-library-head, .v7-knowledge-focus, .v7-knowledge-panel-heading, .v7-knowledge-bucket-head { align-items: stretch; flex-direction: column; }.v7-knowledge-focus > .v7-primary-action { width: 100%; }.v7-knowledge-actions button { flex: 1 1 45%; }.v7-v41-media-grid { grid-template-columns: 1fr 1fr; }.v7-knowledge-bucket-head { gap: 4px; } }
@media (prefers-reduced-motion: reduce) { .v7-v41-tabs button, .v7-v41-chips button, .v7-v41-upload { transition: none; } }

/* R7 decision-first result closeout: quiet hierarchy, one business reading path. */
.v7-r7-state { color: var(--db-teal); font-size: 10px; font-weight: 800; }
.v7-r7-conclusions, .v7-r7-business-section, .v7-r7-next-actions { margin-top: 18px; padding: 20px; border: 1px solid var(--db-line); border-radius: 16px; background: var(--db-surface); box-shadow: var(--db-shadow-sm); }
.v7-r7-section-heading, .v7-r7-subsection-heading, .v7-r7-card-group-top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.v7-r7-section-heading h3, .v7-r7-subsection-heading h3 { margin: 0; color: var(--db-ink-2); font-size: 15px; letter-spacing: -.025em; }
.v7-r7-section-heading > span, .v7-r7-subsection-heading > span { color: var(--db-muted); font-size: 10px; }
.v7-r7-conclusion-list { display: grid; gap: 0; margin-top: 10px; }
.v7-r7-conclusion-list article { padding: 14px 0; border-top: 1px solid var(--db-line); }
.v7-r7-conclusion-list article:first-child { border-top: 0; padding-top: 6px; }
.v7-r7-conclusion-list p { max-width: 820px; margin: 0; color: var(--db-ink-2); font-size: 14px; line-height: 1.75; }
.v7-r7-business-section { background: #fbfdf9; }
.v7-r7-card-groups { display: grid; gap: 10px; margin-top: 14px; }
.v7-r7-card-group, .v7-r7-kids-module { display: grid; gap: 11px; padding: 15px; border: 1px solid var(--db-line); border-radius: 12px; background: #fff; }
.v7-r7-card-group-top > div { display: grid; gap: 4px; }
.v7-r7-card-group-top b { color: var(--db-ink-2); font-size: 13px; }
.v7-r7-card-group-top span { color: var(--db-muted); font-size: 11px; }
.v7-r7-card-details { padding-top: 9px; border-top: 1px solid var(--db-line); }
.v7-r7-card-details summary { cursor: pointer; color: var(--db-teal); font-size: 11px; font-weight: 800; }
.v7-r7-card-details ul { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.v7-r7-card-details li { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: baseline; color: var(--db-muted); font-size: 11px; }
.v7-r7-card-details li strong { color: var(--db-ink-2); font-size: 12px; }
.v7-r7-card-details li em { grid-column: 1 / -1; color: #8a5b11; font-size: 10px; font-style: normal; }
.v7-r7-kids-module { background: #fcfcf8; }
.v7-r7-child-subgroup { display: grid; gap: 7px; padding: 11px 12px; border-top: 1px solid var(--db-line); }
.v7-r7-child-subgroup > div { display: grid; gap: 3px; }
.v7-r7-child-subgroup b { color: var(--db-ink-2); font-size: 12px; }
.v7-r7-child-subgroup span, .v7-r7-child-subgroup small { color: var(--db-muted); font-size: 10px; line-height: 1.55; }
.v7-r7-child-subgroup.is-unknown { border: 1px solid #eadfca; border-radius: 9px; background: #fff9ed; }
.v7-r7-scope-note { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; align-items: center; margin-top: 3px; padding: 13px; border-left: 3px solid var(--db-amber); background: #fff9ed; }
.v7-r7-scope-note > div { display: grid; gap: 4px; }
.v7-r7-scope-note b { color: #7b5415; font-size: 11px; }
.v7-r7-scope-note span, .v7-r7-scope-note small { color: #8a6a33; font-size: 10px; line-height: 1.5; }
.v7-r7-scope-note button { min-height: 36px; padding: 0 11px; border: 1px solid #d6b56b; border-radius: 8px; color: #76500f; background: #fffdf6; font-size: 10px; font-weight: 800; }
.v7-r7-scope-note small { grid-column: 1 / -1; }
.v7-r7-class-block { display: grid; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--db-line-strong); }
.v7-r7-health-card { display: grid; gap: 13px; padding: 15px; border: 1px solid #bdd7c3; border-radius: 12px; background: #f8fcf7; }
.v7-r7-health-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.v7-r7-health-top > div { display: grid; gap: 4px; }
.v7-r7-health-top b { color: var(--db-ink-2); font-size: 13px; }
.v7-r7-health-top span { color: var(--db-muted); font-size: 10px; }
.v7-r7-health-top > strong { color: var(--db-teal); font-size: 12px; white-space: nowrap; }
.v7-r7-health-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r7-health-summary div { display: grid; gap: 6px; min-height: 60px; padding: 11px; background: #fff; }
.v7-r7-health-summary span { color: var(--db-muted); font-size: 10px; }
.v7-r7-health-summary b { color: var(--db-ink-2); font-size: 12px; line-height: 1.45; }
.v7-r7-health-card > small { color: var(--db-faint); font-size: 10px; line-height: 1.5; }
.v7-r7-next-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #f5faee; }
.v7-r7-next-actions > div:first-child { display: grid; gap: 3px; }
.v7-r7-next-actions h3 { margin: 0; color: var(--db-ink-2); font-size: 14px; }
.v7-r7-next-actions span { color: var(--db-muted); font-size: 10px; }
.v7-r7-next-actions > div:last-child, .v7-r7-simulation-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.v7-r7-next-actions button, .v7-r7-simulation-actions button { width: auto; min-height: 40px; }
.v7-r7-details { margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--db-line); }
.v7-r7-details summary { cursor: pointer; color: var(--db-ink-2); font-size: 11px; font-weight: 800; }
.v7-r7-more-actions { margin-top: 14px; }
.v7-r7-more-actions summary { cursor: pointer; color: var(--db-muted); font-size: 10px; font-weight: 800; }
.v7-r7-detail-content { padding-top: 12px; }
.v7-r7-detail-content > p, .v7-r7-detail-note { color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-r7-simulation { margin-top: 18px; padding: 18px; border: 1px solid #bdd7c3; border-radius: 14px; background: #f8fcf7; }
.v7-r7-simulation textarea { display: block; width: 100%; box-sizing: border-box; min-height: 76px; margin-top: 13px; padding: 11px 12px; border: 1px solid var(--db-line-strong); border-radius: 10px; outline: 0; background: #fff; resize: vertical; line-height: 1.6; }
.v7-r7-simulation-result { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 14px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r7-simulation-result > div { display: grid; gap: 6px; padding: 13px; background: #fff; }
.v7-r7-simulation-result span { color: var(--db-muted); font-size: 10px; }
.v7-r7-simulation-result b { color: var(--db-ink-2); font-size: 17px; }
.v7-r7-simulation-result > p { grid-column: 1 / -1; margin: 0; padding: 11px 13px; color: var(--db-muted); background: #f4faf2; font-size: 11px; line-height: 1.55; }
.v7-r7-simulation-note { margin: 12px 0 0; color: var(--db-danger); font-size: 11px; }
.v7-r7-scope-backdrop { position: fixed; z-index: 40; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(18, 42, 35, .28); }
.v7-r7-scope-dialog { display: grid; gap: 16px; width: min(480px, 100%); padding: 24px; border: 1px solid var(--db-line); border-radius: 16px; background: #fff; box-shadow: 0 20px 60px rgba(16, 57, 42, .2); }
.v7-r7-scope-dialog h3 { margin: 8px 0 5px; color: var(--db-ink-2); font-size: 18px; line-height: 1.4; }
.v7-r7-scope-dialog p { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-r7-scope-options { display: grid; gap: 8px; }
.v7-r7-scope-options button { min-height: 42px; padding: 0 12px; border: 1px solid var(--db-line-strong); border-radius: 9px; color: var(--db-ink-2); background: #fff; text-align: left; font-size: 11px; }
.v7-r7-scope-options button:hover, .v7-r7-scope-options button:focus-visible { border-color: var(--db-teal); color: var(--db-teal); }
@media (max-width: 720px) { .v7-r7-next-actions, .v7-r7-health-top { align-items: stretch; flex-direction: column; }.v7-r7-next-actions > div:last-child { flex-direction: column; }.v7-r7-next-actions button { width: 100%; }.v7-r7-health-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.v7-r7-simulation-result { grid-template-columns: 1fr; }.v7-r7-simulation-result > p { grid-column: auto; }.v7-r7-scope-note { grid-template-columns: 1fr; }.v7-r7-scope-note button { width: 100%; } }
@media (max-width: 420px) { .v7-r7-conclusions, .v7-r7-business-section, .v7-r7-next-actions, .v7-r7-simulation { padding: 15px; }.v7-r7-section-heading, .v7-r7-subsection-heading { align-items: flex-start; flex-direction: column; }.v7-r7-health-summary { grid-template-columns: 1fr; }.v7-r7-health-summary div { min-height: auto; }.v7-r7-health-top > strong { white-space: normal; }.v7-r7-conclusion-list p { font-size: 13px; } }

.v7-r8-cockpit { display: grid; gap: 14px; }
.v7-r8-overview { display: grid; gap: 5px; padding: 3px 2px 8px; }
.v7-r8-overview h3 { margin: 0; color: var(--db-ink-2); font-size: 22px; letter-spacing: -.04em; }
.v7-r8-overview p { margin: 0; color: var(--db-muted); font-size: 12px; }
.v7-r8-overview > strong { color: var(--db-ink-2); font-size: 12px; font-weight: 800; }
.v7-r8-status-card { position: relative; display: grid; gap: 10px; width: 100%; min-width: 0; padding: 20px; border: 1px solid var(--db-line); border-radius: 16px; color: var(--db-ink); background: var(--db-surface); box-shadow: var(--db-shadow-sm); text-align: left; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
button.v7-r8-status-card { font: inherit; }
.v7-r8-status-card:hover, .v7-r8-status-card:focus-visible { border-color: var(--db-teal); box-shadow: var(--db-shadow-md); transform: translateY(-1px); outline: 0; }
.v7-r8-status-card.is-healthy { border-color: #b8d8c0; background: #f8fcf7; }
.v7-r8-status-card.is-attention { border-color: #e5cf9c; background: #fffaf0; }
.v7-r8-status-card.is-risk { border-color: #dfaaa0; background: #fff7f5; }
.v7-r8-status-card.is-pending { border-color: var(--db-line-strong); background: var(--db-surface-soft); }
.v7-r8-primary-card { min-height: 238px; }
.v7-r8-secondary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.v7-r8-secondary-card { min-height: 164px; }
.v7-r8-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--db-muted); font-size: 10px; font-weight: 750; }
.v7-r8-status-label { display: inline-flex; align-items: center; gap: 7px; color: var(--db-ink-2); font-weight: 850; }
.v7-r8-status-mark { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--db-faint); box-shadow: 0 0 0 4px rgba(91, 108, 96, .12); }
.v7-r8-status-mark.is-healthy { background: var(--db-teal); box-shadow: 0 0 0 4px rgba(13, 126, 115, .12); }
.v7-r8-status-mark.is-attention { background: var(--db-amber); box-shadow: 0 0 0 4px rgba(189, 129, 37, .14); }
.v7-r8-status-mark.is-risk { background: var(--db-danger); box-shadow: 0 0 0 4px rgba(182, 79, 79, .14); }
.v7-r8-status-card h3 { margin: 0; color: var(--db-ink-2); font-size: 16px; letter-spacing: -.025em; }
.v7-r8-card-headline { display: block; color: var(--db-ink-2); font-size: 25px; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.v7-r8-secondary-card .v7-r8-card-headline { font-size: 20px; }
.v7-r8-status-card p { margin: 0; color: var(--db-muted); font-size: 12px; line-height: 1.6; }
.v7-r8-status-card small { color: var(--db-faint); font-size: 10px; line-height: 1.5; }
.v7-r8-primary-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r8-primary-metrics div { display: grid; gap: 6px; min-height: 56px; padding: 11px; background: var(--db-surface); }
.v7-r8-primary-metrics span { color: var(--db-muted); font-size: 10px; }
.v7-r8-primary-metrics b { color: var(--db-ink-2); font-size: 13px; font-variant-numeric: tabular-nums; }
.v7-r8-actions { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 1px; }
.v7-r8-actions button { width: auto; min-height: 42px; }
.v7-r8-card-detail-trigger { display: grid; gap: 10px; width: 100%; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.v7-r8-confirm-action { width: fit-content; min-height: 36px; padding: 0 11px; border: 1px solid #d6b56b; border-radius: 8px; color: #76500f; background: var(--db-surface); font-size: 10px; font-weight: 800; cursor: pointer; }
.v7-r8-empty { padding: 26px 20px; border: 1px dashed var(--db-line-strong); border-radius: 14px; color: var(--db-muted); background: var(--db-surface-soft); font-size: 12px; }
.v7-r8-details { margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--db-line); }
.v7-r8-details summary { cursor: pointer; color: var(--db-ink-2); font-size: 12px; font-weight: 850; }
.v7-r8-detail-content { display: grid; gap: 20px; padding-top: 15px; }
.v7-r8-detail-content > p, .v7-r8-detail-note { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-r8-detail-content section { display: grid; gap: 10px; scroll-margin-top: 18px; }
.v7-r8-detail-content section > h3 { margin: 0; color: var(--db-ink-2); font-size: 14px; }
.v7-r8-detail-card { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }
.v7-r8-detail-card > div { display: grid; gap: 4px; }
.v7-r8-detail-card b { color: var(--db-ink-2); font-size: 12px; }
.v7-r8-detail-card span, .v7-r8-detail-card small { color: var(--db-muted); font-size: 10px; line-height: 1.5; }
.v7-r8-detail-card dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r8-detail-card dl div { display: grid; gap: 5px; padding: 10px; background: var(--db-surface); }
.v7-r8-detail-card dt { color: var(--db-muted); font-size: 10px; }
.v7-r8-detail-card dd { margin: 0; color: var(--db-ink-2); font-size: 12px; font-variant-numeric: tabular-nums; }
.v7-r8-detail-card.is-pending { border-left: 3px solid var(--db-amber); }
.v7-r8-detail-card .v7-r7-card-details { margin-top: 0; }
.v7-r8-detail-data { padding-top: 16px; border-top: 1px solid var(--db-line); }
.v7-r8-detail-data h3 { margin-bottom: 0; }
.v7-r8-more-actions { margin-top: 0; }
.v7-r8-more-actions summary { cursor: pointer; color: var(--db-muted); font-size: 10px; font-weight: 800; }
@media (max-width: 720px) { .v7-r8-secondary-grid { grid-template-columns: 1fr; }.v7-r8-actions { flex-direction: column; }.v7-r8-actions button { width: 100%; }.v7-r8-detail-card dl { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .v7-r8-status-card { padding: 16px; }.v7-r8-card-headline { font-size: 22px; }.v7-r8-primary-metrics { grid-template-columns: 1fr; }.v7-r8-primary-card { min-height: auto; } }

/* R9 three-ledger economics cockpit: status first, evidence on demand. */
.v7-r9-cockpit { display: grid; gap: 14px; }
.v7-r9-overview { display: grid; gap: 5px; padding: 3px 2px 8px; }
.v7-r9-overview h3 { margin: 0; color: var(--db-ink-2); font-size: 22px; letter-spacing: -.04em; }
.v7-r9-overview p { margin: 0; color: var(--db-muted); font-size: 12px; }
.v7-r9-boss-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 13px 15px; border: 1px solid var(--db-line); border-radius: 14px; background: var(--db-ink-2); color: #fff; }
.v7-r9-boss-summary div { display: grid; gap: 4px; min-width: 0; }
.v7-r9-boss-summary span { color: rgba(255,255,255,.68); font-size: 10px; }
.v7-r9-boss-summary b { color: #fff; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.v7-r9-ledger-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.v7-r9-ledger-card { min-width: 0; }
.v7-r9-ledger-card > button { display: grid; gap: 10px; width: 100%; min-height: 222px; padding: 19px; border: 1px solid var(--db-line); border-radius: 16px; color: var(--db-ink); background: var(--db-surface); box-shadow: var(--db-shadow-sm); text-align: left; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.v7-r9-ledger-card > button:hover, .v7-r9-ledger-card > button:focus-visible { border-color: var(--db-teal); box-shadow: var(--db-shadow-md); transform: translateY(-1px); outline: 0; }
.v7-r9-ledger-card.is-cash > button { border-color: #bdd7c3; background: #f8fcf7; }
.v7-r9-ledger-card.is-class > button { border-color: #d9cfac; background: #fffdf7; }
.v7-r9-ledger-card.is-debt > button { border-color: #d7c4dc; background: #fbf8fc; }
.v7-r9-ledger-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--db-muted); font-size: 10px; font-weight: 800; }
.v7-r9-ledger-head strong { color: var(--db-ink-2); font-size: 10px; }
.v7-r9-ledger-card h4 { margin: 2px 0 0; color: var(--db-ink-2); font-size: 14px; }
.v7-r9-ledger-number { display: block; min-width: 0; color: var(--db-ink-2); font-size: clamp(22px, 2.5vw, 30px); letter-spacing: -.055em; line-height: 1.1; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.v7-r9-ledger-card p { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-r9-ledger-card small { color: var(--db-faint); font-size: 10px; line-height: 1.5; }
.v7-r9-actions, .v7-r9-inline-actions, .v7-r9-fixture-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.v7-r9-actions button, .v7-r9-inline-actions button, .v7-r9-fixture-actions button { width: auto; min-height: 40px; }
.v7-r9-details { margin-top: 3px; padding-top: 14px; border-top: 1px solid var(--db-line); }
.v7-r9-details summary { cursor: pointer; color: var(--db-ink-2); font-size: 12px; font-weight: 850; }
.v7-r9-detail-content { display: grid; gap: 20px; padding-top: 15px; }
.v7-r9-detail-content > section { display: grid; gap: 10px; scroll-margin-top: 18px; }
.v7-r9-detail-content > section > h3 { margin: 0; color: var(--db-ink-2); font-size: 14px; }
.v7-r9-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r9-detail-grid > div { display: grid; gap: 6px; min-height: 62px; padding: 11px; background: var(--db-surface); }
.v7-r9-detail-grid span, .v7-r9-detail-card dt { color: var(--db-muted); font-size: 10px; }
.v7-r9-detail-grid b, .v7-r9-detail-card dd { color: var(--db-ink-2); font-size: 13px; font-variant-numeric: tabular-nums; }
.v7-r9-detail-card { display: grid; gap: 9px; min-width: 0; padding: 14px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--db-surface-soft); }
.v7-r9-detail-card b { color: var(--db-ink-2); font-size: 12px; }
.v7-r9-detail-card span, .v7-r9-detail-card small, .v7-r9-detail-note { color: var(--db-muted); font-size: 10px; line-height: 1.55; }
.v7-r9-detail-card dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r9-detail-card dl div { display: grid; gap: 5px; padding: 10px; background: var(--db-surface); }
.v7-r9-detail-card dd { margin: 0; }
.v7-r9-detail-card.is-pending { border-left: 3px solid var(--db-amber); }
.v7-r9-scenario-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.v7-r9-scenario-row span { padding: 9px; border: 1px solid var(--db-line); border-radius: 8px; background: var(--db-surface); text-align: center; }
.v7-r9-cost-editor, .v7-r9-cost-proposal { display: grid; gap: 13px; padding: 16px; border: 1px solid var(--db-line); border-radius: 13px; background: var(--db-surface-soft); }
.v7-r9-cost-editor textarea { display: block; width: 100%; box-sizing: border-box; min-height: 120px; padding: 11px 12px; border: 1px solid var(--db-line-strong); border-radius: 10px; color: var(--db-ink); background: #fff; resize: vertical; line-height: 1.6; }
.v7-r9-detail-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.v7-r9-detail-heading > div { display: grid; gap: 5px; }
.v7-r9-detail-heading h4 { margin: 0; color: var(--db-ink-2); font-size: 13px; }
.v7-r9-detail-heading span, .v7-r9-cost-note { color: var(--db-muted); font-size: 10px; line-height: 1.55; }
.v7-r9-detail-state { flex: 0 0 auto; padding: 4px 7px; border-radius: 99px; color: var(--db-teal); background: #e7f4e9; font-size: 10px; font-weight: 800; }
.v7-r9-cost-list { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r9-cost-list > div { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; padding: 11px; background: var(--db-surface); }
.v7-r9-cost-list b { color: var(--db-ink-2); font-size: 11px; }
.v7-r9-cost-list strong { color: var(--db-ink-2); font-size: 12px; font-variant-numeric: tabular-nums; }
.v7-r9-cost-list span { grid-column: 1 / -1; color: var(--db-muted); font-size: 10px; }
.v7-r9-cost-note { margin: 0; }
@media (max-width: 900px) { .v7-r9-boss-summary { grid-template-columns: 1fr; gap: 9px; }.v7-r9-ledger-grid { grid-template-columns: 1fr; }.v7-r9-ledger-card > button { min-height: auto; }.v7-r9-ledger-number { font-size: 27px; } }
@media (max-width: 720px) { .v7-r9-actions, .v7-r9-inline-actions, .v7-r9-fixture-actions { flex-direction: column; }.v7-r9-actions button, .v7-r9-inline-actions button, .v7-r9-fixture-actions button { width: 100%; }.v7-r9-detail-grid, .v7-r9-detail-card dl { grid-template-columns: 1fr 1fr; }.v7-r9-scenario-row { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .v7-r9-ledger-card > button, .v7-r9-cost-editor, .v7-r9-cost-proposal { padding: 15px; }.v7-r9-detail-grid, .v7-r9-detail-card dl { grid-template-columns: 1fr; }.v7-r9-ledger-number { font-size: 24px; } }
.v7-r9-structured-costs, .v7-r9-recognized-facts, .v7-r9-activity-editor { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--db-line); background: var(--db-line); }
.v7-r9-cost-row { display: grid; grid-template-columns: minmax(150px, 1.2fr) minmax(100px, .7fr) minmax(122px, .8fr) 56px; gap: 10px; align-items: center; padding: 10px 11px; background: var(--db-surface); }
.v7-r9-cost-row > div { display: grid; gap: 3px; min-width: 0; }.v7-r9-cost-row b { color: var(--db-ink-2); font-size: 11px; }.v7-r9-cost-row small, .v7-r9-cost-state-label { color: var(--db-muted); font-size: 9px; line-height: 1.4; }
.v7-r9-cost-row input, .v7-r9-cost-row select, .v7-r9-activity-editor input, .v7-r9-activity-editor select { min-width: 0; min-height: 38px; padding: 0 8px; border: 1px solid var(--db-line-strong); border-radius: 8px; color: var(--db-ink); background: #fff; }.v7-r9-cost-row input:disabled { color: var(--db-faint); background: var(--db-surface-soft); }
.v7-r9-fact-row { display: grid; grid-template-columns: 1fr auto 1.6fr; gap: 10px; align-items: baseline; padding: 10px 11px; background: var(--db-surface); }.v7-r9-fact-row b { color: var(--db-ink-2); font-size: 11px; }.v7-r9-fact-row strong { color: var(--db-ink-2); font-size: 12px; font-variant-numeric: tabular-nums; }.v7-r9-fact-row span { color: var(--db-muted); font-size: 9px; overflow-wrap: anywhere; }
.v7-r9-activity-editor { gap: 10px; padding: 14px; background: var(--db-surface-soft); }.v7-r9-activity-editor > label { display: inline-flex; align-items: center; gap: 7px; color: var(--db-ink-2); font-size: 11px; }.v7-r9-activity-editor > label input { width: 76px; }.v7-r9-followup-note, .v7-r9-followup { margin: 0; color: #7b5415; font-size: 11px; line-height: 1.55; }.v7-r9-followup { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; border-left: 3px solid var(--db-amber); background: #fff9ed; }.v7-r9-followup button { width: auto; min-height: 36px; white-space: nowrap; }
.v7-r9-scope-confirm { display: flex; align-items: flex-start; gap: 8px; color: var(--db-ink-2); font-size: 11px; line-height: 1.5; }.v7-r9-scope-confirm input { margin-top: 2px; accent-color: var(--db-teal); }.v7-r9-debt-group { display: grid; gap: 10px; }.v7-r9-debt-group + .v7-r9-debt-group { padding-top: 15px; border-top: 1px solid var(--db-line); }.v7-r9-debt-group h4 { margin: 0; color: var(--db-ink-2); font-size: 13px; }.v7-r9-debt-group .v7-r9-detail-heading span { color: var(--db-muted); font-size: 10px; }.v7-r9-card-list { padding-top: 8px; border-top: 1px solid var(--db-line); }.v7-r9-card-list summary { cursor: pointer; color: var(--db-teal); font-size: 11px; font-weight: 800; }.v7-r9-card-list p { margin: 8px 0 0; color: var(--db-muted); font-size: 10px; line-height: 1.6; }
@media (max-width: 720px) { .v7-r9-cost-row { grid-template-columns: minmax(0, 1fr) minmax(88px, .7fr); }.v7-r9-cost-row > div { grid-column: 1 / -1; }.v7-r9-cost-row .v7-r9-cost-state-label { text-align: right; }.v7-r9-fact-row { grid-template-columns: 1fr auto; }.v7-r9-fact-row span { grid-column: 1 / -1; }.v7-r9-followup { align-items: stretch; flex-direction: column; }.v7-r9-followup button { width: 100%; } }
.v7-r9-detail-content > section[data-v7-r9-detail-target="fixtures"] { display: none; }

/* Visual Reset V1: a dark, evidence-first operating board for store owners. */
:root {
  --db-bg: #0c0e10;
  --db-surface: #15181b;
  --db-surface-soft: #1b1f23;
  --db-ink: #f4f1ed;
  --db-ink-2: #ffffff;
  --db-muted: #aeb4b9;
  --db-faint: #7b838a;
  --db-line: #30363c;
  --db-line-strong: #4a535c;
  --db-primary: #e74a43;
  --db-primary-2: #aa2a2b;
  --db-lime: #e74a43;
  --db-lime-strong: #ff615a;
  --db-teal: #f05b54;
  --db-blue: #aeb9c4;
  --db-amber: #e9ad57;
  --db-radius: 14px;
  --db-shadow-sm: 0 1px 0 rgba(255,255,255,.03), 0 16px 36px rgba(0,0,0,.15);
  --db-shadow-md: 0 1px 0 rgba(255,255,255,.04), 0 22px 50px rgba(0,0,0,.28);
}
body.v7-active { background: var(--db-bg); color: var(--db-ink); font-family: "Noto Sans SC", "Microsoft YaHei UI", Arial, sans-serif; }
.v7-app-frame { min-height: 100vh; background: radial-gradient(circle at 78% -15%, rgba(231,74,67,.13), transparent 29rem), var(--db-bg); }
.v7-sidebar { background: #0a0c0e; border-right: 1px solid #282d32; }
.v7-brand-lockup { padding: 28px 23px 25px; border-bottom: 1px solid #282d32; }
.v7-brand-mark { color: #fff; background: var(--db-primary); box-shadow: 0 8px 22px rgba(231,74,67,.24); }
.v7-brand-lockup b { color: #fff; letter-spacing: -.02em; }
.v7-brand-lockup small, .v7-sidebar-label { color: #7e878e; }
.v7-sidebar-label { padding: 22px 23px 9px; font-size: 10px; letter-spacing: .12em; }
.v7-nav { gap: 3px; padding: 0 12px; }
.v7-nav button { position: relative; min-height: 48px; border-radius: 9px; color: #abb2b8; }
.v7-nav button:hover { color: #fff; background: #171b1f; }
.v7-nav button.is-active { color: #fff; background: linear-gradient(90deg, rgba(231,74,67,.18), rgba(231,74,67,.035)); }
.v7-nav button.is-active::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: var(--db-primary); }
.v7-nav-index { color: #697179; font-variant-numeric: tabular-nums; }
.v7-nav button.is-active .v7-nav-index, .v7-nav button.is-active .v7-nav-icon { color: #ff7068; }
.v7-sidebar-note { margin: auto 12px 12px; border: 1px solid #30363c; background: #121518; color: #dce0e2; }
.v7-sidebar-note small, .v7-sidebar-footer { color: #899198; }
.v7-sidebar-footer { border-top-color: #282d32; }
.v7-content-frame { background: transparent; }
.v7-topbar { min-height: 66px; padding: 0 30px; border-bottom: 1px solid #2a3035; background: rgba(12,14,16,.88); backdrop-filter: blur(14px); }
.v7-breadcrumb, .v7-breadcrumb b { color: #d8dcdf; }.v7-breadcrumb span, .v7-breadcrumb i { color: #7f878e; }
.v7-local-pill { border-color: #384148; background: #161a1d; color: #cdd3d7; }
.v7-account-button { color: #ece8e3; }.v7-account-button:hover { background: #1b2024; }.v7-avatar { background: #30363c; color: #fff; }
.v7-main { padding: 34px 40px 68px; }.v7-view-stack { max-width: 1320px; }
.v7-view { gap: 22px; }.v7-kicker, .v7-panel-label { color: #ff746c; font-weight: 800; letter-spacing: .1em; }
.v7-page-intro, .v7-section-heading { padding-bottom: 19px; border-bottom: 1px solid #30363c; }
.v7-page-intro h1, .v7-section-heading h2 { color: #fff; letter-spacing: -.045em; }
.v7-page-intro h1 { font-size: clamp(30px, 4vw, 45px); }.v7-page-intro p, .v7-section-heading p { color: #abb3b9; max-width: 660px; }
.v7-intro-meta, .v7-private-badge { border-color: #394149; background: #171b1f; color: #c6cdd1; }
.v7-status-dot { background: #52c587; box-shadow: 0 0 0 4px rgba(82,197,135,.1); }
.v7-home-grid { gap: 16px; }.v7-command-panel, .v7-signal-panel, .v7-ai-cockpit, .v7-ai-result-card, .v7-task-history, .v7-settings-grid article, .v7-settings-migration, .v7-calculator-overview, .v7-dna-overview, .v7-store-knowledge-panel, .v7-knowledge-card, .v7-empty-ops, .v7-campaign-panel, .v7-campaign-card { border-color: var(--db-line); background: var(--db-surface); box-shadow: var(--db-shadow-sm); }
.v7-command-panel { position: relative; overflow: hidden; background: linear-gradient(135deg, #191d21 0%, #111315 72%); }
.v7-command-panel::before { content: ""; position: absolute; left: 0; top: 20px; bottom: 20px; width: 3px; border-radius: 0 4px 4px 0; background: var(--db-primary); }
.v7-command-heading h2, .v7-signal-panel h3, .v7-rail-heading h3 { color: #fff; }
.v7-command-icon { background: rgba(231,74,67,.13); color: #ff756d; }.v7-command-input > span, .v7-context-picker > span, .v7-ai-input > span { color: #d8dcdf; }
.v7-command-input textarea, .v7-ai-input textarea, .v7-campaign-create textarea, .v7-r9-cost-editor textarea { color: #f7f5f1; border-color: #454e56; background: #0e1012; }
.v7-command-input textarea:focus, .v7-ai-input textarea:focus, .v7-campaign-create textarea:focus, .v7-r9-cost-editor textarea:focus { border-color: #ed5a53; box-shadow: 0 0 0 3px rgba(231,74,67,.13); }
.v7-context-chip { border-color: #3c444b; background: #171b1f; color: #bac1c6; }.v7-context-chip:hover, .v7-context-chip.is-selected { color: #fff; border-color: #ed5a53; background: rgba(231,74,67,.15); }
.v7-primary-action { background: var(--db-primary); color: #fff; box-shadow: 0 8px 20px rgba(231,74,67,.18); }.v7-primary-action:hover:not(:disabled), .v7-primary-action:focus-visible { background: #ff5c53; }
.v7-command-footnote, .v7-ai-cockpit-footer, .v7-task-history small, .v7-signal small { color: #899198; }
.v7-signal-panel { background: #111417; }.v7-panel-date { color: #ff8b83; background: rgba(231,74,67,.12); }
.v7-signal { border-bottom-color: #30363c; }.v7-signal b { color: #f6f3ee; }.v7-signal span { color: #adb5ba; }.v7-signal-marker.is-teal, .v7-signal-marker.is-lime { background: #ef5b54; }.v7-signal-marker.is-blue { background: #9ea8b1; }
.v7-home-rail { border-top-color: #30363c; }.v7-quick-actions { gap: 12px; }.v7-quick-actions button { border-color: #363e45; background: #15191c; color: #f2efea; }.v7-quick-actions button:hover { border-color: #e74a43; background: #1b2024; }.v7-quick-actions button small { color: #a6aeb4; }
.v7-ai-cockpit, .v7-ai-result-card { background: #15191c; }.v7-ai-cockpit-heading h3, .v7-ai-result-card h3, .v7-task-history h3 { color: #fff; }.v7-ai-context-line { border-top-color: #30363c; color: #aeb5ba; }.v7-example-grid button, .v7-task-history-list button { border-color: #353d43; color: #dce0e3; background: #15191c; }.v7-example-grid button:hover, .v7-task-history-list button:hover { border-color: #e74a43; background: #1b2024; }
.v7-ops-tabs { border-color: #353d43; background: #121518; }.v7-ops-tabs button { color: #aeb5ba; }.v7-ops-tabs button.is-active { background: #e74a43; color: #fff; }
.v7-calculator-hero { border-color: #3e474e; background: linear-gradient(110deg, #1c2024, #121518); }.v7-calculator-hero h3, .v7-number-grid strong, .v7-number-grid span { color: #fff; }.v7-calculator-hero p, .v7-number-grid small { color: #adb5ba; }.v7-number-grid { gap: 1px; border: 1px solid #343c43; background: #343c43; }.v7-number-grid > div { background: #15191c; }.v7-calculator-empty { border-color: #3b434a; background: #15191c; color: #e9e5df; }.v7-empty-mark { color: #ff7169; border-color: rgba(231,74,67,.32); background: rgba(231,74,67,.10); }
.v7-store-knowledge-panel, .v7-knowledge-card, .v7-empty-ops { background: #15191c; }.v7-knowledge-card h4, .v7-empty-ops h3 { color: #fff; }.v7-knowledge-card p, .v7-knowledge-card small, .v7-empty-ops p { color: #aab2b8; }.v7-knowledge-actions button:first-child { background: #e74a43; color: #fff; }.v7-knowledge-actions button:not(:first-child) { border-color: #454e55; background: #1c2125; color: #d8dcdf; }
.v7-settings-grid article, .v7-settings-migration { background: #15191c; }.v7-settings-grid h3, .v7-settings-migration h3 { color: #fff; }.v7-settings-grid p, .v7-settings-grid small, .v7-settings-migration p, .v7-settings-migration small { color: #aab2b8; }.v7-settings-status { color: #ccd2d5; }
.v7-campaign-create { border: 1px solid #3a4249; background: linear-gradient(135deg, #1b2024, #101315); }.v7-campaign-card, .v7-campaign-summary-grid article, .v7-campaign-panel { color: #f1eee9; border-color: #353d43; background: #15191c; }.v7-campaign-card:hover { border-color: #e74a43; }.v7-campaign-card small, .v7-campaign-panel p, .v7-campaign-panel > small, .v7-campaign-task span, .v7-campaign-task small, .v7-campaign-detail-grid ul { color: #adb5ba; }.v7-campaign-card em, .v7-campaign-blockers b { color: #ff6e66; }.v7-campaign-detail-grid b, .v7-campaign-task b { color: #f4f1ec; }.v7-campaign-task, .v7-campaign-blockers li { border-bottom-color: #30373d; }.v7-campaign-poster-preview figure, .v7-campaign-video-preview figure { border-color: #394149; background: #101315; }
.v7-r9-boss-summary { border-color: #3d454c; background: #1c2125; }.v7-r9-ledger-card > button, .v7-r9-detail-card, .v7-r9-detail-grid > div, .v7-r9-detail-card dl div, .v7-r9-cost-list > div { border-color: #374047; background: #15191c; }.v7-r9-ledger-card.is-cash > button, .v7-r9-ledger-card.is-class > button, .v7-r9-ledger-card.is-debt > button { border-color: #3a434a; background: #15191c; }.v7-r9-ledger-card h4, .v7-r9-ledger-number, .v7-r9-detail-grid b, .v7-r9-detail-card dd, .v7-r9-detail-card b, .v7-r9-cost-list b, .v7-r9-cost-list strong { color: #fff; }.v7-r9-ledger-card p, .v7-r9-ledger-card small, .v7-r9-detail-card span, .v7-r9-detail-card small, .v7-r9-detail-note, .v7-r9-detail-grid span { color: #aab2b8; }
body.v7-active button:focus-visible, body.v7-active a:focus-visible, body.v7-active textarea:focus-visible, body.v7-active input:focus-visible, body.v7-active select:focus-visible { outline: 3px solid rgba(255,111,103,.78); outline-offset: 3px; }
@media (max-width: 1024px) { .v7-main { padding: 28px 24px 66px; }.v7-topbar { padding: 0 24px; }.v7-page-intro h1 { font-size: 35px; } }
@media (max-width: 760px) {
  .v7-app-frame { padding-bottom: 76px; }.v7-main { padding: 23px 14px 22px; }.v7-topbar { min-height: 56px; padding: 0 14px; }.v7-breadcrumb i, .v7-local-pill, .v7-account-button > span:not(.v7-avatar) { display: none; }
  .v7-sidebar { position: fixed; z-index: 60; inset: auto 0 0; display: block; min-height: 68px; border-top: 1px solid #343b42; border-right: 0; background: rgba(10,12,14,.96); backdrop-filter: blur(18px); }.v7-brand-lockup, .v7-sidebar-label, .v7-sidebar-note, .v7-sidebar-footer { display: none; }
  .v7-nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; height: 68px; padding: 0 4px; }.v7-nav button { display: grid; grid-template-columns: 1fr; grid-template-rows: 25px 17px; align-content: center; justify-items: center; gap: 0; min-height: 64px; padding: 3px 1px; border-radius: 8px; font-size: 9px; }.v7-nav button::before, .v7-nav-index { display: none; }.v7-nav-icon { display: flex; align-items: center; height: 24px; }.v7-nav-icon .v7-icon { width: 18px; height: 18px; }.v7-nav-label { display: block; width: 100%; overflow: hidden; color: inherit; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.v7-nav button.is-active { background: rgba(231,74,67,.16); }
  .v7-page-intro, .v7-section-heading { align-items: flex-start; gap: 12px; }.v7-page-intro h1, .v7-section-heading h2 { font-size: 28px; line-height: 1.18; }.v7-page-intro p, .v7-section-heading p { font-size: 13px; line-height: 1.65; }.v7-intro-meta, .v7-private-badge { font-size: 10px; }
  .v7-command-panel, .v7-signal-panel, .v7-ai-cockpit, .v7-ai-result-card { padding: 18px; }.v7-command-footer { align-items: stretch; }.v7-command-footer .v7-primary-action { width: 100%; }.v7-context-row { gap: 6px; }.v7-context-chip { min-height: 32px; padding: 0 9px; font-size: 11px; }.v7-quick-actions { grid-template-columns: 1fr; }.v7-quick-actions button { min-height: 72px; }
  .v7-number-grid { grid-template-columns: 1fr; }.v7-number-grid > div { min-height: 90px; }.v7-settings-grid, .v7-campaign-summary-grid, .v7-campaign-detail-grid { grid-template-columns: 1fr; }.v7-campaign-create { padding: 18px; }.v7-campaign-create .v7-primary-action { width: 100%; }.v7-campaign-view { padding-bottom: 10px; }
}

/* V4 growth cockpit: operational hierarchy, not a second dashboard system. */
.v7-campaign-view{max-width:1180px;margin:0 auto;padding-bottom:56px}.v7-campaign-create{display:flex;gap:18px;align-items:flex-end;padding:24px;background:#101419;color:#f8f4ec;border-radius:18px;margin:24px 0}.v7-campaign-create label{display:grid;gap:8px;flex:1}.v7-campaign-create label span{font-size:12px;color:#b7c0c8;text-transform:uppercase;letter-spacing:.08em}.v7-campaign-create textarea{width:100%;box-sizing:border-box;resize:vertical;background:#1a2128;color:#fff;border:1px solid #3c4852;border-radius:10px;padding:14px;font:inherit}.v7-campaign-list-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.v7-campaign-list-heading h3{margin:4px 0 0}.v7-campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.v7-campaign-card{display:grid;gap:10px;text-align:left;border:1px solid #d8d2c7;background:#fbfaf6;padding:20px;border-radius:14px;color:#171b1f;cursor:pointer}.v7-campaign-card:hover{border-color:#d44b40;transform:translateY(-1px)}.v7-campaign-card strong{font-size:18px}.v7-campaign-card small{color:#6b747b;line-height:1.6}.v7-campaign-card em{font-style:normal;color:#d44b40;display:flex;justify-content:space-between;align-items:center}.v7-campaign-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.v7-campaign-summary-grid article,.v7-campaign-panel{background:#fbfaf6;border:1px solid #ded8ce;border-radius:14px;padding:18px}.v7-campaign-summary-grid article{display:grid;gap:8px}.v7-campaign-summary-grid span,.v7-campaign-panel .v7-panel-label{color:#7d858a;font-size:11px;letter-spacing:.1em}.v7-campaign-summary-grid strong{font-size:22px}.v7-campaign-summary-grid small,.v7-campaign-panel p,.v7-campaign-panel>small{color:#6b747b;line-height:1.6}.v7-campaign-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.v7-campaign-panel h3{margin:8px 0 12px}.v7-campaign-blockers{display:grid;gap:10px;padding:0;margin:0;list-style:none}.v7-campaign-blockers li{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #ebe6dd}.v7-campaign-blockers b{font-size:11px;color:#d44b40}.v7-campaign-blockers span{color:#252a2e}.v7-campaign-actions{display:flex;gap:10px;align-items:center;margin:18px 0 10px}.v7-upload-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8d2c7;border-radius:10px;padding:10px 14px;cursor:pointer;background:#fff}.v7-campaign-task{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #ebe6dd}.v7-campaign-task span,.v7-campaign-task small{color:#6b747b}.v7-campaign-task small{font-size:12px}.v7-primary-action:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.v7-campaign-create,.v7-campaign-columns{display:grid}.v7-campaign-summary-grid{grid-template-columns:1fr}.v7-campaign-actions{flex-wrap:wrap}}
.v7-campaign-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.v7-campaign-detail-grid>.v7-campaign-panel{min-width:0}.v7-campaign-poster-preview,.v7-campaign-video-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v7-campaign-poster-preview figure,.v7-campaign-video-preview figure{margin:0;overflow:hidden;border:1px solid #ded8ce;border-radius:11px;background:#fff}.v7-campaign-poster-preview img,.v7-campaign-video-preview video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#e9eee9}.v7-campaign-video-preview video{aspect-ratio:16/9;background:#101419}.v7-campaign-poster-preview figcaption,.v7-campaign-video-preview figcaption{padding:8px 10px;color:#6b747b;font-size:11px}.v7-campaign-detail-grid ul{display:grid;gap:7px;padding-left:18px;color:#6b747b;font-size:12px;line-height:1.55}.v7-campaign-detail-grid b{color:#252a2e}@media(max-width:760px){.v7-campaign-create,.v7-campaign-columns,.v7-campaign-detail-grid{display:grid;grid-template-columns:1fr}}

/* Keep the later V4 campaign rules inside the Visual Reset V1 system. */
body.v7-active .v7-campaign-card, body.v7-active .v7-campaign-summary-grid article, body.v7-active .v7-campaign-panel { color: #f1eee9; border-color: #353d43; background: #15191c; }
body.v7-active .v7-campaign-card:hover { border-color: #e74a43; } body.v7-active .v7-campaign-card small, body.v7-active .v7-campaign-summary-grid small, body.v7-active .v7-campaign-panel p, body.v7-active .v7-campaign-panel > small, body.v7-active .v7-campaign-task span, body.v7-active .v7-campaign-task small, body.v7-active .v7-campaign-detail-grid ul { color: #adb5ba; }
body.v7-active .v7-campaign-summary-grid span, body.v7-active .v7-campaign-panel .v7-panel-label { color: #ff746c; } body.v7-active .v7-campaign-card em, body.v7-active .v7-campaign-blockers b { color: #ff6e66; } body.v7-active .v7-campaign-blockers span, body.v7-active .v7-campaign-detail-grid b { color: #f4f1ec; } body.v7-active .v7-campaign-task, body.v7-active .v7-campaign-blockers li { border-bottom-color: #30373d; }
body.v7-active .v7-campaign-poster-preview figure, body.v7-active .v7-campaign-video-preview figure { border-color: #394149; background: #101315; } body.v7-active .v7-campaign-poster-preview img { background: #242a2f; } body.v7-active .v7-campaign-poster-preview figcaption, body.v7-active .v7-campaign-video-preview figcaption { color: #abb3b9; }
body.v7-active .v7-ops-tabs button.is-active { border-color: #e74a43; background: #e74a43; color: #fff; } body.v7-active .v7-ops-tabs button:not(.is-active) { color: #b7bec3; background: transparent; }
@media(max-width:760px) { body.v7-active .v7-campaign-detail-grid { grid-template-columns:1fr; } }

/* REAL BOSS expression closure: keep the primary decision visible and defer the record list. */
.v7-primary-recruitment-plan { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:20px 0 8px; padding:22px 24px; border:1px solid rgba(235,82,73,.45); border-radius:18px; background:linear-gradient(135deg,rgba(235,82,73,.16),rgba(20,25,29,.95)); box-shadow:0 18px 40px rgba(0,0,0,.16); }
.v7-primary-recruitment-plan h3 { margin:6px 0 7px; color:#fff; font-size:24px; letter-spacing:-.04em; }
.v7-primary-recruitment-plan p { margin:0; color:#c2c9cd; font-size:12px; line-height:1.6; }
.v7-other-recruitment-plans { margin:0 0 10px; padding:12px 0 0; }
.v7-other-recruitment-plans summary { width:max-content; color:#d8dfe2; font-size:13px; font-weight:750; cursor:pointer; }
.v7-other-recruitment-plans .v7-campaign-grid { margin-top:14px; }
.v7-campaign-card-shell { min-width:0; }
.v7-campaign-card-shell .v7-campaign-card { width:100%; box-sizing:border-box; }
.v7-campaign-similarity { display:block; margin:8px 8px 0; color:#ffb2ab; font-size:11px; line-height:1.5; }
.v7-inline-link { padding:0; border:0; color:#ffb2ab; background:transparent; font:inherit; text-decoration:underline; cursor:pointer; }
.v7-campaign-empty-note { margin:16px 0; color:#9fa9af; font-size:12px; }
.v7-knowledge-category-guide { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.v7-knowledge-category-guide span { padding:5px 8px; border:1px solid var(--db-line); border-radius:999px; color:var(--db-muted); background:var(--db-surface-soft); font-size:10px; }
.v7-global-command-context { margin:4px 0 12px; color:#aeb8bd; font-size:11px; }
.v7-global-command-description { margin: 9px 0 0; color: var(--db-muted); font-size: 12px; line-height: 1.55; }
body.v7-active .v7-global-command-context { color:#ffb3ab; }
body.v7-active .v7-primary-recruitment-plan { border-color:rgba(255,116,108,.45); background:linear-gradient(135deg,rgba(235,82,73,.14),rgba(20,25,29,.96)); }
body.v7-active .v7-primary-recruitment-plan p, body.v7-active .v7-campaign-empty-note { color:#b4bdc2; }
body.v7-active .v7-other-recruitment-plans summary { color:#e5e9e9; }
body.v7-active .v7-knowledge-category-guide span { border-color:#394149; color:#b9c2c6; background:#1a2024; }
@media(max-width:760px) { .v7-primary-recruitment-plan { align-items:stretch; flex-direction:column; padding:18px; }.v7-primary-recruitment-plan .v7-primary-action { width:100%; } }

/* Next Experience V2 — content is obsidian; glass is reserved for control layers. */
body.v7-active {
  --nx-obsidian-950: #090a0c;
  --nx-obsidian-900: #101216;
  --nx-obsidian-800: #171a1f;
  --nx-paper: #f6f2ec;
  --nx-ink-muted: #aab1b8;
  --nx-energy-500: #e94c45;
  --nx-energy-400: #ff7369;
  --nx-success-500: #55b889;
  --nx-line: rgba(232, 238, 242, .14);
  --nx-glass: rgba(22, 25, 30, .74);
  --nx-glass-strong: rgba(18, 20, 24, .91);
  --nx-shadow: 0 22px 54px rgba(0, 0, 0, .26);
  --nx-space-1: 4px; --nx-space-2: 8px; --nx-space-3: 12px; --nx-space-4: 16px; --nx-space-6: 24px; --nx-space-8: 32px;
  --nx-radius-control: 12px; --nx-radius-surface: 18px;
  --nx-motion-fast: 140ms; --nx-motion-base: 220ms; --nx-motion-page: 360ms;
  --nx-spring: cubic-bezier(.2, .82, .25, 1);
  --nx-z-nav: 60; --nx-z-sheet: 70;
}
body.v7-active .v7-app-frame { background: radial-gradient(52rem 36rem at 74% -13%, rgba(233, 76, 69, .12), transparent 62%), linear-gradient(145deg, var(--nx-obsidian-950), var(--nx-obsidian-900)); }
body.v7-active .v7-content-frame { min-width: 0; }
body.v7-active .v7-sidebar, body.v7-active .v7-topbar { background: var(--nx-glass-strong); border-color: var(--nx-line); backdrop-filter: blur(18px) saturate(1.04); }
body.v7-active .v7-brand-mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: conic-gradient(from 210deg, #9d2729, var(--nx-energy-400), #46191e, #9d2729); box-shadow: inset 0 1px rgba(255,255,255,.35), 0 10px 24px rgba(233,76,69,.2); font-family: Georgia, serif; font-weight: 700; }
body.v7-active .v7-nav { display: grid; gap: var(--nx-space-2); }
body.v7-active .v7-nav-primary, body.v7-active .v7-nav-secondary { display: grid; gap: 3px; }
body.v7-active .v7-nav-secondary { padding-top: var(--nx-space-3); border-top: 1px solid var(--nx-line); }
body.v7-active .v7-nav button { border: 1px solid transparent; transition: color var(--nx-motion-fast) ease, background var(--nx-motion-base) var(--nx-spring), transform var(--nx-motion-fast) var(--nx-spring), border-color var(--nx-motion-fast) ease; }
body.v7-active .v7-nav button:hover { transform: translateX(2px); border-color: rgba(255,255,255,.08); }
body.v7-active .v7-nav button.is-active { background: linear-gradient(90deg, rgba(233,76,69,.18), rgba(233,76,69,.04)); }
body.v7-active .v7-nav button.is-active::before { width: 2px; background: var(--nx-energy-400); box-shadow: 0 0 16px rgba(233,76,69,.7); }
body.v7-active .v7-mobile-more, body.v7-active .v7-mobile-more-sheet { display: none; }
@media (min-width: 761px) {
  body.v7-active .v7-sidebar { position: relative; }
  body.v7-active .v7-mobile-more { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid transparent; border-radius: 11px; color: #abb2b8; background: transparent; text-align: left; }
  body.v7-active .v7-mobile-more:hover, body.v7-active .v7-mobile-more:focus-visible, body.v7-active .v7-mobile-more.is-open { color: #fff; background: rgba(233,76,69,.14); }
  body.v7-active .v7-mobile-more-sheet { position: absolute; z-index: var(--nx-z-sheet); display: none; left: calc(100% + 8px); bottom: 12px; width: 236px; padding: 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(19,22,27,.97); box-shadow: var(--nx-shadow); }
  body.v7-active .v7-mobile-more-sheet.is-open { display: grid; gap: 4px; }
  body.v7-active .v7-mobile-more-sheet button { display: grid; grid-template-columns: 22px 1fr; align-items: center; gap: 8px; min-height: 46px; width: 100%; padding: 0 10px; text-align: left; border-radius: 10px; color: var(--nx-paper); background: transparent; }
  body.v7-active .v7-mobile-more-sheet .v7-nav-index { display: none; }
  body.v7-active .v7-mobile-more-sheet .v7-nav-label { display: block; width: auto; font-size: 12px; }
}
body.v7-active .v7-page-intro { animation: nx-page-in var(--nx-motion-page) var(--nx-spring) both; }
body.v7-active .v7-page-intro h1 { max-width: 15ch; font-weight: 760; text-wrap: balance; }
body.v7-active .v7-command-panel { isolation: isolate; border-color: rgba(255,255,255,.12); background: linear-gradient(135deg, #1b1f25 0%, #111317 62%, #171116 100%); box-shadow: var(--nx-shadow); }
body.v7-active .v7-command-panel::before { z-index: -1; top: -42%; right: -7%; bottom: auto; left: auto; width: 18rem; height: 18rem; border-radius: 50%; opacity: .66; background: radial-gradient(circle, rgba(233,76,69,.2), rgba(233,76,69,.02) 45%, transparent 67%); box-shadow: none; animation: nx-field-breathe 5.6s ease-in-out infinite; }
body.v7-active .v7-command-panel::after { content: ""; position: absolute; z-index: -1; width: 96px; height: 96px; right: 9%; bottom: 16%; opacity: .5; background-image: radial-gradient(circle, rgba(255,117,108,.65) 0 1px, transparent 1.7px); background-size: 18px 18px; mask-image: radial-gradient(circle, #000 8%, transparent 70%); animation: nx-field-drift 8s ease-in-out infinite; pointer-events: none; }
body.v7-active .v7-primary-action { border: 1px solid rgba(255,255,255,.16); background: linear-gradient(135deg, #ef5b52, #c73537); transition: transform var(--nx-motion-fast) var(--nx-spring), filter var(--nx-motion-fast) ease, box-shadow var(--nx-motion-fast) ease; }
body.v7-active .v7-primary-action:hover:not(:disabled), body.v7-active .v7-primary-action:focus-visible { transform: translateY(-1px); filter: saturate(1.05) brightness(1.08); box-shadow: 0 12px 28px rgba(233,76,69,.28); }
body.v7-active .v7-primary-action:active:not(:disabled) { transform: translateY(1px) scale(.985); box-shadow: none; }
body.v7-active .v7-attention-rail { display: flex; flex-direction: column; gap: var(--nx-space-4); background: #12151a; }
body.v7-active .v7-attention-rail h3 { max-width: 19ch; }
body.v7-active .v7-attention-rail .v7-signal-list { display: grid; gap: 0; }
body.v7-active .v7-attention-rail .v7-signal { padding: 12px 0; }
body.v7-active .v7-attention-rail .v7-signal-marker { background: var(--nx-energy-400); box-shadow: 0 0 0 4px rgba(233,76,69,.1); }
body.v7-active .v7-ai-state { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 11px; color: var(--nx-ink-muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
body.v7-active .v7-ai-state-orbit { position: relative; width: 19px; height: 19px; border: 1px solid rgba(255,115,105,.55); border-radius: 50%; }
body.v7-active .v7-ai-state-orbit i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--nx-energy-400); box-shadow: 0 0 8px var(--nx-energy-400); }
body.v7-active .v7-ai-state-orbit i:nth-child(1) { top: -2px; left: 6px; } body.v7-active .v7-ai-state-orbit i:nth-child(2) { right: -2px; bottom: 4px; } body.v7-active .v7-ai-state-orbit i:nth-child(3) { bottom: -2px; left: 4px; }
body.v7-active .v7-ai-state[data-stage="understanding"] .v7-ai-state-orbit { animation: nx-orbit 1.35s linear infinite; }
body.v7-active .v7-ai-state[data-stage="facts"] .v7-ai-state-orbit { animation: nx-orbit .9s linear infinite reverse; border-style: dashed; }
body.v7-active .v7-ai-state[data-stage="decision"] .v7-ai-state-orbit { border-color: var(--nx-success-500); } body.v7-active .v7-ai-state[data-stage="decision"] .v7-ai-state-orbit i { background: var(--nx-success-500); box-shadow: 0 0 8px var(--nx-success-500); }
body.v7-active .v7-ai-answer { border-left: 2px solid var(--nx-success-500); } body.v7-active .v7-ai-followup { border-left: 2px solid var(--nx-energy-400); }
body.v7-active .v7-home-decision-summary { font-weight: 700; color: #f6f2ec; }
body.v7-active .v7-home-decision-more { margin-top: 8px; color: var(--nx-ink-muted); }
body.v7-active .v7-home-decision-more summary { cursor: pointer; color: #d8dcdf; font-size: 11px; font-weight: 800; }
body.v7-active .v7-home-decision-more p { color: #c2c8cc; }
body.v7-active .v7-campaign-view .v7-section-heading, body.v7-active .v7-ops-view .v7-section-heading { border-bottom-color: var(--nx-line); }
body.v7-active .v7-campaign-summary-grid article:first-child { border-top: 2px solid var(--nx-energy-400); }
body.v7-active .v7-campaign-panel, body.v7-active .v7-calculator-overview, body.v7-active .v7-dna-overview { border-radius: var(--nx-radius-surface); }
body.v7-active .v7-calculator-hero { background: linear-gradient(112deg, #1b2027, #121419); }
body.v7-active .v7-settings-grid article { min-height: 164px; border-radius: var(--nx-radius-surface); }
@keyframes nx-page-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes nx-field-breathe { 0%, 100% { transform: scale(.95); opacity: .48; } 50% { transform: scale(1.05); opacity: .78; } }
@keyframes nx-field-drift { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-10px, 8px, 0); } }
@keyframes nx-orbit { to { transform: rotate(360deg); } }
@media (max-width: 760px) {
  body.v7-active .v7-app-frame { padding-bottom: 76px; }
  body.v7-active .v7-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; height: 68px; padding: 0 6px; }
  body.v7-active .v7-nav-primary { display: contents; }
  body.v7-active .v7-nav-primary button:nth-child(n+5), body.v7-active .v7-nav-secondary { display: none; }
  body.v7-active .v7-nav button, body.v7-active .v7-mobile-more { display: grid; grid-template-columns: 1fr; grid-template-rows: 25px 16px; place-items: center; min-height: 64px; padding: 3px 1px; border-radius: 11px; font-size: 9px; }
  body.v7-active .v7-mobile-more { border: 1px solid transparent; color: #abb2b8; background: transparent; }
  body.v7-active .v7-mobile-more.is-open { color: #fff; background: rgba(233,76,69,.14); }
  body.v7-active .v7-nav button:hover { transform: none; }
  body.v7-active .v7-nav button::before { display: none; }
  body.v7-active .v7-mobile-more-sheet { position: fixed; z-index: var(--nx-z-sheet); display: none; right: 12px; bottom: 78px; width: min(236px, calc(100vw - 24px)); padding: 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(19, 22, 27, .97); box-shadow: var(--nx-shadow); backdrop-filter: blur(20px); }
  body.v7-active .v7-mobile-more-sheet.is-open { display: grid; gap: 4px; animation: nx-page-in var(--nx-motion-base) var(--nx-spring) both; }
  body.v7-active .v7-mobile-more-sheet button { display: grid; grid-template-columns: 22px 1fr; align-items: center; gap: 8px; min-height: 46px; width: 100%; padding: 0 10px; text-align: left; border-radius: 10px; color: var(--nx-paper); background: transparent; }
  body.v7-active .v7-mobile-more-sheet .v7-nav-index { display: none; }
  body.v7-active .v7-mobile-more-sheet .v7-nav-label { display: block; width: auto; font-size: 12px; }
  body.v7-active .v7-page-intro h1 { font-size: clamp(29px, 9vw, 38px); }
  body.v7-active .v7-command-panel::after { right: 4%; opacity: .35; transform: scale(.72); }
}
@media (prefers-reduced-motion: reduce) {
  body.v7-active *, body.v7-active *::before, body.v7-active *::after { scroll-behavior: auto !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
  body.v7-active .v7-command-panel::after { display: none; }
}
@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  body.v7-active .v7-sidebar, body.v7-active .v7-topbar, body.v7-active .v7-mobile-more-sheet { background: var(--nx-obsidian-900); backdrop-filter: none; }
  body.v7-active .v7-command-panel { background: var(--nx-obsidian-800); }
}

body.v7-active .v7-wecom-status-card { display: grid; gap: 8px; }
body.v7-active .v7-wecom-status-card h3 { margin: 4px 0 0; }
body.v7-active .v7-wecom-status-card small { color: #7e898f; line-height: 1.5; }
body.v7-active .v7-wecom-status-card button { justify-self: start; margin-top: 4px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; color: #dce5df; background: rgba(255,255,255,.04); font-size: 11px; }

/* Golden Loop P0: compact, action-first conversion surface. */
body.v7-active .v7-golden-loop-home { display: grid; gap: 16px; margin-top: 22px; padding: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.015)); }
body.v7-active .v7-golden-loop-head, body.v7-active .v7-golden-panel-heading, body.v7-active .v7-golden-form-heading, body.v7-active .v7-conversion-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
body.v7-active .v7-heading-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.v7-active .v7-golden-loop-head h2, body.v7-active .v7-conversion-heading h2 { margin: 6px 0 0; color: #eef1ed; font-size: clamp(24px, 3vw, 32px); letter-spacing: -.04em; }
body.v7-active .v7-golden-loop-head p, body.v7-active .v7-conversion-heading p { max-width: 55ch; margin: 8px 0 0; color: #a7b0b0; font-size: 13px; line-height: 1.6; }
body.v7-active .v7-golden-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; background: rgba(255,255,255,.08); }
body.v7-active .v7-golden-metric { display: grid; gap: 6px; min-height: 78px; padding: 15px 16px; background: rgba(14,18,22,.9); }
body.v7-active .v7-golden-metric span { color: #9ca6aa; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
body.v7-active .v7-golden-metric b { color: #eef1ed; font-size: 22px; line-height: 1; }
body.v7-active .v7-golden-metric small { color: #758187; font-size: 11px; line-height: 1.35; }
body.v7-active .v7-golden-metric.is-accent b { color: #9de0b5; }
body.v7-active .v7-golden-metric.is-alert b { color: #ff9b91; }
body.v7-active .v7-golden-queue-preview { display: grid; gap: 10px; padding-top: 6px; }
body.v7-active .v7-golden-queue-preview button { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.09); color: #edf1ed; background: transparent; text-align: left; }
body.v7-active .v7-golden-queue-preview button:hover, body.v7-active .v7-golden-queue-preview button:focus-visible { color: #fff; }
body.v7-active .v7-golden-queue-preview button b, body.v7-active .v7-golden-queue-preview button small { display: block; }
body.v7-active .v7-golden-queue-preview button small { margin-top: 4px; color: #8e999d; font-size: 11px; }
body.v7-active .v7-golden-queue-preview button > span:last-child { color: #d2d9d5; font-size: 12px; white-space: nowrap; }
body.v7-active .v7-golden-empty { display: grid; gap: 5px; padding: 20px 0 4px; color: #d5ddda; }
body.v7-active .v7-golden-empty span { color: #8e999d; font-size: 12px; line-height: 1.55; }
body.v7-active .v7-golden-native-status { display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; align-items: center; padding: 12px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.025); }
body.v7-active .v7-golden-native-status span { color: #a3afb0; font-size: 11px; }
body.v7-active .v7-golden-native-status b { color: #efc7a5; font-size: 12px; }
body.v7-active .v7-golden-native-status small { grid-column: 1 / -1; color: #7f8b8f; font-size: 10px; line-height: 1.45; }
body.v7-active .v7-conversion-view { display: grid; gap: 18px; }
body.v7-active .v7-conversion-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); gap: 18px; align-items: start; }
body.v7-active .v7-golden-panel, body.v7-active .v7-golden-inquiry-form, body.v7-active .v7-golden-detail { min-width: 0; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.026); }
body.v7-active .v7-golden-panel-heading h3, body.v7-active .v7-golden-form-heading h3 { margin: 5px 0 0; color: #eef1ed; font-size: 18px; }
body.v7-active .v7-golden-panel-heading > span, body.v7-active .v7-golden-form-heading small { color: #899398; font-size: 11px; }
body.v7-active .v7-golden-lead-list { display: grid; gap: 2px; margin-top: 14px; }
body.v7-active .v7-golden-lead-row { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; width: 100%; padding: 12px 10px; border: 1px solid transparent; border-radius: 10px; color: #dfe7e3; background: transparent; text-align: left; }
body.v7-active .v7-golden-lead-row:hover, body.v7-active .v7-golden-lead-row:focus-visible, body.v7-active .v7-golden-lead-row.is-selected { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.06); }
body.v7-active .v7-golden-lead-row b, body.v7-active .v7-golden-lead-row small { display: block; }
body.v7-active .v7-golden-lead-row small { margin-top: 4px; color: #8d999d; font-size: 11px; line-height: 1.4; }
body.v7-active .v7-golden-priority { display: inline-grid; place-items: center; min-width: 48px; padding: 5px 6px; border-radius: 999px; color: #b8c1bf; background: rgba(255,255,255,.1); font-size: 10px; font-weight: 800; letter-spacing: .04em; }
body.v7-active .v7-golden-priority.is-high { color: #ffc0b9; background: rgba(214,79,72,.2); }
body.v7-active .v7-golden-priority.is-medium { color: #f1d5a2; background: rgba(198,143,45,.16); }
body.v7-active .v7-golden-detail { display: grid; gap: 15px; }
body.v7-active .v7-golden-detail-head h3 { margin: 5px 0 0; color: #eef1ed; font-size: 21px; }
body.v7-active .v7-golden-detail-head p { margin: 6px 0 0; color: #9ba6a8; font-size: 12px; line-height: 1.5; }
body.v7-active .v7-golden-stage { align-self: start; padding: 6px 9px; border: 1px solid rgba(132,211,168,.33); border-radius: 999px; color: #a9dfbd; font-size: 10px; letter-spacing: .06em; }
body.v7-active .v7-golden-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
body.v7-active .v7-golden-facts > div { min-width: 0; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(0,0,0,.12); }
body.v7-active .v7-golden-facts dt { color: #7f8b8f; font-size: 10px; letter-spacing: .05em; }
body.v7-active .v7-golden-facts dd { overflow: hidden; margin: 5px 0 0; color: #dbe4df; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
body.v7-active .v7-golden-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; }
body.v7-active .v7-golden-detail-actions button { min-height: 34px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.15); border-radius: 9px; color: #d6dfdb; background: rgba(255,255,255,.04); font-size: 12px; }
body.v7-active .v7-golden-detail-actions button:hover, body.v7-active .v7-golden-detail-actions button:focus-visible { border-color: rgba(255,255,255,.33); color: #fff; }
body.v7-active .v7-golden-detail-actions .v7-primary-action { border-color: transparent; }
body.v7-active .v7-golden-suggestion { display: grid; gap: 6px; padding: 12px; border-left: 2px solid #8dd7aa; background: rgba(119,196,157,.08); }
body.v7-active .v7-golden-suggestion span { color: #9ce0b4; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
body.v7-active .v7-golden-suggestion p { margin: 0; color: #dbe8e0; font-size: 13px; line-height: 1.55; }
body.v7-active .v7-golden-suggestion small { color: #a4b8ad; font-size: 11px; }
body.v7-active .v7-golden-inline-status { padding: 10px 12px; border-radius: 9px; color: #b7c8bf; background: rgba(255,255,255,.05); font-size: 12px; }
body.v7-active .v7-golden-inquiry-form { display: grid; gap: 14px; margin-top: 18px; }
body.v7-active .v7-golden-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.v7-active .v7-golden-inquiry-form label { display: grid; gap: 6px; color: #9aa5a8; font-size: 11px; }
body.v7-active .v7-golden-inquiry-form input, body.v7-active .v7-golden-inquiry-form select, body.v7-active .v7-golden-inquiry-form textarea { width: 100%; min-width: 0; padding: 10px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; color: #e7eee9; background: rgba(0,0,0,.18); font: inherit; font-size: 12px; }
body.v7-active .v7-golden-inquiry-form textarea { resize: vertical; }
body.v7-active .v7-golden-inquiry-form input:focus-visible, body.v7-active .v7-golden-inquiry-form select:focus-visible, body.v7-active .v7-golden-inquiry-form textarea:focus-visible { outline: 2px solid rgba(130,218,171,.75); outline-offset: 2px; }
body.v7-active .v7-golden-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #7f8b8f; font-size: 10px; }
body.v7-active .v7-golden-stage-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 14px; }
body.v7-active .v7-golden-stage-list span { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; border-radius: 9px; color: #b9c3c1; background: rgba(255,255,255,.045); font-size: 10px; }
body.v7-active .v7-golden-stage-list i { color: #eef1ed; font-style: normal; font-weight: 800; }
body.v7-active .v7-golden-detail-empty { min-height: 180px; place-content: center; text-align: center; color: #d8e0dc; }
body.v7-active .v7-golden-detail-empty span { color: #8f9a9d; font-size: 12px; }
@media (max-width: 760px) {
  body.v7-active .v7-golden-loop-home { margin-top: 16px; padding: 17px; border-radius: 15px; }
  body.v7-active .v7-golden-loop-head, body.v7-active .v7-conversion-heading { display: grid; gap: 12px; }
  body.v7-active .v7-golden-loop-head .v7-primary-action { justify-self: start; }
  body.v7-active .v7-golden-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.v7-active .v7-golden-metric { min-height: 70px; padding: 12px; }
  body.v7-active .v7-conversion-grid { grid-template-columns: 1fr; gap: 14px; }
  body.v7-active .v7-golden-panel, body.v7-active .v7-golden-inquiry-form, body.v7-active .v7-golden-detail { padding: 16px; border-radius: 14px; }
  body.v7-active .v7-golden-form-grid { grid-template-columns: 1fr; }
  body.v7-active .v7-golden-form-actions { align-items: stretch; flex-direction: column; }
  body.v7-active .v7-golden-form-actions .v7-primary-action { width: 100%; }
  body.v7-active .v7-golden-detail-head { display: grid; gap: 10px; }
}

/* V2.1: the functional layer is refractive; content remains deliberately solid. */
body.v7-active .v7-app-frame { background: radial-gradient(60rem 38rem at 74% -16%, rgba(225, 234, 243, .055), transparent 58%), radial-gradient(42rem 30rem at 23% 106%, rgba(130, 42, 44, .12), transparent 65%), #0b0d10; }
body.v7-active .v7-sidebar { background: linear-gradient(180deg, rgba(15,17,21,.96), rgba(10,12,15,.88)); }
body.v7-active .v7-brand-lockup { gap: 11px; align-items: center; }
body.v7-active .v7-identity-mark { display: inline-grid; flex: 0 0 auto; place-items: center; width: 32px; height: 32px; padding: 5px; border: 1px solid rgba(255,255,255,.18); border-radius: 11px; color: #f1eee8; background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.24), 0 12px 26px rgba(0,0,0,.22); font-size: 15px; font-weight: 850; line-height: 1; }
body.v7-active .v7-brand-lockup small { font-size: 9px; letter-spacing: .03em; }
body.v7-active .v7-nav { position: relative; isolation: isolate; }
body.v7-active .v7-nav-lens { position: absolute; z-index: -1; display: block; width: 100%; height: 42px; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; opacity: 0; background: radial-gradient(90px 32px at var(--v7-lens-x, 28%) var(--v7-lens-y, 0%), rgba(255,255,255,.22), transparent 54%), linear-gradient(105deg, rgba(255,255,255,.12), rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.24), inset 0 -1px rgba(0,0,0,.16), 0 8px 20px rgba(0,0,0,.14); backdrop-filter: blur(18px) saturate(1.3); transition: transform 380ms cubic-bezier(.18,.9,.18,1), width 380ms cubic-bezier(.18,.9,.18,1), height 380ms cubic-bezier(.18,.9,.18,1), opacity 160ms ease; }
body.v7-active .v7-nav:has(button.is-active) .v7-nav-lens { opacity: 1; }
body.v7-active .v7-nav button { position: relative; z-index: 1; background: transparent !important; }
body.v7-active .v7-nav button.is-active::before { display: none; }
body.v7-active .v7-nav button.is-active { color: #fff; }
body.v7-active .v7-nav-identity { width: 19px; height: 19px; padding: 2px; border-radius: 6px; }
body.v7-active .v7-local-identity-preview { display: grid; gap: 8px; margin: 18px 12px 0; padding: 11px; border: 1px dashed rgba(255,255,255,.2); border-radius: 12px; color: #9ba5ab; background: rgba(255,255,255,.025); }
body.v7-active .v7-local-identity-preview > span { font-size: 9px; font-weight: 800; letter-spacing: .08em; }
body.v7-active .v7-local-identity-preview > div { display: grid; gap: 5px; }
body.v7-active .v7-local-identity-preview button { min-height: 28px; padding: 0 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; color: #c4cbce; background: rgba(255,255,255,.035); font-size: 10px; font-weight: 700; text-align: left; }
body.v7-active .v7-local-identity-preview button:hover, body.v7-active .v7-local-identity-preview button:focus-visible, body.v7-active .v7-local-identity-preview button.is-active { border-color: rgba(236,130,122,.58); color: #fff0eb; background: rgba(226,91,83,.16); }
body.v7-active .v7-topbar { position: relative; z-index: 90; display: grid; grid-template-columns: minmax(120px, 1fr) minmax(248px, 400px) minmax(170px, 1fr); gap: 12px; align-items: center; }
body.v7-active .v7-topbar-command { display: grid; position: relative; }
body.v7-active .v7-global-command-trigger { --v7-lens-x: 28%; --v7-lens-y: 0%; display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; color: #d7dde0; background: linear-gradient(100deg, rgba(255,255,255,.11), rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.18), inset 0 -1px rgba(0,0,0,.18), 0 9px 21px rgba(0,0,0,.14); backdrop-filter: blur(18px) saturate(1.35); transition: transform 180ms cubic-bezier(.18,.9,.18,1), border-color 180ms ease, box-shadow 180ms ease; }
body.v7-active .v7-global-command-trigger::before, body.v7-active .v7-primary-action::before { content: ""; position: absolute; inset: 1px; pointer-events: none; border-radius: inherit; opacity: .72; background: radial-gradient(100px 45px at var(--v7-lens-x, 22%) var(--v7-lens-y, 0%), rgba(255,255,255,.35), transparent 56%); mix-blend-mode: screen; }
body.v7-active .v7-global-command-trigger svg { width: 15px; color: #ef847d; }
body.v7-active .v7-global-command-trigger span { flex: 1; text-align: left; font-size: 12px; font-weight: 700; }
body.v7-active .v7-global-command-trigger kbd { padding: 2px 5px; border: 1px solid rgba(255,255,255,.13); border-radius: 5px; color: #89939b; font: 10px/1 ui-monospace, monospace; }
body.v7-active .v7-global-command-trigger:hover, body.v7-active .v7-global-command-trigger:focus-visible { transform: translateY(-1px); border-color: rgba(255,255,255,.25); box-shadow: inset 0 1px rgba(255,255,255,.28), 0 14px 26px rgba(0,0,0,.2); }
body.v7-active .v7-global-command-scrim { position: fixed; z-index: 200; inset: 0; background: rgba(2,4,7,.62); backdrop-filter: blur(8px) saturate(.72); animation: v721-command-scrim-in 180ms ease both; }
body.v7-active .v7-global-command-popover { position: fixed; z-index: 201; top: 50%; left: 50%; width: min(540px, calc(100vw - 40px)); max-height: min(620px, calc(100vh - 48px)); overflow: auto; padding: 18px; border: 1px solid rgba(255,255,255,.25); border-radius: 18px; color: var(--nx-paper); background: linear-gradient(145deg, #242a32, #101419 72%); box-shadow: 0 36px 100px rgba(0,0,0,.68), inset 0 1px rgba(255,255,255,.16); backdrop-filter: blur(30px) saturate(1.15); transform: translate(-50%, -50%); animation: v721-command-in 220ms cubic-bezier(.18,.9,.18,1) both; }
body.v7-active .v7-global-command-brand, body.v7-active .v7-global-command-popover > form > div:last-child { display: flex; align-items: center; gap: 8px; }
body.v7-active .v7-global-command-brand .v7-identity-mark { width: 20px; height: 20px; padding: 1px; border-radius: 6px; font-size: 10px; }
body.v7-active .v7-global-command-brand strong { flex: 1; color: #f0f1ed; font-size: 13px; }
body.v7-active .v7-global-command-description { color: #c7cdd0; }
body.v7-active .v7-global-command-brand button { width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; color: #edf0ef; background: rgba(255,255,255,.09); font-size: 18px; line-height: 1; }
body.v7-active .v7-global-command-popover label { display: grid; gap: 8px; margin: 18px 0 14px; color: #f0f1ed; font-size: 13px; font-weight: 800; }
body.v7-active .v7-global-command-popover textarea { width: 100%; min-height: 82px; padding: 13px; border: 1px solid rgba(255,255,255,.21); border-radius: 12px; color: #fff; background: #0b0f13; outline: none; resize: none; }
body.v7-active .v7-global-command-popover textarea:focus { border-color: rgba(255,125,116,.7); box-shadow: 0 0 0 4px rgba(235,82,73,.12); }
body.v7-active .v7-global-command-popover > form > div:last-child { justify-content: space-between; }
body.v7-active .v7-global-command-popover small { max-width: 29ch; color: #b9c1c5; font-size: 11px; line-height: 1.45; }
body.v7-active .v7-contextual-prompts { display: grid; gap: 8px; margin: 0 0 16px; }
body.v7-active .v7-contextual-prompts > div { display: flex; flex-wrap: wrap; gap: 7px; }
body.v7-active .v7-contextual-prompts button { padding: 7px 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #dce4e1; background: rgba(255,255,255,.07); font-size: 11px; line-height: 1.25; text-align: left; }
body.v7-active .v7-contextual-prompts button:hover, body.v7-active .v7-contextual-prompts button:focus-visible { border-color: rgba(255,125,116,.7); color: #fff; background: rgba(235,82,73,.16); }
body.v7-active .v7-primary-action { position: relative; overflow: hidden; }
body.v7-active .v7-home-intro { align-items: end; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
body.v7-active .v7-home-intro p { margin: 0 0 5px; color: #9da8af; font-size: 12px; font-weight: 700; }
body.v7-active .v7-home-intro h1 { max-width: none; margin: 0; font-size: clamp(34px, 4.1vw, 58px); letter-spacing: -.065em; }
body.v7-active .v7-home-intro > div > span { display: block; margin-top: 8px; color: #9ea8ae; font-size: 13px; }
body.v7-active .v7-home-command-link { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: #eef0ef; background: rgba(255,255,255,.035); }
body.v7-active .v7-home-command-link svg { width: 15px; color: #ef847d; }
body.v7-active .v7-home-decision-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .36fr); gap: clamp(18px, 2.4vw, 38px); align-items: start; }
body.v7-active .v7-decision-object { position: relative; overflow: hidden; min-height: 560px; padding: clamp(22px, 3vw, 48px); border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: linear-gradient(135deg, #161a1f 0%, #0d0f13 74%); box-shadow: 0 28px 70px rgba(0,0,0,.2); }
body.v7-active .v7-decision-object::before { content: ""; position: absolute; top: 0; right: 0; width: min(44%, 390px); aspect-ratio: 1; opacity: .85; background: radial-gradient(circle at 52% 44%, rgba(239,129,120,.13), transparent 9%), radial-gradient(circle at 50% 50%, rgba(159,202,189,.09), transparent 26%, transparent 55%); pointer-events: none; }
body.v7-active .v7-decision-aura { position: absolute; z-index: 1; top: 28px; right: 32px; }
body.v7-active .v7-decision-aura .v7-ai-state { margin: 0; }
body.v7-active .v7-decision-identity { display: block; width: 26px; height: 26px; margin: 8px auto 0; opacity: 0; transform: translateY(-10px) scale(.65); filter: saturate(.7); transition: opacity 220ms ease, transform 420ms cubic-bezier(.18,.9,.18,1), filter 220ms ease; }
body.v7-active .v7-decision-kicker { display: flex; justify-content: space-between; gap: 14px; position: relative; color: #a7b0b6; font-size: 11px; font-weight: 800; letter-spacing: .06em; }
body.v7-active .v7-decision-kicker span:last-child { color: #e8938c; }
body.v7-active .v7-decision-object h2 { position: relative; max-width: 15ch; margin: 28px 0 42px; color: #f7f4ef; font-size: clamp(29px, 3.6vw, 49px); line-height: 1.1; letter-spacing: -.055em; text-wrap: balance; }
body.v7-active .v7-decision-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(220px, .96fr); gap: 28px; position: relative; }
body.v7-active .v7-decision-label { display: block; margin-bottom: 11px; color: #9da7ad; font-size: 11px; font-weight: 800; letter-spacing: .06em; }
body.v7-active .v7-decision-facts { display: grid; gap: 1px; border-top: 1px solid rgba(255,255,255,.12); }
body.v7-active .v7-decision-facts > div { display: grid; grid-template-columns: 72px 1fr; gap: 10px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
body.v7-active .v7-decision-facts small { color: #879199; font-size: 10px; }
body.v7-active .v7-decision-facts b { color: #dfe4e3; font-size: 13px; font-weight: 650; line-height: 1.45; }
body.v7-active .v7-decision-facts p { margin: 0; color: #aeb6ba; font-size: 13px; line-height: 1.6; }
body.v7-active .v7-decision-actions { display: grid; gap: 7px; padding: 0; margin: 0; list-style: none; }
body.v7-active .v7-decision-actions button { display: grid; grid-template-columns: 29px 1fr 16px; align-items: center; gap: 8px; width: 100%; min-height: 51px; padding: 0 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: #ecf0ef; background: rgba(255,255,255,.035); text-align: left; transition: transform 180ms cubic-bezier(.18,.9,.18,1), background 180ms ease, border-color 180ms ease; }
body.v7-active .v7-decision-actions button:hover, body.v7-active .v7-decision-actions button:focus-visible { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); transform: translateX(3px); }
body.v7-active .v7-decision-actions button span { color: #eb827a; font: 10px/1 ui-monospace, monospace; }
body.v7-active .v7-decision-actions button b { font-size: 13px; }
body.v7-active .v7-decision-actions button svg { width: 15px; color: #9fa9af; }
body.v7-active .v7-decision-bottom { display: flex; align-items: end; justify-content: space-between; gap: 18px; position: relative; margin-top: 35px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.11); }
body.v7-active .v7-missing-facts { display: grid; gap: 4px; }
body.v7-active .v7-missing-facts span { color: #9ba5aa; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
body.v7-active .v7-missing-facts b { color: #eff0ec; font-size: 13px; }
body.v7-active .v7-missing-facts small { color: #a3adb2; }
body.v7-active .v7-decision-cta { min-height: 42px; padding-inline: 16px; white-space: nowrap; }
body.v7-active .v7-decision-reasoning { position: relative; margin-top: 20px; color: #aeb6bb; }
body.v7-active .v7-decision-reasoning summary { cursor: pointer; color: #cad0d1; font-size: 12px; font-weight: 700; }
body.v7-active .v7-decision-reasoning p { max-width: 68ch; margin: 10px 0 0; font-size: 13px; line-height: 1.7; }
body.v7-active .v7-boss-attention { position: sticky; top: 92px; padding: 8px 0 14px; }
body.v7-active .v7-attention-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
body.v7-active .v7-attention-heading span { color: #929ca2; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
body.v7-active .v7-attention-heading h3 { max-width: 15ch; margin: 7px 0 0; color: #eceae5; font-size: 21px; line-height: 1.18; letter-spacing: -.04em; }
body.v7-active .v7-attention-heading i { width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: #df625c; box-shadow: 0 0 0 5px rgba(223,98,92,.12); }
body.v7-active .v7-attention-items { display: grid; gap: 8px; margin-top: 14px; }
body.v7-active .v7-attention-items button { display: grid; grid-template-columns: 1fr 16px; gap: 2px 7px; width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.1); color: #eff2ef; background: transparent; text-align: left; }
body.v7-active .v7-attention-items button small { color: #9ca6aa; font-size: 10px; font-weight: 800; }
body.v7-active .v7-attention-items button b { color: #dce2df; font-size: 13px; line-height: 1.45; }
body.v7-active .v7-attention-items button svg { grid-column: 2; grid-row: 1 / 3; align-self: center; width: 15px; color: #8d979d; }
body.v7-active .v7-attention-items button.is-primary { padding: 16px; border: 1px solid rgba(226,108,100,.28); border-radius: 16px; background: linear-gradient(135deg, rgba(223,85,78,.15), rgba(255,255,255,.02)); }
body.v7-active .v7-attention-items button.is-primary small { color: #f28b83; }
body.v7-active .v7-attention-empty { display: grid; gap: 7px; margin-top: 16px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
body.v7-active .v7-attention-empty b { color: #e4e7e5; font-size: 13px; }
body.v7-active .v7-attention-empty span { color: #929da3; font-size: 12px; line-height: 1.55; }
body.v7-active .v7-ai-state { position: relative; color: #acb7bb; }
body.v7-active .v7-ai-state-field { position: relative; display: inline-block; width: 35px; height: 20px; overflow: visible; }
body.v7-active .v7-ai-state-field i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #8b979b; box-shadow: 0 0 8px rgba(178,196,193,.32); transition: transform 220ms cubic-bezier(.2,.85,.2,1), background 180ms ease, opacity 180ms ease; }
body.v7-active .v7-ai-state-field i:nth-child(1) { left: 0; top: 9px; } body.v7-active .v7-ai-state-field i:nth-child(2) { left: 7px; top: 1px; } body.v7-active .v7-ai-state-field i:nth-child(3) { left: 13px; top: 14px; } body.v7-active .v7-ai-state-field i:nth-child(4) { left: 19px; top: 4px; } body.v7-active .v7-ai-state-field i:nth-child(5) { left: 27px; top: 11px; } body.v7-active .v7-ai-state-field i:nth-child(6) { left: 32px; top: 2px; } body.v7-active .v7-ai-state-field i:nth-child(7) { left: 22px; top: 17px; } body.v7-active .v7-ai-state-field i:nth-child(8) { left: 8px; top: 18px; }
body.v7-active .v7-ai-state-field b, body.v7-active .v7-ai-state-field em { position: absolute; display: block; height: 1px; opacity: 0; background: linear-gradient(90deg, transparent, rgba(174,224,207,.8), transparent); transform-origin: left center; transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.85,.2,1); }
body.v7-active .v7-ai-state-field b { left: 3px; top: 10px; width: 25px; transform: rotate(-19deg) scaleX(.2); } body.v7-active .v7-ai-state-field em { left: 10px; top: 5px; width: 20px; transform: rotate(28deg) scaleX(.2); }
body.v7-active .v7-ai-state[data-stage="understanding"] .v7-ai-state-field i { background: #e88a81; animation: v721-gather 1.15s ease-in-out infinite alternate; } body.v7-active .v7-ai-state[data-stage="understanding"] .v7-ai-state-field i:nth-child(odd) { animation-delay: -430ms; }
body.v7-active .v7-ai-state[data-stage="retrieving"] .v7-ai-state-field i { background: #9fc8bd; } body.v7-active .v7-ai-state[data-stage="retrieving"] .v7-ai-state-field b, body.v7-active .v7-ai-state[data-stage="retrieving"] .v7-ai-state-field em { opacity: .9; transform: rotate(-19deg) scaleX(1); } body.v7-active .v7-ai-state[data-stage="retrieving"] .v7-ai-state-field em { transform: rotate(28deg) scaleX(1); }
body.v7-active .v7-ai-state[data-stage="judging"] .v7-ai-state-field i { background: #e8b08a; transform: translateX(9px) translateY(1px); } body.v7-active .v7-ai-state[data-stage="judging"] .v7-ai-state-field i:nth-child(2n) { transform: translateX(-4px) translateY(4px); opacity: .62; }
body.v7-active .v7-ai-state[data-stage="decision-ready"] .v7-ai-state-field i { background: #90c6a7; transform: translate(14px, 7px); } body.v7-active .v7-ai-state[data-stage="decision-ready"] .v7-ai-state-field i:nth-child(3n) { transform: translate(10px, 7px); opacity: .55; } body.v7-active .v7-ai-state[data-stage="decision-ready"] .v7-ai-state-field b { top: 10px; left: 15px; width: 13px; opacity: 1; transform: rotate(0) scaleX(1); } body.v7-active .v7-ai-state[data-stage="decision-ready"] .v7-ai-state-field em { display: none; }
body.v7-active .v7-decision-object[data-ai-phase="decision-ready"]::before { animation: v721-decision-form 520ms cubic-bezier(.18,.9,.18,1) both; }
body.v7-active .v7-decision-object[data-ai-phase="decision-ready"] .v7-decision-identity { opacity: 1; transform: translateY(0) scale(1); filter: saturate(1); }

/* Home visual implementation: one clear decision plane, then quiet operational context. */
body.v7-active .v7-home-view { max-width: 1320px; }
body.v7-active .v7-home-intro { padding-bottom: 14px; }
body.v7-active .v7-home-intro h1 { font-size: clamp(32px, 3.5vw, 50px); }
body.v7-active .v7-home-decision-layout { grid-template-columns: minmax(0, 1fr) minmax(260px, .34fr); gap: clamp(18px, 2.6vw, 36px); }
body.v7-active .v7-decision-object { min-height: 420px; padding: clamp(22px, 2.8vw, 40px); }
body.v7-active .v7-decision-object::before { display: none; }
body.v7-active .v7-decision-flow { position: absolute; top: 22px; right: 28px; width: min(34vw, 370px); height: 140px; overflow: hidden; pointer-events: none; }
body.v7-active .v7-decision-flow::before { content: ""; position: absolute; inset: 14px 16px 9px 0; opacity: .7; background: radial-gradient(circle at 82% 51%, rgba(255,119,108,.66) 0 3px, rgba(255,119,108,.12) 4px 10px, transparent 11px), linear-gradient(159deg, transparent 20%, rgba(178,207,199,.24) 20.4% 20.9%, transparent 21.3%), linear-gradient(173deg, transparent 39%, rgba(178,207,199,.16) 39.4% 39.8%, transparent 40.2%), linear-gradient(151deg, transparent 57%, rgba(255,126,116,.18) 57.4% 57.8%, transparent 58.2%); mask-image: linear-gradient(90deg, transparent, #000 19%, #000 82%, transparent); }
body.v7-active .v7-decision-flow i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #b8d7cf; box-shadow: 0 0 12px rgba(184,215,207,.52); animation: v7-flow-converge 3.2s cubic-bezier(.3,.78,.35,1) infinite; }
body.v7-active .v7-decision-flow i:nth-child(1) { top: 35px; left: 6%; animation-delay: -1.6s; } body.v7-active .v7-decision-flow i:nth-child(2) { top: 85px; left: 16%; animation-delay: -2.4s; } body.v7-active .v7-decision-flow i:nth-child(3) { top: 56px; left: 36%; animation-delay: -.7s; } body.v7-active .v7-decision-flow i:nth-child(4) { top: 100px; left: 49%; animation-delay: -2.9s; }
body.v7-active .v7-decision-flow b { position: absolute; top: 51px; right: 16%; width: 10px; height: 10px; border-radius: 50%; background: #ff7d73; box-shadow: 0 0 0 6px rgba(255,125,115,.08), 0 0 24px rgba(255,125,115,.52); }
body.v7-active .v7-decision-kicker { padding-right: min(35vw, 380px); }
body.v7-active .v7-decision-kicker span:first-child { color: #e8ece9; }
body.v7-active .v7-decision-object h2 { max-width: 16ch; margin: 24px 0 30px; font-size: clamp(30px, 3.45vw, 47px); }
body.v7-active .v7-decision-reason { position: relative; display: grid; gap: 9px; max-width: 63ch; }
body.v7-active .v7-decision-reason .v7-decision-label { margin: 0; }
body.v7-active .v7-decision-reason p { margin: 0; color: #d4dcda; font-size: 15px; line-height: 1.62; }
body.v7-active .v7-decision-reason > span:not(.v7-decision-label) { display: inline-flex; align-items: baseline; gap: 8px; color: #aeb8bc; font-size: 12px; }
body.v7-active .v7-decision-reason small { color: #758087; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
body.v7-active .v7-decision-bottom { margin-top: 28px; }
body.v7-active .v7-decision-cta { min-width: 170px; }
body.v7-active .v7-boss-attention { padding: 3px 0 0; }
body.v7-active .v7-attention-heading h3 { font-size: 19px; }
body.v7-active .v7-attention-items button.is-primary { background: linear-gradient(135deg, rgba(223,85,78,.13), rgba(255,255,255,.035)); box-shadow: inset 0 1px rgba(255,255,255,.08); }
body.v7-active .v7-home-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1px; margin-top: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(255,255,255,.08); box-shadow: inset 0 1px rgba(255,255,255,.08); }
body.v7-active .v7-home-metrics > div { display: grid; gap: 7px; min-height: 82px; padding: 17px 18px; background: rgba(18,21,26,.88); }
body.v7-active .v7-home-metrics small { color: #98a2a8; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
body.v7-active .v7-home-metrics b { color: #e9edea; font-size: 15px; line-height: 1.2; }
body.v7-active .v7-home-metrics .is-ready b::before { content: "✓"; display: inline-grid; place-items: center; width: 15px; height: 15px; margin-right: 7px; border-radius: 50%; color: #0c1712; background: #80c8a1; font-size: 10px; vertical-align: 1px; }
body.v7-active .v7-home-metrics .is-alert b { color: #ff8b82; }
body.v7-active .v7-home-secondary-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(270px, .9fr); gap: 18px; margin-top: 18px; }
body.v7-active .v7-home-progress, body.v7-active .v7-home-recent { min-width: 0; padding: 19px 20px; border-top: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.018); }
body.v7-active .v7-home-section-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
body.v7-active .v7-home-section-heading > div > span { color: #99a3a8; font-size: 10px; font-weight: 800; letter-spacing: .07em; }
body.v7-active .v7-home-section-heading h3 { margin: 5px 0 0; color: #eceeea; font-size: 18px; letter-spacing: -.03em; }
body.v7-active .v7-home-section-heading > small { color: #9aa5aa; font-size: 11px; white-space: nowrap; }
body.v7-active .v7-home-progress ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; padding: 18px 0 0; margin: 0; list-style: none; }
body.v7-active .v7-home-progress li { display: grid; gap: 7px; color: #778187; font-size: 11px; }
body.v7-active .v7-home-progress li i { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #93a0a3; font-style: normal; font-size: 10px; }
body.v7-active .v7-home-progress li small { color: #687279; font-size: 10px; }
body.v7-active .v7-home-progress li.is-done { color: #d7dfdb; } body.v7-active .v7-home-progress li.is-done i { border-color: rgba(124,199,160,.6); color: #9ce0b4; }
body.v7-active .v7-home-progress li.is-active { color: #fff0ec; } body.v7-active .v7-home-progress li.is-active i { border-color: #f17a71; color: #ffaaa3; box-shadow: 0 0 0 4px rgba(233,76,69,.11); }
body.v7-active .v7-home-recent > div:last-child { display: grid; margin-top: 13px; }
body.v7-active .v7-home-recent button { display: grid; grid-template-columns: minmax(0, 1fr) 16px; gap: 7px; align-items: center; width: 100%; min-width: 0; padding: 11px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.09); color: #e5e9e5; background: transparent; text-align: left; }
body.v7-active .v7-home-recent button:hover, body.v7-active .v7-home-recent button:focus-visible { color: #fff; }
body.v7-active .v7-home-recent button small { display: block; margin-bottom: 4px; color: #8c979d; font-size: 10px; font-weight: 700; }
body.v7-active .v7-home-recent button b { display: block; overflow: hidden; font-size: 13px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
body.v7-active .v7-home-recent button > span { min-width: 0; }
body.v7-active .v7-home-recent button svg { width: 15px; color: #a0aaae; }
body.v7-active .v7-home-recent > p { margin: 17px 0 0; color: #9aa4a8; font-size: 12px; line-height: 1.55; }
@keyframes v7-flow-converge { 0% { opacity: 0; transform: translateX(0) translateY(0) scale(.7); } 22% { opacity: .85; } 76% { opacity: .92; transform: translateX(210px) translateY(-12px) scale(1); } 100% { opacity: 0; transform: translateX(250px) translateY(-13px) scale(.7); } }
@keyframes v721-command-in { from { opacity: 0; transform: translate(-50%, calc(-50% - 10px)) scale(.97); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
@keyframes v721-command-scrim-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes v721-gather { from { transform: translateX(0); opacity: .5; } to { transform: translateX(9px); opacity: 1; } }
@keyframes v721-decision-form { from { transform: scale(.86); opacity: .18; } to { transform: scale(1); opacity: .85; } }
@media (max-width: 760px) {
  body.v7-active .v7-app-frame { padding-bottom: 82px; }
  body.v7-active .v7-topbar { grid-template-columns: 1fr auto; min-height: 56px; }
  body.v7-active .v7-topbar-command { position: static; grid-column: 1 / -1; grid-row: 2; margin: -3px 0 8px; }
  body.v7-active .v7-topbar-actions { grid-column: 2; grid-row: 1; }
  body.v7-active .v7-global-command-trigger { min-height: 34px; }
  body.v7-active .v7-global-command-trigger kbd { display: none; }
  body.v7-active .v7-global-command-popover { top: 50%; bottom: auto; left: 12px; right: 12px; width: auto; max-height: calc(100vh - 116px); transform: translateY(-50%); animation: v721-command-in-mobile 220ms cubic-bezier(.18,.9,.18,1) both; }
  body.v7-active .v7-local-identity-preview { display: none; }
  body.v7-active .v7-home-intro { align-items: start; gap: 14px; }
  body.v7-active .v7-home-intro h1 { font-size: clamp(33px, 10vw, 43px); }
  body.v7-active .v7-home-command-link { align-self: stretch; justify-content: center; width: 100%; }
  body.v7-active .v7-home-decision-layout { grid-template-columns: 1fr; gap: 18px; }
  body.v7-active .v7-decision-object { min-height: 0; padding: 21px 17px; border-radius: 20px; }
  body.v7-active .v7-decision-flow { top: 12px; right: 6px; width: 205px; opacity: .66; transform: scale(.8); transform-origin: top right; }
  body.v7-active .v7-decision-kicker { padding-right: 132px; }
  body.v7-active .v7-decision-object h2 { max-width: 12ch; margin: 27px 0 26px; font-size: 31px; }
  body.v7-active .v7-decision-grid { grid-template-columns: 1fr; gap: 23px; }
  body.v7-active .v7-decision-bottom { align-items: stretch; flex-direction: column; margin-top: 25px; }
  body.v7-active .v7-decision-cta { width: 100%; }
  body.v7-active .v7-boss-attention { position: static; padding: 0; }
  body.v7-active .v7-attention-heading h3 { max-width: none; }
  body.v7-active .v7-home-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; }
  body.v7-active .v7-home-metrics > div { min-height: 72px; padding: 14px; }
  body.v7-active .v7-home-secondary-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
  body.v7-active .v7-home-progress, body.v7-active .v7-home-recent { padding: 17px 0; }
  body.v7-active .v7-home-progress ol { grid-template-columns: 1fr; gap: 8px; padding-top: 15px; }
  body.v7-active .v7-home-progress li { grid-template-columns: 21px 1fr auto; align-items: center; gap: 9px; }
  body.v7-active .v7-home-progress li small { text-align: right; }
  body.v7-active .v7-nav-lens { display: none; }
}
@keyframes v721-command-in-mobile { from { opacity: 0; transform: translateY(calc(-50% - 10px)) scale(.97); } to { opacity: 1; transform: translateY(-50%) scale(1); } }
@media (prefers-reduced-motion: reduce) {
  body.v7-active .v7-ai-state-field i, body.v7-active .v7-ai-state-field b, body.v7-active .v7-ai-state-field em { animation: none !important; transition: none !important; }
  body.v7-active .v7-decision-flow i { animation: none !important; }
}
@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  body.v7-active .v7-global-command-trigger, body.v7-active .v7-global-command-popover, body.v7-active .v7-nav-lens { background: #171a1f; backdrop-filter: none; }
  body.v7-active .v7-global-command-trigger::before, body.v7-active .v7-primary-action::before { display: none; }
}
/* One-click publish center: calm status hierarchy, explicit evidence, and human action. */
.v7-publish-view { display: grid; gap: 20px; }
.v7-publish-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.v7-publish-page-head h2 { margin: 6px 0 8px; color: var(--db-ink); font-size: clamp(30px, 4vw, 46px); letter-spacing: -.055em; line-height: 1.05; }
.v7-publish-page-head p { max-width: 680px; margin: 0; color: var(--db-muted); line-height: 1.7; }
.v7-publish-page-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; color: var(--db-muted); }
.v7-publish-page-actions small { color: var(--db-faint); font-size: 11px; }
.v7-publisher-node-strip { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border: 1px solid #eadfca; border-radius: var(--db-radius-lg); background: #fffaf0; color: var(--db-ink-2); }
.v7-publisher-node-strip > div { display: grid; gap: 3px; min-width: 0; }
.v7-publisher-node-strip strong { font-size: 13px; }
.v7-publisher-node-strip span:not(.v7-publisher-node-dot) { color: var(--db-muted); font-size: 11px; }
.v7-publisher-node-strip small { margin-left: auto; color: #99712b; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.v7-publisher-node-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #b9862b; box-shadow: 0 0 0 4px rgba(185,134,43,.12); }
.v7-publish-overall-chip, .v7-publish-status-chip { display: inline-flex; align-items: center; width: max-content; border: 1px solid var(--db-line); border-radius: 999px; color: var(--db-muted); background: rgba(255,255,255,.78); font-size: 11px; font-weight: 800; }
.v7-publish-overall-chip { padding: 9px 13px; }
.v7-publish-overall-chip.is-running { color: #175d8c; border-color: #cbe2f1; background: #f2f8fc; }
.v7-publish-overall-chip.is-waiting_human { color: #8b5d17; border-color: #efd9af; background: #fff9ec; }
.v7-publish-overall-chip.is-success { color: #17634d; border-color: #c9e6d7; background: #f0faf4; }
.v7-publish-overall-chip.is-partial_success { color: #8b5d17; border-color: #efd9af; background: #fff9ec; }
.v7-publish-overall-chip.is-failed { color: #a04040; border-color: #f0cccc; background: #fff5f5; }
.v7-publish-content-overview, .v7-publish-progress-card, .v7-publish-stream, .v7-publish-platform-card, .v7-publish-empty { border: 1px solid var(--db-line); border-radius: var(--db-radius-lg); background: rgba(255,255,255,.84); box-shadow: var(--db-shadow-sm); }
.v7-publish-content-overview { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 23px 26px; }
.v7-publish-content-overview h3 { margin: 7px 0 0; font-size: 20px; letter-spacing: -.035em; }
.v7-publish-content-overview dl { display: grid; grid-template-columns: repeat(3, minmax(100px, 1fr)); gap: 12px 24px; min-width: min(56%, 520px); margin: 0; }
.v7-publish-content-overview dt, .v7-publish-content-overview dd { margin: 0; }
.v7-publish-content-overview dt { color: var(--db-faint); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.v7-publish-content-overview dd { margin-top: 6px; color: var(--db-ink-2); font-size: 12px; font-weight: 800; }
.v7-publish-progress-card { padding: 23px 26px 20px; }
.v7-publish-progress-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.v7-publish-progress-head h3 { margin: 6px 0 0; font-size: 20px; letter-spacing: -.035em; }
.v7-publish-progress-head > strong { color: var(--db-primary); font-size: 28px; letter-spacing: -.06em; }
.v7-publish-progress-track { height: 9px; margin-top: 20px; overflow: hidden; border-radius: 99px; background: #edf3ee; }
.v7-publish-progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--db-teal), #75bd9f); transition: width 240ms ease; }
.v7-publish-counts { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 16px; color: var(--db-muted); font-size: 11px; }
.v7-publish-counts b { margin-right: 3px; color: var(--db-ink-2); font-size: 14px; }
.v7-publish-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.v7-publish-section-head h3 { margin: 5px 0 0; font-size: 18px; letter-spacing: -.035em; }
.v7-publish-section-head small { color: var(--db-faint); font-size: 11px; }
.v7-publish-platform-section { padding-top: 3px; }
.v7-publish-platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.v7-publish-platform-card { display: grid; gap: 16px; min-width: 0; padding: 19px; }
.v7-publish-platform-card.is-waiting_human { border-color: #ecd9b7; background: #fffdf8; }
.v7-publish-platform-card.is-failed { border-color: #f0cccc; background: #fffafa; }
.v7-publish-platform-card.is-creator_visible, .v7-publish-platform-card.is-public_visible { border-color: #cfe4d6; }
.v7-publish-platform-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.v7-publish-platform-name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.v7-publish-platform-name h3 { overflow: hidden; margin: 4px 0 0; color: var(--db-ink-2); font-size: 14px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.v7-publish-platform-mark { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: var(--db-teal); box-shadow: 0 0 0 4px rgba(13,126,115,.1); }
.is-waiting_human .v7-publish-platform-mark { background: var(--db-amber); box-shadow: 0 0 0 4px rgba(189,129,37,.12); }
.is-failed .v7-publish-platform-mark { background: var(--db-danger); box-shadow: 0 0 0 4px rgba(182,79,79,.1); }
.v7-publish-status-chip { flex: 0 0 auto; padding: 6px 9px; }
.v7-publish-status-chip.is-starting_runtime, .v7-publish-status-chip.is-checking_login, .v7-publish-status-chip.is-uploading_media, .v7-publish-status-chip.is-filling_metadata, .v7-publish-status-chip.is-submitting { color: #175d8c; border-color: #cbe2f1; background: #f2f8fc; }
.v7-publish-status-chip.is-waiting_human { color: #8b5d17; border-color: #efd9af; background: #fff9ec; }
.v7-publish-status-chip.is-failed { color: #a04040; border-color: #f0cccc; background: #fff5f5; }
.v7-publish-status-chip.is-creator_visible, .v7-publish-status-chip.is-public_visible, .v7-publish-status-chip.is-provider_acknowledged { color: #17634d; border-color: #c9e6d7; background: #f0faf4; }
.v7-publish-step { display: grid; gap: 5px; padding-bottom: 13px; border-bottom: 1px solid var(--db-line); }
.v7-publish-step span, .v7-publish-evidence span { color: var(--db-faint); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.v7-publish-step strong { color: var(--db-ink-2); font-size: 13px; }
.v7-publish-heartbeat { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--db-teal); font-size: 11px; font-weight: 800; }
.v7-publish-heartbeat small { color: var(--db-faint); font-size: 10px; font-weight: 500; }
.v7-publish-heartbeat.is-long_running { color: #8b5d17; }
.v7-publish-heartbeat.is-timeout_check { color: var(--db-danger); }
.v7-publish-heartbeat-hint { display: grid; gap: 4px; padding: 10px 11px; border-radius: 12px; color: var(--db-muted); background: #f6faf7; font-size: 11px; line-height: 1.5; }
.v7-publish-heartbeat-hint.is-long_running { color: #76561f; background: #fff8e9; }
.v7-publish-heartbeat-hint.is-timeout_check { color: #8b4545; background: #fff3f3; }
.v7-publish-heartbeat-hint strong { font-size: 11px; }
.v7-publish-evidence { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.v7-publish-evidence b { color: var(--db-ink-2); font-size: 11px; }
.v7-publish-human-action { display: grid; gap: 7px; padding: 13px; border: 1px solid #f0dcb7; border-radius: 14px; background: #fff8e9; }
.v7-publish-human-action > span { color: #8b5d17; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.v7-publish-human-action p { margin: 0; color: #72592b; font-size: 11px; line-height: 1.6; }
.v7-publish-human-action .v7-primary-action { justify-self: start; min-height: 34px; padding: 0 12px; font-size: 11px; }
.v7-publish-error { display: grid; gap: 4px; padding: 11px 12px; border-radius: 12px; color: #8b4545; background: #fff2f2; font-size: 11px; line-height: 1.5; }
.v7-publish-error strong { font-size: 11px; }
.v7-publish-error small { color: #a56c6c; }
.v7-publish-result-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--db-teal); font-size: 11px; font-weight: 800; }
.v7-publish-result-line button { padding: 0; border: 0; color: var(--db-primary-2); background: transparent; font-size: 11px; font-weight: 800; }
.v7-publish-stream { padding: 22px 26px; }
.v7-publish-stream ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.v7-publish-stream li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-top: 1px solid var(--db-line); }
.v7-publish-stream li:first-child { border-top: 0; }
.v7-publish-stream time { padding-top: 2px; color: var(--db-faint); font-size: 10px; font-variant-numeric: tabular-nums; }
.v7-publish-stream li > div { display: grid; gap: 3px; }
.v7-publish-stream li strong { color: var(--db-ink-2); font-size: 11px; }
.v7-publish-stream li span { color: var(--db-muted); font-size: 12px; line-height: 1.5; }
.v7-publish-stream li.is-warning strong { color: var(--db-amber); }
.v7-publish-stream li.is-error strong { color: var(--db-danger); }
.v7-publish-stream li.is-success strong { color: var(--db-teal); }
.v7-publish-stream-empty, .v7-publish-empty p { margin: 0; color: var(--db-muted); font-size: 12px; line-height: 1.7; }
.v7-publish-empty { display: grid; place-items: center; gap: 9px; min-height: 250px; padding: 34px; text-align: center; }
.v7-publish-empty h3 { margin: 0; font-size: 19px; }
.v7-publish-empty-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; color: var(--db-primary); background: var(--db-lime); font-size: 11px; font-weight: 900; }
.v7-publish-loading-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--db-teal); box-shadow: 0 0 0 6px rgba(13,126,115,.1); animation: v7PublishPulse 1.4s ease-in-out infinite; }
@keyframes v7PublishPulse { 0%, 100% { transform: scale(.85); opacity: .55; } 50% { transform: scale(1); opacity: 1; } }
@media (max-width: 1040px) { .v7-publish-platform-grid { grid-template-columns: 1fr; } .v7-publish-platform-card { grid-template-columns: minmax(0, 1fr) minmax(180px, .6fr); align-items: start; } .v7-publish-platform-head, .v7-publish-step, .v7-publish-heartbeat, .v7-publish-evidence, .v7-publish-human-action, .v7-publish-error, .v7-publish-result-line { grid-column: 1 / -1; } }
@media (max-width: 760px) { .v7-publish-page-head, .v7-publish-content-overview { align-items: flex-start; flex-direction: column; } .v7-publish-page-actions { justify-content: flex-start; } .v7-publish-content-overview dl { grid-template-columns: repeat(2, 1fr); width: 100%; min-width: 0; } .v7-publish-progress-card, .v7-publish-content-overview, .v7-publish-stream { padding: 19px; } .v7-publish-platform-card { grid-template-columns: 1fr; } .v7-publisher-node-strip { align-items: flex-start; } .v7-publisher-node-strip small { margin-left: 0; } }
@media (prefers-reduced-motion: reduce) { .v7-publish-progress-track span, .v7-publish-loading-dot { animation: none; transition: none; } }

/* Publish center sits on the dark shell but intentionally uses paper-like status cards.
   The existing visual reset gives generic view headings a light foreground, so scope the
   card palette explicitly to keep every status label readable on the light surfaces. */
body.v7-active .v7-publish-content-overview,
body.v7-active .v7-publish-progress-card,
body.v7-active .v7-publish-stream,
body.v7-active .v7-publish-platform-card,
body.v7-active .v7-publish-empty { color: #132321; }
body.v7-active .v7-publish-empty .v7-quiet-action { color: #132321; border-color: #9aa8a1; background: #fff; }
body.v7-active .v7-publish-empty .v7-quiet-action:hover,
body.v7-active .v7-publish-empty .v7-quiet-action:focus-visible { color: #132321; border-color: #132321; background: #f2f7f3; }
body.v7-active .v7-publish-content-overview h3,
body.v7-active .v7-publish-progress-head h3,
body.v7-active .v7-publish-section-head h3,
body.v7-active .v7-publish-empty h3,
body.v7-active .v7-publish-platform-name h3 { color: #213633 !important; }
body.v7-active .v7-publish-content-overview dd,
body.v7-active .v7-publish-progress-head > strong,
body.v7-active .v7-publish-counts b,
body.v7-active .v7-publish-step strong,
body.v7-active .v7-publish-evidence b,
body.v7-active .v7-publish-stream li strong { color: #213633 !important; }
body.v7-active .v7-publish-content-overview dt,
body.v7-active .v7-publish-counts,
body.v7-active .v7-publish-section-head small,
body.v7-active .v7-publish-step span,
body.v7-active .v7-publish-evidence span,
body.v7-active .v7-publish-heartbeat small,
body.v7-active .v7-publish-stream time,
body.v7-active .v7-publish-stream li span,
body.v7-active .v7-publish-stream-empty,
body.v7-active .v7-publish-empty p { color: #687773 !important; }

.v7-trend-opportunities { display: grid; gap: 16px; padding: 22px 24px; border: 1px solid rgba(203, 224, 214, .9); border-radius: var(--db-radius-lg); background: linear-gradient(145deg, #f8fcf8, #fffdf7); box-shadow: var(--db-shadow-sm); }
.v7-trend-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.v7-trend-head h3 { margin: 5px 0 0; color: var(--db-ink-2); font-size: 21px; letter-spacing: -.04em; }
.v7-trend-state { display: inline-flex; align-items: center; width: max-content; padding: 6px 9px; border: 1px solid #c9e6d7; border-radius: 999px; color: #17634d; background: #f0faf4; font-size: 10px; font-weight: 900; letter-spacing: .04em; white-space: nowrap; }
.v7-trend-state.is-partial { color: #8b5d17; border-color: #efd9af; background: #fff9ec; }
.v7-trend-state.is-blocked { color: #a04040; border-color: #f0cccc; background: #fff5f5; }
.v7-trend-note { margin: -5px 0 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-trend-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.v7-trend-card { display: grid; gap: 10px; min-width: 0; padding: 16px; border: 1px solid var(--db-line); border-radius: 16px; background: rgba(255,255,255,.9); }
.v7-trend-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.v7-trend-rank { color: var(--db-primary); font-size: 21px; font-weight: 900; letter-spacing: -.05em; }
.v7-trend-card h4 { margin: 0; color: var(--db-ink-2); font-size: 15px; line-height: 1.45; }
.v7-trend-card p { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.55; }
.v7-trend-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--db-faint); font-size: 10px; }
.v7-trend-meta span { min-width: 0; }
.v7-trend-card details { border-top: 1px solid var(--db-line); padding-top: 9px; }
.v7-trend-card summary { cursor: pointer; color: var(--db-primary-2); font-size: 11px; font-weight: 800; }
.v7-trend-evidence { color: var(--db-muted); font-size: 10px; line-height: 1.7; overflow-wrap: anywhere; }
.v7-trend-evidence b { color: var(--db-ink-2); }
.v7-trend-platform-switch { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 8px; }
.v7-trend-platform-switch .v7-quiet-action { min-height: 30px; padding: 5px 10px; border: 1px solid var(--db-line); border-radius: 999px; background: #fff; color: var(--db-muted); font-size: 10px; }
.v7-trend-platform-switch .v7-quiet-action.is-active { border-color: var(--db-primary); color: var(--db-primary-2); background: #eef9f1; }
.v7-trend-plan-panel { display: grid; gap: 6px; margin: 8px 0 4px; padding: 11px 12px; border: 1px solid rgba(29, 104, 75, .16); border-radius: 12px; background: rgba(244, 251, 246, .76); overflow-wrap: anywhere; }
.v7-trend-plan-panel h5 { margin: 0; color: var(--db-ink-2); font-size: 12px; line-height: 1.5; }
.v7-trend-plan-panel p { margin: 0; font-size: 10px; line-height: 1.6; }
.v7-trend-plan-panel b { color: var(--db-ink-2); }
.v7-pre-publish-check { display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(203, 224, 214, .9); border-radius: 14px; background: #fffdf7; }
.v7-pre-publish-gates { display: flex; flex-wrap: wrap; gap: 8px; color: var(--db-ink-2); font-size: 11px; }
.v7-pre-publish-gates span { padding: 7px 10px; border: 1px solid var(--db-line); border-radius: 999px; background: #fff; }
.v7-pre-publish-check details { border-top: 1px solid var(--db-line); padding-top: 8px; color: var(--db-muted); font-size: 11px; }
.v7-pre-publish-check ul { display: grid; gap: 6px; margin: 8px 0; padding-left: 18px; }
.v7-pre-publish-check li { display: flex; gap: 7px; flex-wrap: wrap; }
.v7-pre-publish-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 760px) { .v7-trend-opportunities { padding: 18px; } .v7-trend-grid { grid-template-columns: 1fr; } .v7-trend-head { align-items: flex-start; flex-direction: column; } }
.daily-trend-report { margin-top: 18px; }
.daily-trend-report .panel-title { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.daily-trend-report .panel-title small { color: var(--db-muted); font-size: 12px; }
.daily-trend-item { padding: 12px 0; border-top: 1px solid var(--db-line); }
.daily-trend-item:first-child { border-top: 0; }
.daily-trend-item strong { display: block; margin: 7px 0 4px; color: var(--db-ink-2); }
.daily-trend-item p { margin: 0 0 5px; color: var(--db-muted); font-size: 13px; line-height: 1.5; }
.daily-trend-item > small { color: var(--db-muted); font-size: 12px; }

.v7-content-growth-closure { display: grid; gap: 14px; margin: 18px 0; }
.v7-content-growth-head, .v7-content-subhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.v7-content-growth-head { padding: 22px; border: 1px solid rgba(29, 104, 75, .16); border-radius: 20px; background: linear-gradient(135deg, #f5fbf6, #fffdf7 72%); }
.v7-content-growth-head h2, .v7-content-subhead h3 { margin: 5px 0 0; color: var(--db-ink-2); letter-spacing: -.04em; }
.v7-content-growth-head p { max-width: 640px; margin: 8px 0 0; color: var(--db-muted); font-size: 12px; line-height: 1.65; }
.v7-topic-library, .v7-content-library, .v7-readback-summary { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--db-line); border-radius: 18px; background: rgba(255,255,255,.9); }
.v7-content-subhead small { color: var(--db-faint); font-size: 10px; line-height: 1.5; text-align: right; }
.v7-topic-grid, .v7-platform-output-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.v7-topic-card { display: grid; gap: 7px; min-width: 0; padding: 13px; border: 1px solid var(--db-line); border-radius: 14px; background: #fff; }
.v7-topic-card-top, .v7-platform-output-head, .v7-content-package-head, .v7-content-package-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.v7-topic-card-top span, .v7-content-status { color: var(--db-primary-2); font-size: 10px; font-weight: 900; }
.v7-topic-card-top small, .v7-topic-card-meta, .v7-platform-output-head span, .v7-content-package-foot { color: var(--db-faint); font-size: 10px; }
.v7-topic-card h4, .v7-platform-output h5, .v7-content-package-head h4 { margin: 0; color: var(--db-ink-2); font-size: 13px; line-height: 1.45; }
.v7-topic-card p, .v7-platform-output p, .v7-content-context { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-topic-card-meta { display: flex; flex-wrap: wrap; gap: 5px 9px; }
.v7-topic-more { border-top: 1px solid var(--db-line); padding-top: 10px; }
.v7-topic-more summary { cursor: pointer; color: var(--db-primary-2); font-size: 11px; font-weight: 800; }
.v7-topic-more .v7-topic-grid { margin-top: 10px; }
.v7-content-package-list { display: grid; gap: 12px; }
.v7-content-package { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--db-line); border-radius: 15px; background: #fff; }
.v7-content-package-head > div { min-width: 0; }
.v7-content-context { color: var(--db-faint); }
.v7-platform-output { display: grid; gap: 7px; min-width: 0; padding: 12px; border-radius: 12px; background: #f8fbf9; }
.v7-platform-output-head b { color: var(--db-primary-2); font-size: 11px; }
.v7-platform-output small { color: var(--db-muted); font-size: 10px; line-height: 1.5; }
.v7-content-package-foot { border-top: 1px solid var(--db-line); padding-top: 9px; }
.v7-readback-summary { grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr); align-items: center; }
.v7-readback-summary h3 { margin: 5px 0; color: var(--db-ink-2); font-size: 15px; }
.v7-readback-summary p { margin: 0; color: var(--db-muted); font-size: 11px; line-height: 1.6; }
.v7-readback-row { display: grid; gap: 7px; }
.v7-readback-row span { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; border: 1px solid var(--db-line); border-radius: 10px; color: var(--db-faint); font-size: 10px; }
.v7-readback-row b { color: var(--db-ink-2); }
@media (max-width: 760px) { .v7-content-growth-head, .v7-content-subhead { flex-direction: column; } .v7-content-subhead small { text-align: left; } .v7-topic-grid, .v7-platform-output-grid, .v7-readback-summary { grid-template-columns: 1fr; } }

/* Customer readability pass: one semantic vocabulary for the active V7 surface. */
body.v7-active {
  --surface-primary: #0b0d10;
  --surface-secondary: #15191c;
  --surface-elevated: #1b1f23;
  --text-primary: #f6f2ec;
  --text-secondary: #d7dde1;
  --text-muted: #b1bbc2;
  --action-primary: #ff7369;
  --action-secondary: #dbe3e8;
  --status-success: #8ad7aa;
  --status-warning: #f1c27d;
  --status-danger: #ff8f8a;
  --status-info: #88b9ff;
  --border-default: #384149;
  --border-active: #ff7369;
}

body.v7-active .v7-main { color: var(--text-primary); font-size: 14px; line-height: 1.6; }
body.v7-active .v7-page-intro p,
body.v7-active .v7-section-heading p,
body.v7-active .v7-trend-note,
body.v7-active .v7-content-growth-head p { color: var(--text-secondary); }
body.v7-active .v7-panel-label,
body.v7-active .v7-kicker { color: var(--action-primary); }
body.v7-active .v7-nav-index,
body.v7-active .v7-sidebar-label,
body.v7-active .v7-home-section-heading > small,
body.v7-active .v7-settings-grid small,
body.v7-active .v7-number-grid small,
body.v7-active .v7-golden-metric small,
body.v7-active .v7-signal small,
body.v7-active .v7-wecom-status-card small,
body.v7-active .v7-golden-native-status small,
body.v7-active .v7-publish-page-actions small,
body.v7-active .v7-publish-step span,
body.v7-active .v7-publish-evidence span,
body.v7-active .v7-publish-heartbeat small,
body.v7-active .v7-trend-meta,
body.v7-active .v7-trend-evidence,
body.v7-active .v7-content-subhead small,
body.v7-active .v7-content-package-foot { color: var(--text-muted); }

body.v7-active .v7-nav-index { font-size: 11px; }
body.v7-active .v7-primary-action { color: #241214; background: var(--action-primary); border-color: var(--action-primary); }
body.v7-active .v7-primary-action:hover,
body.v7-active .v7-primary-action:focus-visible { color: #241214; background: #ff928a; border-color: #ff928a; }
body.v7-active .v7-quiet-action { color: var(--action-secondary); border-color: var(--border-default); background: transparent; }
body.v7-active .v7-quiet-action:hover,
body.v7-active .v7-quiet-action:focus-visible { color: var(--text-primary); border-color: var(--border-active); background: rgba(255, 115, 105, .12); }
body.v7-active button:disabled,
body.v7-active .v7-primary-action:disabled { color: #7d878e; border-color: #30363c; background: #1b1f23; opacity: 1; cursor: not-allowed; }
body.v7-active .v7-nav button:focus-visible,
body.v7-active .v7-quiet-action:focus-visible,
body.v7-active .v7-primary-action:focus-visible { outline: 3px solid rgba(255, 115, 105, .34); outline-offset: 2px; }

body.v7-active .v7-trend-meta,
body.v7-active .v7-trend-card p,
body.v7-active .v7-trend-evidence,
body.v7-active .v7-trend-note { font-size: 12px; }
body.v7-active .v7-trend-platform-switch .v7-quiet-action { color: #34423e; border-color: #b9ccc2; background: #fff; }
body.v7-active .v7-trend-platform-switch .v7-quiet-action.is-active { color: #173d31; border-color: #17634d; background: #e9f6ed; }

body.v7-active .v7-settings-grid p,
body.v7-active .v7-golden-detail p,
body.v7-active .v7-golden-empty span,
body.v7-active .v7-ai-cockpit-footer { color: var(--text-secondary); }
body.v7-active .v7-home-section-heading > div > span,
body.v7-active .v7-home-section-heading > small,
body.v7-active .v7-home-progress li,
body.v7-active .v7-home-progress li small,
body.v7-active .v7-home-recent > p { color: var(--text-secondary); }
body.v7-active .v7-home-section-heading h3 { color: var(--text-primary); }
body.v7-active .v7-home-progress li i { color: var(--text-muted); border-color: var(--border-default); }
body.v7-active .v7-golden-native-status > span { color: var(--text-secondary); }
body.v7-active .v7-golden-native-status > b { color: var(--status-warning); }
body.v7-active .v7-golden-native-status > small { color: var(--text-muted); }
body.v7-active .v7-content-growth-head p { color: #42534d; }
body.v7-active .v7-content-subhead small,
body.v7-active .v7-content-package-foot { color: #52635d; }
body.v7-active .v7-trend-note,
body.v7-active .v7-trend-card p,
body.v7-active .v7-trend-meta,
body.v7-active .v7-trend-evidence { color: #465650; }
body.v7-active .v7-trend-card h4,
body.v7-active .v7-trend-evidence b,
body.v7-active .v7-trend-plan-panel h5 { color: #243a32; }
body.v7-active .v7-trend-meta { font-weight: 600; }
body.v7-active .v7-trend-feedback .v7-quiet-action,
body.v7-active .v7-trend-feedback select { color: #34423e; border-color: #b9ccc2; background: #fff; }
body.v7-active .v7-trend-feedback .v7-quiet-action:hover,
body.v7-active .v7-trend-feedback .v7-quiet-action:focus-visible { color: #173d31; border-color: #17634d; background: #e9f6ed; }
body.v7-active .v7-publish-overall-chip,
body.v7-active .v7-publish-status-chip { color: #213633; border-color: #b9ccc2; background: #fff; }
body.v7-active .v7-publisher-node-strip strong,
body.v7-active .v7-publisher-node-strip div span,
body.v7-active .v7-publisher-node-strip div small,
body.v7-active .v7-publisher-node-strip > small { color: #213633; }
body.v7-active .v7-pre-publish-gates span { color: #213633; border-color: #b9ccc2; background: #fff; }
body.v7-active .v7-publish-empty-mark { color: #241214; }
body.v7-active .v7-content-growth-head,
body.v7-active .v7-topic-library,
body.v7-active .v7-content-library,
body.v7-active .v7-readback-summary,
body.v7-active .v7-trend-opportunities { color: #243a32; }
body.v7-active .v7-content-growth-head h2,
body.v7-active .v7-topic-library h3,
body.v7-active .v7-content-library h3,
body.v7-active .v7-readback-summary h3,
body.v7-active .v7-readback-row b { color: #243a32; }
body.v7-active .v7-content-growth-head .v7-private-badge,
body.v7-active .v7-readback-summary p { color: #465650; }
body.v7-active .v7-content-growth-head .v7-private-badge { color: #243a32; border-color: #b9ccc2; background: #e9f1ec; }
body.v7-active .v7-content-growth-head .v7-kicker,
body.v7-active .v7-topic-library .v7-panel-label,
body.v7-active .v7-content-library .v7-panel-label,
body.v7-active .v7-readback-summary .v7-panel-label,
body.v7-active .v7-trend-opportunities .v7-panel-label { color: #17634d; }
body.v7-active .v7-content-library .v7-empty-ops h3 { color: #f6f2ec; }
body.v7-active .v7-trend-head h3,
body.v7-active .v7-trend-legend span { color: #243a32; }
body.v7-active .v7-trend-legend { color: #465650; }
body.v7-active .v7-publish-content-overview .v7-panel-label,
body.v7-active .v7-publish-progress-card .v7-panel-label,
body.v7-active .v7-publish-section-head .v7-panel-label,
body.v7-active .v7-publish-stream .v7-panel-label { color: #17634d; }
body.v7-active .v7-publish-content-overview dt,
body.v7-active .v7-publish-section-head small,
body.v7-active .v7-publish-stream-empty,
body.v7-active .v7-publish-empty p { color: #4f625b !important; }
body.v7-active .v7-publish-page-actions small { color: var(--text-muted) !important; }
body.v7-active .v7-settings-status,
body.v7-active .v7-golden-inline-status { color: var(--status-success); }
body.v7-active .v7-inline-feedback[role="alert"],
body.v7-active .v7-publish-error { color: var(--status-danger); }
body.v7-active .v7-publish-human-action { color: #50351a; border-color: #e8c885; background: #fff8e9; }

@media (max-width: 760px) {
  body.v7-active .v7-main { padding-left: 18px; padding-right: 18px; }
  body.v7-active .v7-nav { scrollbar-width: none; }
  body.v7-active .v7-nav::-webkit-scrollbar { display: none; }
  body.v7-active .v7-nav button { width: 100%; min-width: 0; box-sizing: border-box; }
  body.v7-active .v7-nav-label { font-size: 11px; }
  body.v7-active .v7-primary-action,
  body.v7-active .v7-quiet-action { min-height: 42px; }
  body.v7-active .v7-section-heading h2,
  body.v7-active .v7-page-intro h1 { overflow-wrap: anywhere; }
}

@media (max-width: 420px) {
  body.v7-active .v7-nav-label { font-size: 10px; letter-spacing: -.02em; }
}

/* Final readability guard for secondary actions and small knowledge-state notes. */
body.v7-active .v7-settings-actions button {
  color: #1b2421;
  border-color: #8aa198;
  background: #ffffff;
}
body.v7-active .v7-settings-actions button:first-child {
  color: #241214;
  border-color: var(--action-primary);
  background: var(--action-primary);
}
body.v7-active .v7-knowledge-bucket-head small,
body.v7-active .v7-knowledge-card small {
  color: var(--text-secondary);
}

/* Formal Product Shell Phase 1: semantic theme parameters and role surfaces. */
html[data-theme="carbon"] {
  --bg-canvas: #0b0d10;
  --bg-surface: #15191e;
  --bg-elevated: #20262d;
  --text-primary: #f2f4f1;
  --text-secondary: #b8c0c2;
  --border-default: rgba(255, 255, 255, .14);
  --accent-primary: #e27c72;
  --radius-control: 10px;
  --radius-card: 16px;
  --radius-panel: 20px;
  --surface-border-style: solid;
  --surface-border-depth: 1px;
  --content-density: 1;
  --icon-weight: 1.8;
}

html[data-theme="light"] {
  --bg-canvas: #f5f6f3;
  --bg-surface: #ffffff;
  --bg-elevated: #eef1ed;
  --text-primary: #18211f;
  --text-secondary: #5d6a65;
  --border-default: #d9e1dc;
  --accent-primary: #146c60;
  --status-success: #18734d;
  --status-warning: #9a6418;
  --status-danger: #a94646;
  --font-ui: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-display: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --surface-border-style: solid;
  --surface-border-depth: 1px;
  --content-density: .96;
  --icon-weight: 1.7;
  --shadow-card: 0 12px 30px rgba(27, 46, 40, .08);
  --shadow-floating: 0 20px 50px rgba(27, 46, 40, .14);
}

html[data-theme="studio"] {
  --bg-canvas: #17151b;
  --bg-surface: #24202a;
  --bg-elevated: #302936;
  --text-primary: #f4eef4;
  --text-secondary: #c8bdcb;
  --border-default: rgba(244, 221, 241, .19);
  --accent-primary: #d69ab8;
  --status-success: #a8d6ae;
  --status-warning: #e4c384;
  --status-danger: #ef9b93;
  --font-ui: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-display: "STSong", "Noto Serif SC", "Songti SC", serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-strong: 700;
  --radius-control: 12px;
  --radius-card: 20px;
  --radius-panel: 26px;
  --surface-border-style: solid;
  --surface-border-depth: 1px;
  --content-density: 1.02;
  --icon-weight: 1.5;
  --motion-emphasis: 240ms;
}

html[data-theme="professional"] {
  --bg-canvas: #101a1b;
  --bg-surface: #172324;
  --bg-elevated: #203032;
  --text-primary: #eef4f1;
  --text-secondary: #b7c6c1;
  --border-default: rgba(211, 231, 224, .16);
  --accent-primary: #80b7a0;
  --status-success: #93d0ac;
  --status-warning: #dfc282;
  --status-danger: #e99a91;
  --font-ui: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-display: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-strong: 750;
  --radius-control: 6px;
  --radius-card: 10px;
  --radius-panel: 14px;
  --surface-border-style: solid;
  --surface-border-depth: 1px;
  --content-density: .88;
  --icon-weight: 1.55;
  --shadow-card: 0 10px 24px rgba(0, 0, 0, .18);
  --shadow-floating: 0 18px 50px rgba(0, 0, 0, .3);
  --motion-emphasis: 140ms;
}

body.v7-active {
  background: var(--bg-canvas);
  color: var(--text-primary);
  font-family: var(--font-ui);
}

body.v7-active .v7-app-frame {
  background: var(--bg-canvas);
}

body.v7-active .v7-sidebar {
  border-right: var(--surface-border-depth) var(--surface-border-style) var(--border-default);
  background: var(--bg-surface);
}

body.v7-active .v7-theme-switcher {
  display: grid;
  gap: 8px;
  margin: 22px 10px 0;
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: var(--weight-strong);
  letter-spacing: .08em;
}

body.v7-active .v7-theme-switcher > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

body.v7-active .v7-theme-switcher button {
  min-height: 28px;
  padding: 0 6px;
  overflow: hidden;
  border: var(--surface-border-depth) var(--surface-border-style) var(--border-default);
  border-radius: var(--radius-control);
  color: var(--text-secondary);
  background: transparent;
  font-size: 10px;
  font-weight: var(--weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.v7-active .v7-theme-switcher button:hover,
body.v7-active .v7-theme-switcher button:focus-visible,
body.v7-active .v7-theme-switcher button.is-active {
  border-color: var(--accent-primary);
  color: var(--text-primary);
  background: color-mix(in srgb, var(--accent-primary) 18%, transparent);
}

body.v7-active .v7-home-entry-section,
body.v7-active .v7-home-workflow {
  margin-top: calc(18px * var(--content-density));
  padding: calc(18px * var(--content-density));
  border: var(--surface-border-depth) var(--surface-border-style) var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--bg-surface);
  box-shadow: var(--shadow-card);
}

body.v7-active .v7-home-entry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 14px;
}

body.v7-active .v7-home-entry {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 16px;
  gap: 10px;
  align-items: center;
  min-height: calc(66px * var(--content-density));
  padding: 11px;
  border: var(--surface-border-depth) var(--surface-border-style) var(--border-default);
  border-radius: var(--radius-card);
  color: var(--text-primary);
  background: var(--bg-elevated);
  text-align: left;
  transition: transform var(--db-ease), border-color var(--db-ease), background var(--db-ease);
}

body.v7-active .v7-home-entry:hover,
body.v7-active .v7-home-entry:focus-visible {
  transform: translateY(-2px);
  border-color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 13%, var(--bg-elevated));
}

body.v7-active .v7-home-entry-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-control);
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 15%, transparent);
}

body.v7-active .v7-home-entry > span:nth-child(2) {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body.v7-active .v7-home-entry b {
  font-weight: var(--weight-strong);
}

body.v7-active .v7-home-entry small {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.v7-active .v7-home-entry > .v7-icon {
  color: var(--text-secondary);
}

body.v7-active .v7-home-workflow-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 14px;
  color: var(--text-secondary);
  font-size: 11px;
}

body.v7-active .v7-home-workflow-steps span {
  padding: 7px 9px;
  border: var(--surface-border-depth) var(--surface-border-style) var(--border-default);
  border-radius: var(--radius-control);
  color: var(--text-primary);
  background: var(--bg-elevated);
}

body.v7-active .v7-home-workflow-steps i {
  color: var(--accent-primary);
  font-style: normal;
}

body.v7-active .v7-content-view > .v7-content-growth-closure {
  margin-top: 18px;
}

body.v7-active .v7-role-task-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

body.v7-active .v7-role-task {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: calc(16px * var(--content-density));
  border: var(--surface-border-depth) var(--surface-border-style) var(--border-default);
  border-radius: var(--radius-card);
  background: var(--bg-surface);
  box-shadow: var(--shadow-card);
}

body.v7-active .v7-role-task h3 {
  margin: 5px 0;
  color: var(--text-primary);
  font-size: 15px;
}

body.v7-active .v7-role-task p,
body.v7-active .v7-role-task > small {
  margin: 0;
  color: var(--text-secondary);
  font-size: 11px;
}

body.v7-active .v7-pre-publish-health,
body.v7-active .v7-post-publish-evidence {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 16px;
  border: var(--surface-border-depth) var(--surface-border-style) var(--border-default);
  border-radius: var(--radius-card);
  color: var(--text-primary);
  background: var(--bg-surface);
}

body.v7-active .v7-pre-publish-health header,
body.v7-active .v7-post-publish-evidence > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

body.v7-active .v7-pre-publish-health h3 {
  margin: 5px 0 0;
  color: var(--text-primary);
}

body.v7-active .v7-pre-publish-health header > small,
body.v7-active .v7-pre-publish-health p,
body.v7-active .v7-post-publish-evidence > div:first-child small {
  color: var(--text-secondary);
  font-size: 11px;
}

body.v7-active .v7-pre-publish-health p {
  margin: 0;
  line-height: 1.55;
}

body.v7-active .v7-pre-health-grid,
body.v7-active .v7-post-evidence-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

body.v7-active .v7-post-evidence-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.v7-active .v7-pre-health-grid span,
body.v7-active .v7-post-evidence-grid span {
  display: grid;
  gap: 4px;
  padding: 9px;
  border-radius: var(--radius-control);
  background: var(--bg-elevated);
}

body.v7-active .v7-pre-health-grid i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--status-warning);
}

body.v7-active .v7-pre-health-grid .is-pass i {
  background: var(--status-success);
}

body.v7-active .v7-pre-health-grid .is-blocked i {
  background: var(--status-danger);
}

body.v7-active .v7-pre-health-grid b,
body.v7-active .v7-post-evidence-grid b {
  color: var(--text-primary);
  font-size: 11px;
}

body.v7-active .v7-pre-health-grid small,
body.v7-active .v7-post-evidence-grid small {
  color: var(--text-secondary);
  font-size: 10px;
}

body.v7-active .v7-post-publish-evidence {
  margin-top: 12px;
  padding: 12px;
  background: color-mix(in srgb, var(--bg-elevated) 70%, var(--bg-surface));
  box-shadow: none;
}

body.v7-active .v7-post-publish-evidence > div:first-child > span {
  font-size: 11px;
  font-weight: var(--weight-strong);
}

body.v7-active .v7-post-evidence-grid {
  gap: 5px;
}

body.v7-active .v7-post-evidence-grid .is-pass {
  border-left: 2px solid var(--status-success);
}

body.v7-active .v7-post-evidence-grid .is-pending {
  border-left: 2px solid var(--status-warning);
}

html[data-theme="light"] body.v7-active .v7-app-frame,
html[data-theme="light"] body.v7-active .v7-content-frame {
  background: var(--bg-canvas);
}

html[data-theme="light"] body.v7-active .v7-sidebar {
  background: var(--bg-surface);
}

html[data-theme="light"] body.v7-active .v7-nav button {
  color: var(--text-secondary);
}

html[data-theme="light"] body.v7-active .v7-nav button.is-active,
html[data-theme="light"] body.v7-active .v7-nav button:hover,
html[data-theme="light"] body.v7-active .v7-nav button:focus-visible {
  color: var(--text-primary);
  background: var(--bg-elevated) !important;
  border-color: var(--border-default);
}

@media (max-width: 1040px) {
  body.v7-active .v7-home-entry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.v7-active .v7-home-entry-grid,
  body.v7-active .v7-pre-health-grid,
  body.v7-active .v7-post-evidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v7-active .v7-home-entry-section,
  body.v7-active .v7-home-workflow,
  body.v7-active .v7-pre-publish-health,
  body.v7-active .v7-post-publish-evidence {
    padding: 13px;
    border-radius: var(--radius-card);
  }

  body.v7-active .v7-pre-publish-health header,
  body.v7-active .v7-post-publish-evidence > div:first-child {
    display: grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.v7-active *,
  body.v7-active *::before,
  body.v7-active *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}
body.v7-active .v7-member-workboard {
  display: grid;
  gap: 18px;
  margin-top: 22px;
  padding: 22px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--bg-surface);
  box-shadow: var(--shadow-card);
}

body.v7-active .v7-member-work-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

body.v7-active .v7-member-work-cards article {
  display: grid;
  gap: 6px;
  min-height: 96px;
  padding: 14px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-card);
  background: var(--bg-elevated);
}

body.v7-active .v7-member-work-cards span,
body.v7-active .v7-member-work-cards small,
body.v7-active .v7-member-list-empty,
body.v7-active .v7-member-empty span { color: var(--text-secondary); font-size: 11px; }
body.v7-active .v7-member-work-cards b { color: var(--text-primary); font-size: 24px; }
body.v7-active .v7-member-work-columns { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 18px; }
body.v7-active .v7-member-work-columns > section { min-width: 0; padding-top: 16px; border-top: 1px solid var(--border-default); }
body.v7-active .v7-member-work-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; padding: 9px 0; border: 0; border-bottom: 1px solid var(--border-default); color: var(--text-primary); background: transparent; text-align: left; }
body.v7-active .v7-member-work-row:hover, body.v7-active .v7-member-work-row:focus-visible { color: var(--accent-primary); }
body.v7-active .v7-member-work-row > span { display: grid; gap: 4px; min-width: 0; }
body.v7-active .v7-member-work-row b { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
body.v7-active .v7-member-work-row small { color: var(--text-secondary); font-size: 10px; }
body.v7-active .v7-member-work-row > .v7-icon { width: 15px; flex: 0 0 auto; }
body.v7-active .v7-member-empty { display: grid; gap: 5px; padding: 13px 0 0; }
body.v7-active .v7-member-empty b { color: var(--text-primary); font-size: 14px; }
body.v7-active .v7-member-scope-note { margin-top: 14px; padding: 11px 12px; border: 1px solid var(--border-default); border-radius: 10px; color: var(--text-secondary); background: var(--bg-elevated); font-size: 11px; line-height: 1.5; }
body.v7-active .v7-boss-onboarding { display: grid; gap: 6px; margin: 18px 0 0; padding: 17px 19px; border: 1px solid var(--border-default); border-radius: var(--radius-card); background: var(--bg-surface); }
body.v7-active .v7-boss-onboarding h3 { margin: 0; color: var(--text-primary); font-size: 17px; }
body.v7-active .v7-boss-onboarding p { margin: 0; color: var(--text-secondary); font-size: 12px; }
body.v7-active .v7-boss-onboarding .v7-quiet-action { justify-self: start; margin-top: 4px; }
body.v7-active .v7-new-boss-home,
body.v7-active .v7-returning-boss-home { display: grid; gap: 18px; margin-top: 22px; }
body.v7-active .v7-new-boss-intro,
body.v7-active .v7-returning-boss-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; padding: 22px; border: 1px solid var(--border-default); border-radius: var(--radius-panel); background: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 12%, var(--bg-surface)), var(--bg-surface) 58%); box-shadow: var(--shadow-card); }
body.v7-active .v7-new-boss-intro h2,
body.v7-active .v7-returning-boss-head h2 { max-width: 640px; margin: 8px 0 7px; color: var(--text-primary); font-size: clamp(25px, 3vw, 38px); letter-spacing: -.04em; }
body.v7-active .v7-new-boss-intro p,
body.v7-active .v7-returning-boss-head p { max-width: 610px; margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.65; }
body.v7-active .v7-returning-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
body.v7-active .v7-returning-metrics article { display: grid; gap: 7px; min-height: 108px; padding: 16px; border: 1px solid var(--border-default); border-radius: var(--radius-card); background: var(--bg-surface); box-shadow: var(--shadow-card); }
body.v7-active .v7-returning-metrics span,
body.v7-active .v7-returning-metrics small { color: var(--text-secondary); font-size: 11px; }
body.v7-active .v7-returning-metrics b { color: var(--text-primary); font-size: 28px; line-height: 1; }
body.v7-active .v7-returning-boss-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 18px; }
body.v7-active .v7-returning-focus,
body.v7-active .v7-returning-recent,
body.v7-active .v7-returning-discovery { padding: 18px; border: 1px solid var(--border-default); border-radius: var(--radius-panel); background: var(--bg-surface); box-shadow: var(--shadow-card); }
body.v7-active .v7-home-next-action { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px; border: 1px solid color-mix(in srgb, var(--accent-primary) 34%, var(--border-default)); border-radius: var(--radius-panel); background: color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface)); box-shadow: var(--shadow-card); }
body.v7-active .v7-home-next-action h3 { margin: 7px 0 8px; color: var(--text-primary); font-size: clamp(22px, 2.5vw, 32px); letter-spacing: -.035em; }
body.v7-active .v7-home-next-action p { max-width: 680px; margin: 0 0 7px; color: var(--text-secondary); font-size: 13px; line-height: 1.6; }
body.v7-active .v7-home-next-action small { color: var(--text-secondary); font-size: 12px; }
body.v7-active .v7-home-next-action .v7-primary-action { flex: 0 0 auto; }
body.v7-active .v7-returning-action-list { display: grid; gap: 8px; margin-top: 14px; }
body.v7-active .v7-returning-action-list button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--border-default); color: var(--text-primary); background: transparent; text-align: left; }
body.v7-active .v7-returning-action-list button:hover,
body.v7-active .v7-returning-action-list button:focus-visible { color: var(--accent-primary); }
body.v7-active .v7-returning-action-list button span { display: grid; gap: 4px; }
body.v7-active .v7-returning-action-list small,
body.v7-active .v7-returning-recent p,
body.v7-active .v7-returning-recent li,
body.v7-active .v7-returning-discovery p { color: var(--text-secondary); font-size: 12px; line-height: 1.55; }
body.v7-active .v7-returning-recent ul { display: grid; gap: 11px; margin: 14px 0 0; padding-left: 18px; }
body.v7-active .v7-returning-discovery { background: color-mix(in srgb, var(--accent-primary) 7%, var(--bg-surface)); }
body.v7-active .v7-returning-discovery p { margin: 12px 0 0; }
@media (max-width: 760px) {
  body.v7-active .v7-new-boss-intro,
  body.v7-active .v7-returning-boss-head { display: grid; align-items: start; padding: 17px; }
  body.v7-active .v7-new-boss-intro .v7-primary-action,
  body.v7-active .v7-returning-boss-head .v7-primary-action { justify-self: start; }
  body.v7-active .v7-returning-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.v7-active .v7-returning-boss-grid { grid-template-columns: 1fr; gap: 12px; }
  body.v7-active .v7-home-next-action { display: grid; align-items: start; gap: 15px; padding: 17px; }
  body.v7-active .v7-home-next-action .v7-primary-action { justify-self: start; }
}
body.v7-active .v7-settings-appearance { display: grid; gap: 7px; }
body.v7-active .v7-settings-appearance h3, body.v7-active .v7-settings-appearance p { margin: 0; }
body.v7-active .v7-settings-appearance p { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
body.v7-active .v7-settings-appearance .v7-theme-switcher { margin: 6px 0 0; }
body.v7-active .v7-more-sheet-heading { padding: 7px 8px 3px; color: var(--text-secondary); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
body.v7-active .v7-mobile-more-sheet .v7-theme-switcher { display: grid; gap: 7px; margin: 0; padding: 5px 0 2px; }
body.v7-active .v7-mobile-more-sheet .v7-theme-switcher > span { padding: 0 8px; color: var(--text-secondary); font-size: 10px; }
body.v7-active .v7-mobile-more-sheet .v7-theme-switcher > div { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
body.v7-active .v7-mobile-more-sheet .v7-theme-switcher button { display: block; min-height: 34px; padding: 0 8px; font-size: 10px; text-align: center; }

@media (max-width: 760px) {
  body.v7-active .v7-member-workboard { padding: 18px; }
  body.v7-active .v7-member-work-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.v7-active .v7-member-work-columns { grid-template-columns: 1fr; gap: 14px; }
  body.v7-active .v7-mobile-more-sheet { max-height: min(60vh, 360px); overflow-y: auto; }
}

body.v7-active .v7-topbar-actions { min-width: 0; display: flex; justify-content: flex-end; gap: 12px; }
body.v7-active .v7-account-button { min-width: 0; max-width: min(280px, 100%); flex: 0 1 auto; white-space: nowrap; }
body.v7-active .v7-account-button > .v7-avatar { flex: 0 0 30px; }
body.v7-active .v7-account-button > span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
body.v7-active .v7-returning-empty-summary { padding: 20px; border: 1px solid var(--db-line); border-radius: 16px; background: color-mix(in srgb, var(--bg-surface) 92%, var(--accent-primary)); }
body.v7-active .v7-returning-empty-summary p { margin: 12px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.6; }
body.v7-active .v7-customer-empty-state { display: grid; gap: 16px; padding: 24px; border: 1px solid var(--db-line); border-radius: 16px; background: var(--bg-surface); }
body.v7-active .v7-customer-empty-state h3 { margin: 0; color: var(--text-primary); font-size: 22px; }
body.v7-active .v7-customer-empty-state details { border-top: 1px solid var(--db-line); padding-top: 14px; }
body.v7-active .v7-customer-empty-state summary { cursor: pointer; color: var(--accent-primary); font-weight: 800; }
body.v7-active .v7-content-publish-gate { display: block; max-width: 30ch; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
body.v7-active .v7-ops-next-action { display: grid; gap: 5px; margin-top: 16px; padding: 15px 17px; border-left: 3px solid var(--accent-primary); background: color-mix(in srgb, var(--accent-primary) 9%, var(--bg-surface)); }
body.v7-active .v7-ops-next-action strong { color: var(--text-primary); font-size: 12px; }
body.v7-active .v7-ops-next-action span { color: var(--text-secondary); font-size: 13px; line-height: 1.55; }

/* R2 acceptance patch: keep the default trend view human-readable and move proof into the evidence layer. */
body.v7-active .v7-trend-human-summary { display: grid; gap: 11px; margin-top: 2px; }
body.v7-active .v7-trend-human-summary > div { display: grid; gap: 4px; }
body.v7-active .v7-trend-human-summary > div > span { color: #17634d; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
body.v7-active .v7-trend-human-summary h4 { margin: 0; color: #243a32; font-size: 15px; line-height: 1.45; }
body.v7-active .v7-trend-human-summary p { color: #34423e; font-size: 12px; line-height: 1.6; }
body.v7-active .v7-trend-source-label { color: #8b5d17; font-size: 10px; font-weight: 900; white-space: nowrap; }
body.v7-active .v7-platform-output p { color: #34423e; font-size: 12px; line-height: 1.7; }
body.v7-active .v7-platform-output small { color: #52635d; font-size: 11px; line-height: 1.6; }
body.v7-active .v7-content-package .v7-platform-output h5 { color: #243a32; }
body.v7-active .v7-content-package .v7-content-context,
body.v7-active .v7-content-package .v7-platform-output-head span,
body.v7-active .v7-content-package .v7-content-package-foot,
body.v7-active .v7-content-package .v7-content-publish-gate { color: #52635d; }
body.v7-active .v7-content-package .v7-platform-output-head b { color: #17634d; }
body.v7-active .v7-content-growth-head p,
body.v7-active .v7-content-subhead small,
body.v7-active .v7-topic-card p,
body.v7-active .v7-topic-card-top small,
body.v7-active .v7-topic-card-meta,
body.v7-active .v7-readback-summary p,
body.v7-active .v7-readback-row span { color: #52635d; }
body.v7-active .v7-number-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (min-width: 761px) and (max-width: 1120px) {
  body.v7-active .v7-topbar { grid-template-columns: minmax(80px, auto) minmax(220px, 1fr) minmax(190px, auto); }
  body.v7-active .v7-topbar-command,
  body.v7-active .v7-topbar-actions { min-width: 0; }
  body.v7-active .v7-local-pill { display: none; }
  body.v7-active .v7-account-button { width: 100%; max-width: 280px; }
}

@media (max-width: 760px) {
  body.v7-active .v7-number-grid { grid-template-columns: 1fr; }
}

body.v7-active .v7-sales-inbox,
body.v7-active .v7-sales-timeline,
body.v7-active .v7-sales-dna-review,
body.v7-active .v7-sales-dna-form,
body.v7-active .v7-sales-followup-form { display: grid; gap: 12px; margin: 12px 0; }
body.v7-active .v7-sales-inbox-row { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--bg-surface); color: var(--text-primary); text-align: left; }
body.v7-active .v7-sales-inbox-row.is-selected { border-color: var(--accent-primary); }
body.v7-active .v7-sales-inbox-row span,
body.v7-active .v7-sales-message { display: grid; gap: 5px; min-width: 0; }
body.v7-active .v7-sales-inbox-row small,
body.v7-active .v7-sales-message > span,
body.v7-active .v7-sales-dna-review small { color: var(--text-secondary); font-size: 11px; }
body.v7-active .v7-sales-message-list { display: grid; gap: 9px; margin-top: 10px; }
body.v7-active .v7-sales-message { max-width: 90%; padding: 11px 13px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--bg-surface); }
body.v7-active .v7-sales-message.is-outbound { justify-self: end; border-color: color-mix(in srgb, var(--accent-primary) 45%, var(--db-line)); }
body.v7-active .v7-sales-message.is-cockpit-target { outline: 3px solid color-mix(in srgb, var(--accent-primary) 28%, transparent); box-shadow: 0 0 0 1px var(--accent-primary); }
body.v7-active .v7-sales-message p { margin: 0; color: var(--text-primary); font-size: 13px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
body.v7-active .v7-sales-message button,
body.v7-active .v7-sales-timeline > button,
body.v7-active .v7-sales-dna-review button,
body.v7-active .v7-sales-dna-form button,
body.v7-active .v7-sales-followup-form button,
body.v7-active .v7-sales-outcome button { min-height: 36px; padding: 7px 11px; border: 1px solid var(--db-line); border-radius: 9px; background: var(--bg-surface); color: var(--text-primary); font-weight: 700; }
body.v7-active .v7-sales-dna-review article,
body.v7-active .v7-sales-dna-form,
body.v7-active .v7-sales-followup-form,
body.v7-active .v7-sales-outcome { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--db-line); border-radius: 12px; }
body.v7-active .v7-sales-dna-review article.is-cockpit-target { border-color: var(--accent-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent); }
body.v7-active .v7-sales-dna-form label,
body.v7-active .v7-sales-followup-form label,
body.v7-active .v7-sales-outcome label { display: grid; gap: 6px; color: var(--text-secondary); font-size: 12px; }
body.v7-active .v7-sales-dna-form input:not([type="checkbox"]),
body.v7-active .v7-sales-dna-form textarea,
body.v7-active .v7-sales-followup-form textarea,
body.v7-active .v7-sales-outcome select { width: 100%; padding: 9px 10px; border: 1px solid var(--db-line); border-radius: 9px; background: var(--bg-surface); color: var(--text-primary); }

@media (max-width: 760px) {
  body.v7-active .v7-sales-message { max-width: 100%; }
  body.v7-active .v7-sales-inbox-row { align-items: flex-start; }
}

body.v7-active .v7-boss-cockpit { display: grid; gap: 16px; width: 100%; max-width: 1160px; margin: 0 auto; }
body.v7-active .v7-boss-cockpit-heading,
body.v7-active .v7-boss-section-heading,
body.v7-active .v7-boss-cockpit-heading > div,
body.v7-active .v7-boss-domain-grid article > div,
body.v7-active .v7-boss-activity-panel > div,
body.v7-active .v7-boss-ask-panel > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.v7-active .v7-boss-cockpit-heading { align-items: flex-start; }
body.v7-active .v7-boss-cockpit-heading h2,
body.v7-active .v7-boss-domain-grid h3,
body.v7-active .v7-boss-activity-panel h3,
body.v7-active .v7-boss-ask-panel h3 { margin: 4px 0; }
body.v7-active .v7-boss-cockpit-heading p,
body.v7-active .v7-boss-domain-grid p,
body.v7-active .v7-boss-activity-panel p { margin: 4px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.55; }
body.v7-active .v7-boss-priority-panel,
body.v7-active .v7-boss-domain-grid article,
body.v7-active .v7-boss-activity-panel,
body.v7-active .v7-boss-ask-panel { min-width: 0; padding: 16px; border: 1px solid var(--db-line); border-radius: 16px; background: var(--bg-surface); }
body.v7-active .v7-boss-section-heading { margin-bottom: 10px; color: var(--text-primary); }
body.v7-active .v7-boss-section-heading > div { display: grid; gap: 3px; }
body.v7-active .v7-boss-section-heading small { color: var(--text-secondary); font-size: 12px; font-weight: 400; }
body.v7-active .v7-boss-priority-list { display: grid; gap: 8px; }
body.v7-active .v7-boss-human-queue { margin: 0 0 12px; padding: 12px 14px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--bg-surface); }
body.v7-active .v7-boss-human-queue summary { color: var(--accent-primary); cursor: pointer; font-size: 13px; font-weight: 700; }
body.v7-active .v7-boss-human-queue[open] .v7-boss-priority-list { margin-top: 10px; }
body.v7-active .v7-boss-human-queue-empty { margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--db-line); border-radius: 12px; color: var(--text-secondary); font-size: 13px; }
body.v7-active .v7-boss-priority-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 64px; padding: 12px; border: 1px solid var(--db-line); border-radius: 12px; background: var(--bg-surface); color: var(--text-primary); text-align: left; cursor: pointer; }
body.v7-active .v7-boss-priority-row:hover,
body.v7-active .v7-boss-priority-row:focus-visible { border-color: var(--accent-primary); outline: 2px solid color-mix(in srgb, var(--accent-primary) 20%, transparent); outline-offset: 1px; }
body.v7-active .v7-boss-priority-rank { color: var(--accent-primary); font-size: 12px; font-weight: 800; }
body.v7-active .v7-boss-priority-main { display: grid; gap: 4px; min-width: 0; }
body.v7-active .v7-boss-priority-main b { font-size: 14px; }
body.v7-active .v7-boss-priority-main small,
body.v7-active .v7-boss-priority-source { color: var(--text-secondary); font-size: 12px; line-height: 1.45; }
body.v7-active .v7-boss-priority-main small { overflow-wrap: anywhere; }
body.v7-active .v7-boss-cockpit-empty { display: grid; gap: 5px; padding: 16px 4px; color: var(--text-primary); }
body.v7-active .v7-boss-cockpit-empty span { color: var(--text-secondary); font-size: 13px; }
body.v7-active .v7-boss-metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body.v7-active .v7-boss-metric-grid article { display: grid; gap: 4px; min-width: 0; padding: 14px; border: 1px solid var(--db-line); border-radius: 13px; background: var(--bg-surface); }
body.v7-active .v7-boss-metric-grid article > span { color: var(--text-secondary); font-size: 12px; }
body.v7-active .v7-boss-metric-grid article > b { color: var(--text-primary); font-size: 25px; line-height: 1.1; }
body.v7-active .v7-boss-metric-grid article > small { color: var(--text-secondary); font-size: 11px; }
body.v7-active .v7-boss-domain-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body.v7-active .v7-boss-domain-grid article { display: grid; align-content: start; gap: 12px; }
body.v7-active .v7-boss-domain-grid dl { display: grid; gap: 8px; margin: 0; }
body.v7-active .v7-boss-domain-grid dl > div { display: flex; justify-content: space-between; gap: 10px; color: var(--text-secondary); font-size: 13px; }
body.v7-active .v7-boss-domain-grid dd { margin: 0; color: var(--text-primary); font-weight: 700; }
body.v7-active .v7-boss-activity-panel ul { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
body.v7-active .v7-boss-activity-panel li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--db-line); color: var(--text-primary); font-size: 13px; }
body.v7-active .v7-boss-activity-panel li small { flex: 0 0 auto; color: var(--text-secondary); font-size: 11px; }
body.v7-active .v7-boss-ask-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; margin-top: 12px; }
body.v7-active .v7-boss-ask-form textarea { width: 100%; min-height: 52px; padding: 10px 12px; border: 1px solid var(--db-line); border-radius: 10px; background: var(--bg-surface); color: var(--text-primary); resize: vertical; }
body.v7-active .v7-boss-ask-evidence { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
body.v7-active .v7-boss-ask-evidence button { padding: 7px 10px; border: 1px solid var(--db-line); border-radius: 999px; background: var(--bg-surface); color: var(--text-primary); font-size: 12px; cursor: pointer; }
body.v7-active .v7-boss-cockpit-warning { padding: 10px 12px; border: 1px solid color-mix(in srgb, #b7791f 30%, var(--db-line)); border-radius: 10px; color: var(--text-primary); font-size: 13px; }
body.v7-active .v7-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 860px) {
  body.v7-active .v7-boss-domain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.v7-active .v7-boss-cockpit { gap: 12px; }
  body.v7-active .v7-boss-cockpit-heading { align-items: flex-start; }
  body.v7-active .v7-boss-cockpit-heading > div { align-items: flex-start; flex-direction: column; }
  body.v7-active .v7-boss-priority-panel,
  body.v7-active .v7-boss-domain-grid article,
  body.v7-active .v7-boss-activity-panel,
  body.v7-active .v7-boss-ask-panel { padding: 12px; }
  body.v7-active .v7-boss-priority-row { grid-template-columns: 42px minmax(0, 1fr); gap: 8px; }
  body.v7-active .v7-boss-priority-source { grid-column: 2; }
  body.v7-active .v7-boss-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.v7-active .v7-boss-domain-grid { grid-template-columns: minmax(0, 1fr); }
  body.v7-active .v7-boss-ask-form { grid-template-columns: minmax(0, 1fr); }
  body.v7-active .v7-boss-ask-form .v7-primary-action { width: 100%; justify-content: center; }
  body.v7-active .v7-boss-activity-panel li { flex-direction: column; gap: 4px; }
}
body.v7-active .v7-publish-focus-note { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--accent-primary) 45%, var(--db-line)); border-radius: 12px; background: color-mix(in srgb, var(--accent-primary) 7%, var(--bg-surface)); }
body.v7-active .v7-publish-focus-note > div { display: grid; gap: 4px; min-width: 0; }
body.v7-active .v7-publish-focus-note span { color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
body.v7-active .v7-publish-platform-card.is-cockpit-target { border-color: var(--accent-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent); }
@media (max-width: 600px) { body.v7-active .v7-publish-focus-note { align-items: flex-start; flex-direction: column; } }
:root .v7-c5-conversion-panel{display:grid;gap:12px;margin-top:16px}.v7-c5-conversion-panel>button,.v7-c5-record button{justify-self:start;min-height:38px;padding:8px 12px;border:1px solid #bfd5c7;border-radius:10px;background:var(--surface,#fff);color:var(--ink,#17211e);font:inherit;cursor:pointer}.v7-c5-link-once{display:grid;gap:6px;font-size:.82rem;color:var(--muted,#68756e)}.v7-c5-link-once input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #d7e0da;border-radius:9px;font:inherit}.v7-c5-record-list{display:grid;gap:8px}.v7-c5-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e1e8e3;border-radius:12px}.v7-c5-record>div{display:grid;gap:4px}.v7-c5-record span,.v7-c5-record-list>p{margin:0;color:var(--muted,#68756e);font-size:.86rem}.v7-c5-record button{min-height:34px;font-size:.84rem}@media(max-width:560px){.v7-c5-record{align-items:flex-start;flex-direction:column}}
.v7-offer-center{display:grid;gap:16px;margin-top:22px;padding:20px;border:1px solid var(--db-line);border-radius:18px;background:var(--db-surface);box-shadow:var(--db-shadow-sm)}.v7-offer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.v7-offer-heading h3{margin:7px 0;font-size:20px}.v7-offer-heading p,.v7-offer-panel>p{margin:0;color:var(--db-muted);font-size:12px;line-height:1.55}.v7-offer-heading button,.v7-offer-form button,.v7-offer-preview button,.v7-offer-row button{min-height:38px;padding:7px 12px;border:1px solid var(--db-line-strong);border-radius:10px;color:var(--db-ink);background:var(--db-surface);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.v7-offer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.v7-offer-panel{display:grid;gap:12px;padding:16px;border:1px solid var(--db-line);border-radius:14px;background:var(--db-surface)}.v7-offer-panel h4{margin:0;font-size:15px}.v7-offer-form,.v7-offer-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v7-offer-form label,.v7-offer-preview label{display:grid;gap:5px;color:var(--db-muted);font-size:11px;font-weight:700}.v7-offer-form input,.v7-offer-form select,.v7-offer-form textarea,.v7-offer-preview select{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--db-line-strong);border-radius:9px;color:var(--db-ink);background:var(--db-surface);font:inherit;font-size:12px}.v7-offer-form textarea{resize:vertical}.v7-offer-wide{grid-column:1/-1}.v7-offer-form .v7-offer-check{display:flex;align-items:center;gap:8px}.v7-offer-form .v7-offer-check input{width:16px;min-height:16px}.v7-offer-form button[type=submit],.v7-offer-preview button{color:#fff;border-color:var(--db-primary);background:var(--db-primary)}.v7-offer-list{display:grid;gap:8px}.v7-offer-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid var(--db-line);border-radius:10px}.v7-offer-row>div:first-child{display:grid;gap:4px}.v7-offer-row b{font-size:12px}.v7-offer-row span{color:var(--db-muted);font-size:10px;line-height:1.45}.v7-offer-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.v7-offer-row-actions button{min-height:32px;padding:5px 8px;font-size:10px}.v7-offer-message,.v7-offer-preview-result{margin:0;padding:10px 12px;border:1px solid #7cab92;border-radius:10px;color:var(--db-ink);background:rgba(89,159,119,.12);font-size:12px;line-height:1.5}.v7-offer-message.is-error{border-color:#c76a62;color:#812b25;background:rgba(199,106,98,.12)}.v7-offer-center details{padding:10px 0;border-top:1px solid var(--db-line)}.v7-offer-center summary{cursor:pointer;font-size:12px;font-weight:750}.v7-offer-center ol{display:grid;gap:5px;max-height:180px;overflow:auto;padding-left:22px;color:var(--db-muted);font-size:10px;line-height:1.45}
@media(max-width:900px){.v7-offer-columns{grid-template-columns:1fr}}@media(max-width:580px){.v7-offer-center{padding:14px}.v7-offer-heading{flex-direction:column}.v7-offer-form,.v7-offer-preview{grid-template-columns:1fr}.v7-offer-wide{grid-column:auto}.v7-offer-row{align-items:flex-start;flex-direction:column}.v7-offer-row-actions{justify-content:flex-start}}