:root {
  --sticky-header-height: 96px;
  --sticky-nav-height: 64px;
  --bg: #f4f6f8;
  --panel: #ffffff;
  --surface: #f8fbfd;
  --surface-2: #edf4f8;
  --ink: #17202a;
  --muted: #5c6876;
  --line: #cfd7e2;
  --line-strong: #b9c7d6;
  --blue: #1f4e78;
  --blue-2: #2f78ad;
  --green: #16735b;
  --green-2: #28a179;
  --red: #b42318;
  --amber: #a15c00;
  --gold: #c27a16;
  --shadow: 0 18px 40px rgba(23, 32, 42, 0.08);
  --shadow-panel: 0 22px 46px rgba(23, 32, 42, 0.1);
  --shadow-soft: 0 10px 24px rgba(31, 78, 120, 0.12);
}

* {
  box-sizing: border-box;
}

html {
  scroll-padding-top: calc(var(--sticky-header-height) + var(--sticky-nav-height) + 24px);
}

body {
  position: relative;
  margin: 0;
  min-height: 100vh;
  background:
    linear-gradient(115deg, rgba(31, 78, 120, 0.1), transparent 34%),
    linear-gradient(155deg, transparent 42%, rgba(22, 115, 91, 0.08) 72%, transparent),
    repeating-linear-gradient(90deg, rgba(31, 78, 120, 0.028) 0 1px, transparent 1px 72px),
    var(--bg);
  color: var(--ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0) 220px),
    repeating-linear-gradient(0deg, transparent 0 35px, rgba(31, 78, 120, 0.025) 35px 36px);
}

body.theme-pop {
  --bg: #f6f4ff;
  --blue: #214f8f;
  --blue-2: #00a6d6;
  --green: #0e8565;
  --green-2: #24be86;
  --amber: #bd5b00;
  --gold: #f1a416;
  --shadow-panel: 0 24px 56px rgba(33, 79, 143, 0.14);
  background:
    linear-gradient(115deg, rgba(33, 79, 143, 0.16), transparent 28%),
    linear-gradient(145deg, transparent 36%, rgba(224, 68, 154, 0.11) 58%, transparent 74%),
    linear-gradient(25deg, transparent 50%, rgba(36, 190, 134, 0.12) 82%, transparent),
    repeating-linear-gradient(90deg, rgba(33, 79, 143, 0.038) 0 1px, transparent 1px 64px),
    var(--bg);
}

body.theme-pop::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0) 240px),
    repeating-linear-gradient(135deg, transparent 0 20px, rgba(224, 68, 154, 0.045) 20px 21px),
    repeating-linear-gradient(45deg, transparent 0 34px, rgba(0, 166, 214, 0.035) 34px 35px);
}

button,
input,
textarea {
  font: inherit;
}

svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.app-header {
  position: sticky;
  top: 0;
  z-index: 70;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 32px;
  border-bottom: 1px solid rgba(207, 215, 226, 0.75);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 28px rgba(23, 32, 42, 0.05);
  backdrop-filter: blur(14px);
}

.app-tabs {
  position: sticky;
  top: var(--sticky-header-height);
  z-index: 69;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 32px;
  border-bottom: 1px solid rgba(207, 215, 226, 0.68);
  background: rgba(244, 246, 248, 0.82);
  box-shadow: 0 12px 26px rgba(23, 32, 42, 0.06);
  backdrop-filter: blur(14px);
  overflow-x: visible;
}

.app-tabs a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(188, 202, 217, 0.88);
  border-radius: 8px;
  color: var(--blue);
  background: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(31, 78, 120, 0.06);
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.app-tabs a:first-child,
.app-tabs a:hover {
  border-color: rgba(31, 78, 120, 0.35);
  background: #ffffff;
  box-shadow: var(--shadow-soft);
  transform: translateY(-1px);
}

.app-tabs svg {
  width: 16px;
  height: 16px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.brand-logo {
  width: min(300px, 42vw);
  height: auto;
  display: block;
  filter: drop-shadow(0 12px 24px rgba(31, 78, 120, 0.14));
}

.brand-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.brand-text h1 {
  margin: 0;
  font-size: 24px;
  letter-spacing: 0;
}

.brand-text p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 14px;
}

.status-pill,
.format-pill {
  min-width: 120px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  text-align: center;
  background: #f9fafb;
  font-size: 13px;
  white-space: nowrap;
}

.header-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.header-chip {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid rgba(207, 215, 226, 0.85);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.theme-toggle {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid rgba(207, 215, 226, 0.85);
  border-radius: 999px;
  color: var(--blue);
  background: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.theme-toggle[aria-pressed="true"] {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, #1f4e78, #e0449a 48%, #17a789);
  box-shadow: 0 10px 22px rgba(224, 68, 154, 0.18);
}

.theme-toggle svg {
  width: 16px;
  height: 16px;
}

.header-chip svg {
  width: 16px;
  height: 16px;
  color: var(--blue);
}

.status-pill.ready {
  color: var(--green);
  border-color: #a8d8c9;
  background: #eefaf6;
}

.workflow-ribbon {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 32px 0;
  padding: 12px;
  border: 1px solid rgba(207, 215, 226, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 253, 0.92)),
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(31, 78, 120, 0.05) 28px 29px);
  box-shadow: var(--shadow);
}

.workflow-ribbon::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(31, 78, 120, 0.12), rgba(22, 115, 91, 0.28), rgba(194, 122, 22, 0.16));
  transform: translateY(-50%);
}

.workflow-step {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 70px;
  padding: 10px;
  border: 1px solid rgba(207, 215, 226, 0.75);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
}

.workflow-icon {
  width: 46px;
  min-height: 46px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--blue);
  background: linear-gradient(145deg, #eef6fb, #ffffff);
  box-shadow: inset 0 0 0 1px rgba(31, 78, 120, 0.08), 0 10px 18px rgba(31, 78, 120, 0.08);
}

.workflow-step small,
.workflow-step strong {
  display: block;
}

.workflow-step small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.workflow-step strong {
  margin-top: 2px;
  font-size: 16px;
}

body.theme-pop .app-header {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.94), rgba(249, 251, 255, 0.82)),
    linear-gradient(135deg, rgba(0, 166, 214, 0.12), rgba(224, 68, 154, 0.08) 46%, rgba(36, 190, 134, 0.1));
}

body.theme-pop .brand-logo {
  filter: drop-shadow(0 16px 24px rgba(33, 79, 143, 0.18)) saturate(1.14);
}

body.theme-pop .app-tabs a:nth-child(1) {
  color: #214f8f;
  border-color: rgba(33, 79, 143, 0.28);
  background: linear-gradient(180deg, #ffffff, #edf6ff);
}

body.theme-pop .app-tabs a:nth-child(2) {
  color: #0e8565;
  border-color: rgba(36, 190, 134, 0.3);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .app-tabs a:nth-child(3) {
  color: #8c3ed9;
  border-color: rgba(140, 62, 217, 0.28);
  background: linear-gradient(180deg, #ffffff, #f7f0ff);
}

body.theme-pop .app-tabs a:nth-child(4) {
  color: #c34383;
  border-color: rgba(224, 68, 154, 0.28);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .app-tabs a:nth-child(5) {
  color: #5d3fd3;
  border-color: rgba(93, 63, 211, 0.3);
  background: linear-gradient(180deg, #ffffff, #f3f0ff);
}

body.theme-pop .app-tabs a:nth-child(6) {
  color: #c34383;
  border-color: rgba(224, 68, 154, 0.3);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .app-tabs a:nth-child(7) {
  color: #0e8565;
  border-color: rgba(36, 190, 134, 0.3);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .app-tabs a:nth-child(8) {
  color: #214f8f;
  border-color: rgba(0, 166, 214, 0.3);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .app-tabs a:nth-child(9) {
  color: #0e8565;
  border-color: rgba(36, 190, 134, 0.32);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .app-tabs a:nth-child(10) {
  color: #c34383;
  border-color: rgba(224, 68, 154, 0.34);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .app-tabs a:nth-child(11) {
  color: #bd5b00;
  border-color: rgba(241, 164, 22, 0.34);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

body.theme-pop .app-tabs a:nth-child(12) {
  color: #bd5b00;
  border-color: rgba(241, 164, 22, 0.32);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

body.theme-pop .app-tabs a:nth-child(13) {
  color: #214f8f;
  border-color: rgba(0, 166, 214, 0.32);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .app-tabs a:nth-child(14) {
  color: #8c3ed9;
  border-color: rgba(140, 62, 217, 0.32);
  background: linear-gradient(180deg, #ffffff, #f7f0ff);
}

body.theme-pop .workflow-ribbon {
  border-color: rgba(163, 180, 209, 0.75);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(253, 251, 255, 0.94)),
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(224, 68, 154, 0.055) 26px 27px);
}

body.theme-pop .workflow-ribbon::before {
  height: 3px;
  background: linear-gradient(90deg, #214f8f, #00a6d6, #e0449a, #f1a416, #24be86);
}

body.theme-pop .workflow-step:nth-child(1) .workflow-icon,
body.theme-pop .launch-card.blue .launch-icon {
  color: #214f8f;
  background: linear-gradient(145deg, #eaf4ff, #ffffff);
}

body.theme-pop .workflow-step:nth-child(2) .workflow-icon {
  color: #c34383;
  background: linear-gradient(145deg, #fff0f7, #ffffff);
}

body.theme-pop .workflow-step:nth-child(3) .workflow-icon {
  color: #0e8565;
  background: linear-gradient(145deg, #edfff7, #ffffff);
}

.assistant-guide {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.4fr) auto;
  gap: 14px;
  align-items: stretch;
  margin: 16px 32px 0;
  padding: 14px;
  border: 1px solid rgba(197, 209, 222, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 253, 0.92)),
    repeating-linear-gradient(90deg, transparent 0 30px, rgba(31, 78, 120, 0.032) 30px 31px);
  box-shadow: 0 14px 30px rgba(23, 32, 42, 0.06);
}

.assistant-guide::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(90deg, #214f8f, #00a6d6, #e0449a, #f1a416, #24be86);
}

.guide-intro {
  padding: 8px 4px;
}

.guide-intro h2,
.guide-intro p,
.guide-steps article p {
  margin: 0;
}

.guide-intro h2 {
  margin-top: 10px;
  font-size: 22px;
  letter-spacing: 0;
}

.guide-intro p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.48;
}

.guide-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.guide-steps article {
  min-height: 132px;
  padding: 13px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
}

.guide-steps span,
.guide-steps strong,
.guide-steps p {
  display: block;
}

.guide-steps span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
}

.guide-steps strong {
  margin-top: 8px;
  font-size: 16px;
}

.guide-steps p {
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

.guide-actions {
  display: grid;
  gap: 8px;
  align-content: center;
  min-width: 136px;
}

.guide-link {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  text-decoration: none;
}

.demo-button {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, #214f8f, #00a6d6);
}

.demo-button:hover {
  box-shadow: 0 12px 22px rgba(0, 166, 214, 0.18);
}

body.theme-pop .assistant-guide {
  border-color: rgba(0, 166, 214, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(237, 248, 255, 0.88) 46%, rgba(255, 240, 247, 0.74)),
    repeating-linear-gradient(135deg, transparent 0 26px, rgba(224, 68, 154, 0.04) 26px 27px);
}

body.theme-pop .guide-steps article:nth-child(1) {
  border-color: rgba(0, 166, 214, 0.22);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .guide-steps article:nth-child(2) {
  border-color: rgba(224, 68, 154, 0.22);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .guide-steps article:nth-child(3) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .demo-button {
  background: linear-gradient(135deg, #214f8f, #00a6d6 42%, #e0449a);
  box-shadow: 0 12px 22px rgba(224, 68, 154, 0.16);
}

.workspace {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(330px, 420px) minmax(0, 1fr);
  gap: 24px;
  padding: 24px 32px 32px;
}

.automation-shell,
.boardroom-shell,
.galaxy-shell,
.portal-shell,
.submission-shell,
.interview-shell,
.closing-shell,
.theater-shell,
.founder-shell,
.viral-shell,
.launch-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  padding: 0 32px 32px;
}

.panel {
  position: relative;
  background: var(--panel);
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  box-shadow: var(--shadow-panel);
}

.panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(90deg, var(--blue), var(--green-2), var(--gold));
}

.setup-panel,
.results-panel,
.automation-panel,
.pipeline-panel,
.screening-panel,
.boardroom-panel,
.galaxy-panel,
.portal-panel,
.submission-panel,
.interview-panel,
.closing-panel,
.theater-panel,
.founder-panel,
.viral-panel,
.launch-panel {
  padding: 20px;
}

.results-panel {
  min-width: 0;
}

.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding: 10px 12px;
  border: 1px solid rgba(197, 209, 222, 0.72);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
}

.panel-heading h2 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}

.dropzone {
  position: relative;
  display: grid;
  place-items: center;
  text-align: center;
  min-height: 250px;
  padding: 24px;
  border: 1px dashed #8fa6bc;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 247, 250, 0.86)),
    repeating-linear-gradient(0deg, transparent 0 23px, rgba(31, 78, 120, 0.045) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, rgba(31, 78, 120, 0.045) 23px 24px);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}

.dropzone::before,
.dropzone::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 8px;
}

.dropzone::before {
  width: 108px;
  height: 132px;
  right: -28px;
  top: 18px;
  border: 1px solid rgba(31, 78, 120, 0.16);
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    repeating-linear-gradient(0deg, rgba(31, 78, 120, 0.16) 0 1px, transparent 1px 18px);
  box-shadow: -16px 18px 32px rgba(31, 78, 120, 0.1);
  transform: rotate(7deg);
}

.dropzone::after {
  width: 88px;
  height: 80px;
  left: -24px;
  bottom: 20px;
  border: 1px solid rgba(22, 115, 91, 0.18);
  background:
    linear-gradient(90deg, rgba(22, 115, 91, 0.16) 1px, transparent 1px),
    linear-gradient(rgba(22, 115, 91, 0.16) 1px, transparent 1px),
    rgba(255, 255, 255, 0.84);
  background-size: 22px 20px;
  box-shadow: 14px 14px 26px rgba(22, 115, 91, 0.08);
  transform: rotate(-6deg);
}

.dropzone.dragging {
  border-color: var(--blue-2);
  background-color: #eef6fb;
}

.dropzone input {
  display: none;
}

.dropzone h2 {
  margin: 10px 0 4px;
  font-size: 18px;
}

.dropzone p {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 14px;
}

.drop-icon {
  position: relative;
  z-index: 1;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--blue);
  background: linear-gradient(145deg, #e8f2f9, #ffffff);
  box-shadow: 0 14px 26px rgba(31, 78, 120, 0.15), inset 0 0 0 1px rgba(31, 78, 120, 0.08);
}

.drop-icon svg {
  width: 26px;
  height: 26px;
}

body.theme-pop .panel::before {
  height: 4px;
  background: linear-gradient(90deg, #214f8f, #00a6d6, #e0449a, #f1a416, #24be86);
}

body.theme-pop .dropzone {
  border-color: rgba(0, 166, 214, 0.36);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(237, 246, 255, 0.88) 45%, rgba(255, 240, 247, 0.78)),
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(0, 166, 214, 0.06) 22px 23px),
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(224, 68, 154, 0.045) 22px 23px);
}

body.theme-pop .dropzone::before {
  border-color: rgba(224, 68, 154, 0.2);
  background:
    linear-gradient(#ffffff, #fff6fb) padding-box,
    repeating-linear-gradient(0deg, rgba(224, 68, 154, 0.18) 0 1px, transparent 1px 18px);
}

body.theme-pop .dropzone::after {
  border-color: rgba(36, 190, 134, 0.22);
  background:
    linear-gradient(90deg, rgba(36, 190, 134, 0.18) 1px, transparent 1px),
    linear-gradient(rgba(0, 166, 214, 0.16) 1px, transparent 1px),
    rgba(255, 255, 255, 0.88);
  background-size: 22px 20px;
}

body.theme-pop .drop-icon {
  color: #214f8f;
  background: linear-gradient(145deg, #eaf4ff, #ffffff);
  box-shadow: 0 14px 26px rgba(0, 166, 214, 0.18), inset 0 0 0 1px rgba(0, 166, 214, 0.12);
}

.button-row,
.output-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

button,
.download-all,
.recipe-card {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

button:not(:disabled):hover,
.download-all:not(.disabled):hover,
.recipe-card:hover {
  transform: translateY(-1px);
}

.primary {
  width: 100%;
  margin-top: 16px;
  border: 1px solid var(--blue);
  color: #ffffff;
  background: linear-gradient(135deg, var(--blue), #286b8f);
  font-weight: 700;
  box-shadow: 0 12px 22px rgba(31, 78, 120, 0.2);
}

.primary:disabled {
  cursor: not-allowed;
  border-color: #a9b7c6;
  background: #a9b7c6;
  box-shadow: none;
}

.secondary {
  border: 1px solid rgba(188, 202, 217, 0.95);
  background: #ffffff;
  color: var(--ink);
  padding: 0 14px;
  box-shadow: 0 6px 14px rgba(31, 78, 120, 0.05);
}

.secondary:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.secondary:hover {
  border-color: var(--blue-2);
  box-shadow: 0 10px 18px rgba(31, 78, 120, 0.1);
}

.compact-primary {
  margin-top: 0;
}

.primary.compact {
  width: auto;
  margin-top: 0;
  padding: 0 14px;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.metric-card {
  padding: 14px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background:
    linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.04);
}

.metric-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.metric-card strong {
  display: block;
  margin-top: 6px;
  font-size: 26px;
  letter-spacing: 0;
}

body.theme-pop .primary {
  border-color: transparent;
  background: linear-gradient(135deg, #214f8f, #00a6d6 36%, #e0449a);
  box-shadow: 0 14px 28px rgba(0, 166, 214, 0.18);
}

body.theme-pop .primary:not(:disabled):hover {
  box-shadow: 0 18px 34px rgba(224, 68, 154, 0.2);
}

body.theme-pop .secondary:not(.subtle),
body.theme-pop .download-all:not(.disabled) {
  border-color: rgba(0, 166, 214, 0.26);
  color: #214f8f;
  background: linear-gradient(180deg, #ffffff, #f2f9ff);
}

body.theme-pop .secondary.subtle {
  border-color: rgba(197, 209, 222, 0.9);
}

body.theme-pop .metric-card:nth-child(1),
body.theme-pop .quality-command-card:nth-child(1) {
  border-color: rgba(0, 166, 214, 0.22);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .metric-card:nth-child(2),
body.theme-pop .quality-command-card:nth-child(2) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .metric-card:nth-child(3),
body.theme-pop .quality-command-card:nth-child(3) {
  border-color: rgba(224, 68, 154, 0.22);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .panel-heading {
  border-color: rgba(0, 166, 214, 0.18);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(237, 248, 255, 0.82) 48%, rgba(255, 240, 247, 0.66));
}

body.theme-pop .workflow-compose,
body.theme-pop .candidate-picker {
  border-color: rgba(0, 166, 214, 0.16);
  background:
    linear-gradient(180deg, #ffffff, #f6fbff);
}

body.theme-pop .recipe-card:nth-child(1),
body.theme-pop .task-card:nth-child(1),
body.theme-pop .candidate-option:nth-child(4n + 1) {
  border-color: rgba(33, 79, 143, 0.22);
  background: linear-gradient(180deg, #ffffff, #edf6ff);
}

body.theme-pop .recipe-card:nth-child(2),
body.theme-pop .task-card:nth-child(2),
body.theme-pop .candidate-option:nth-child(4n + 2) {
  border-color: rgba(36, 190, 134, 0.22);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .recipe-card:nth-child(3),
body.theme-pop .task-card:nth-child(3),
body.theme-pop .candidate-option:nth-child(4n + 3) {
  border-color: rgba(224, 68, 154, 0.2);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .recipe-card:nth-child(4),
body.theme-pop .task-card:nth-child(4),
body.theme-pop .candidate-option:nth-child(4n) {
  border-color: rgba(241, 164, 22, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

body.theme-pop .pipeline-status {
  border-color: rgba(0, 166, 214, 0.28);
  background: linear-gradient(180deg, #ffffff, #f2f9ff);
}

body.theme-pop .score-pill,
body.theme-pop .keyword-list span,
body.theme-pop .task-meta span {
  color: #214f8f;
  background: #edf6ff;
}

.workflow-grid {
  display: grid;
  grid-template-columns: minmax(280px, 430px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.workflow-compose {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.045);
}

.field-stack {
  display: grid;
  gap: 6px;
}

.field-stack label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.field-stack select,
.field-stack textarea {
  width: 100%;
  border: 1px solid rgba(197, 209, 222, 0.95);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
  box-shadow: inset 0 1px 2px rgba(23, 32, 42, 0.035);
}

.field-stack select {
  min-height: 38px;
  padding: 0 10px;
}

.field-stack textarea {
  resize: vertical;
  min-height: 110px;
  padding: 10px;
  line-height: 1.45;
}

.recipe-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.recipe-card {
  min-height: 76px;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  color: var(--ink);
  text-align: left;
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
}

.recipe-card:hover {
  border-color: var(--blue-2);
}

.recipe-card span {
  color: var(--muted);
  font-size: 13px;
}

.task-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.task-card {
  min-height: 132px;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
}

.task-card strong {
  display: block;
  margin-bottom: 8px;
}

.task-card p {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

.task-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.task-meta span,
.score-pill {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--blue);
  background: #e9f1f8;
  font-size: 12px;
  font-weight: 700;
}

.empty-state {
  grid-column: 1 / -1;
  padding: 28px 12px;
  border: 1px dashed rgba(154, 171, 192, 0.9);
  border-radius: 8px;
  color: var(--muted);
  text-align: center;
  background:
    linear-gradient(180deg, #ffffff, #f8fbfd);
}

.pipeline-wrap table,
.comparison-wrap table {
  min-width: 880px;
}

.pipeline-panel,
.screening-panel {
  margin-top: 26px;
}

.pipeline-wrap,
.comparison-wrap {
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.pipeline-wrap td,
.comparison-wrap td {
  vertical-align: middle;
}

.pipeline-status {
  min-height: 36px;
  min-width: 112px;
  border: 1px solid rgba(188, 202, 217, 0.95);
  border-radius: 8px;
  padding: 0 34px 0 10px;
  color: var(--ink);
  background: #ffffff;
  box-shadow: 0 6px 14px rgba(23, 32, 42, 0.04);
}

.next-step {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.screening-grid {
  display: grid;
  grid-template-columns: minmax(280px, 430px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 4px;
}

.left-buttons {
  justify-content: flex-start;
}

.left-buttons .primary {
  width: auto;
  min-width: 150px;
  padding: 0 14px;
}

.candidate-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.045);
}

.candidate-option {
  position: relative;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
  overflow: hidden;
}

.candidate-option::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(31, 78, 120, 0.18);
}

.candidate-option:has(input:checked) {
  border-color: rgba(31, 78, 120, 0.42);
  background: #eef6fb;
}

.candidate-option:has(input:checked)::before {
  background: var(--green-2);
}

.candidate-option input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--blue);
}

.candidate-option strong,
.candidate-option span {
  display: block;
}

.candidate-option span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.match-summary {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.match-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
}

.match-card strong {
  display: block;
  margin-bottom: 4px;
}

.match-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

.boardroom-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(243, 240, 255, 0.9) 48%, rgba(237, 248, 255, 0.88)),
    repeating-linear-gradient(135deg, transparent 0 28px, rgba(93, 63, 211, 0.04) 28px 29px);
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.boardroom-hero h3,
.boardroom-hero p {
  margin: 0;
}

.boardroom-hero h3 {
  margin-top: 10px;
  font-size: 24px;
  letter-spacing: 0;
}

.boardroom-hero p {
  max-width: 760px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.boardroom-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.boardroom-stats article {
  padding: 14px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
}

.boardroom-stats span,
.boardroom-stats strong {
  display: block;
}

.boardroom-stats span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.boardroom-stats strong {
  margin-top: 6px;
  font-size: 30px;
}

.boardroom-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr);
  gap: 12px;
  margin-bottom: 14px;
}

.boardroom-spotlight,
.boardroom-podium article,
.skill-heatmap,
.boardroom-memo {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.045);
}

.boardroom-spotlight {
  position: relative;
  min-height: 224px;
  padding: 18px;
  overflow: hidden;
}

.boardroom-spotlight::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -44px;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(224, 68, 154, 0.16), transparent 68%);
}

.boardroom-spotlight small,
.boardroom-spotlight h3,
.boardroom-spotlight p {
  display: block;
  margin: 0;
}

.boardroom-spotlight small {
  color: #5d3fd3;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.boardroom-spotlight h3 {
  margin-top: 12px;
  font-size: 28px;
  letter-spacing: 0;
}

.boardroom-spotlight p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.42;
}

.boardroom-score {
  position: absolute;
  left: 18px;
  bottom: 18px;
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 8px;
  align-items: end;
  color: #5d3fd3;
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
}

.boardroom-score span {
  padding-bottom: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.boardroom-podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.boardroom-podium article {
  min-height: 224px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
}

.boardroom-podium b {
  width: 36px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #e0449a);
}

.boardroom-podium strong,
.boardroom-podium span,
.boardroom-podium small {
  display: block;
}

.boardroom-podium span,
.boardroom-podium small {
  color: var(--muted);
  line-height: 1.35;
}

.skill-heatmap,
.boardroom-memo {
  padding: 14px;
  margin-bottom: 14px;
}

.section-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

.section-title h3,
.section-title span {
  margin: 0;
}

.section-title span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.heatmap-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.heatmap-list span {
  --signal: 0.3;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px;
  border-radius: 999px;
  color: #214f8f;
  background: #edf6ff;
  background: color-mix(in srgb, #edf6ff calc(65% + (var(--signal) * 25%)), #e0449a calc(var(--signal) * 22%));
  font-size: 13px;
  font-weight: 800;
}

.heatmap-list b {
  color: var(--ink);
}

.boardroom-memo pre {
  overflow: auto;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.84);
  font: 13px/1.5 Consolas, "Courier New", monospace;
  white-space: pre-wrap;
}

body.theme-pop .boardroom-panel::before {
  background: linear-gradient(90deg, #214f8f, #5d3fd3, #e0449a, #f1a416, #24be86);
}

body.theme-pop .boardroom-spotlight,
body.theme-pop .boardroom-stats article:nth-child(1),
body.theme-pop .boardroom-podium article:nth-child(1) {
  border-color: rgba(93, 63, 211, 0.24);
  background: linear-gradient(180deg, #ffffff, #f3f0ff);
}

body.theme-pop .boardroom-stats article:nth-child(2),
body.theme-pop .boardroom-podium article:nth-child(2) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .boardroom-stats article:nth-child(3),
body.theme-pop .boardroom-podium article:nth-child(3) {
  border-color: rgba(224, 68, 154, 0.22);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .boardroom-stats article:nth-child(4),
body.theme-pop .skill-heatmap {
  border-color: rgba(241, 164, 22, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

.galaxy-panel {
  overflow: hidden;
}

.galaxy-panel::before {
  background: linear-gradient(90deg, #214f8f, #00a6d6, #e0449a, #f1a416, #24be86);
}

.galaxy-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(237, 246, 255, 0.9) 28%, rgba(255, 240, 247, 0.86) 62%, rgba(237, 255, 247, 0.88)),
    repeating-linear-gradient(45deg, transparent 0 24px, rgba(0, 166, 214, 0.05) 24px 25px);
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.galaxy-hero h3,
.galaxy-hero p {
  margin: 0;
}

.galaxy-hero h3 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: 0;
}

.galaxy-hero p {
  max-width: 820px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.galaxy-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 14px;
  align-items: stretch;
}

.galaxy-map {
  position: relative;
  min-height: 520px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.96) 0 8%, rgba(237, 246, 255, 0.78) 9% 24%, transparent 25%),
    radial-gradient(circle at 18% 20%, rgba(224, 68, 154, 0.12), transparent 32%),
    radial-gradient(circle at 78% 76%, rgba(36, 190, 134, 0.14), transparent 34%),
    linear-gradient(135deg, #f8fbfd, #ffffff);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 16px 34px rgba(23, 32, 42, 0.06);
}

.galaxy-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 47px, rgba(31, 78, 120, 0.055) 48px, transparent 49px),
    linear-gradient(0deg, transparent 0 47px, rgba(224, 68, 154, 0.045) 48px, transparent 49px);
  background-size: 96px 96px;
  opacity: 0.6;
}

.galaxy-ring,
.galaxy-core,
.galaxy-node {
  position: absolute;
}

.galaxy-ring {
  left: 50%;
  top: 50%;
  border: 1px solid rgba(31, 78, 120, 0.18);
  border-radius: 999px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ring-core {
  width: 28%;
  height: 18%;
}

.ring-mid {
  width: 58%;
  height: 38%;
}

.ring-edge {
  width: 88%;
  height: 62%;
}

.galaxy-core {
  left: 50%;
  top: 50%;
  display: grid;
  gap: 3px;
  place-items: center;
  width: 148px;
  min-height: 74px;
  padding: 10px;
  border: 1px solid rgba(31, 78, 120, 0.18);
  border-radius: 999px;
  color: var(--blue);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 32px rgba(31, 78, 120, 0.12);
  transform: translate(-50%, -50%);
}

.galaxy-core strong,
.galaxy-core span {
  display: block;
}

.galaxy-core strong {
  font-size: 13px;
  text-transform: uppercase;
}

.galaxy-core span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.galaxy-node {
  left: var(--x);
  top: var(--y);
  width: var(--size);
  min-height: var(--size);
  display: grid;
  place-items: center;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  color: #ffffff;
  background: var(--blue);
  box-shadow: 0 16px 32px rgba(31, 78, 120, 0.2);
  cursor: pointer;
  isolation: isolate;
  transform: translate(-50%, -50%);
  animation: galaxy-arrive 420ms ease both;
  animation-delay: var(--delay);
}

.galaxy-node::after {
  content: "";
  position: absolute;
  inset: -8px;
  z-index: -1;
  border-radius: inherit;
  background: currentColor;
  opacity: 0.13;
  animation: galaxy-pulse 2400ms ease-in-out infinite;
}

.galaxy-node span,
.galaxy-node small {
  display: block;
  line-height: 1;
}

.galaxy-node span {
  font-weight: 900;
}

.galaxy-node small {
  margin-top: 3px;
  font-size: 11px;
  font-weight: 900;
  opacity: 0.88;
}

.galaxy-node:hover,
.galaxy-node.selected {
  z-index: 4;
  box-shadow: 0 22px 46px rgba(23, 32, 42, 0.24);
  transform: translate(-50%, -50%) scale(1.08);
}

.galaxy-node.selected {
  outline: 3px solid rgba(255, 255, 255, 0.78);
}

.galaxy-status-shortlist {
  background: linear-gradient(135deg, #0e8565, #24be86);
}

.galaxy-status-interview {
  background: linear-gradient(135deg, #214f8f, #00a6d6);
}

.galaxy-status-submitted {
  background: linear-gradient(135deg, #5d3fd3, #8c3ed9);
}

.galaxy-status-hold {
  background: linear-gradient(135deg, #bd5b00, #f1a416);
}

.galaxy-status-rejected {
  background: linear-gradient(135deg, #7f1d1d, #be3d39);
}

.galaxy-focus-card {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 251, 253, 0.96)),
    radial-gradient(circle at top right, rgba(224, 68, 154, 0.12), transparent 42%);
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.055);
}

.galaxy-focus-card h3,
.galaxy-focus-card p,
.galaxy-focus-card dl {
  margin: 0;
}

.galaxy-focus-card h3 {
  font-size: 28px;
  letter-spacing: 0;
}

.galaxy-focus-card p {
  color: var(--muted);
  line-height: 1.45;
}

.galaxy-focus-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(31, 78, 120, 0.14);
  border-radius: 8px;
  background: linear-gradient(135deg, #edf6ff, #fff0f7);
}

.galaxy-focus-score strong {
  color: #214f8f;
  font-size: 42px;
  line-height: 1;
}

.galaxy-focus-score span {
  padding: 6px 10px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #e0449a);
  font-size: 12px;
  font-weight: 900;
}

.galaxy-focus-card dl {
  display: grid;
  gap: 9px;
}

.galaxy-focus-card dl div {
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.86);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

.galaxy-focus-card dt,
.galaxy-focus-card dd {
  margin: 0;
}

.galaxy-focus-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.galaxy-focus-card dd {
  margin-top: 4px;
  line-height: 1.35;
}

.galaxy-insights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.galaxy-insights article,
.galaxy-skill-strip,
.galaxy-flight-board {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.04);
}

.galaxy-insights article {
  padding: 13px;
}

.galaxy-insights span,
.galaxy-insights strong {
  display: block;
}

.galaxy-insights span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.galaxy-insights strong {
  margin-top: 6px;
  font-size: 28px;
}

.galaxy-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  gap: 14px;
}

.galaxy-skill-strip,
.galaxy-flight-board {
  padding: 14px;
}

.galaxy-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.galaxy-tags span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px;
  border-radius: 999px;
  color: #214f8f;
  background: linear-gradient(135deg, #edf6ff, #ffffff);
  font-size: 13px;
  font-weight: 900;
}

.galaxy-tags b {
  color: #c34383;
}

.galaxy-flight-board {
  display: grid;
  gap: 8px;
}

.galaxy-flight-board button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.82);
  text-align: left;
  cursor: pointer;
}

.galaxy-flight-board button:hover {
  border-color: rgba(224, 68, 154, 0.35);
  box-shadow: 0 10px 20px rgba(224, 68, 154, 0.08);
}

.galaxy-flight-board b {
  width: 26px;
  min-height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #00a6d6);
}

.galaxy-flight-board span,
.galaxy-flight-board small {
  overflow-wrap: anywhere;
}

.galaxy-flight-board span {
  font-weight: 800;
}

.galaxy-flight-board small {
  color: var(--muted);
  font-weight: 800;
}

body.theme-pop .galaxy-map {
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.96) 0 8%, rgba(255, 240, 247, 0.74) 9% 24%, transparent 25%),
    radial-gradient(circle at 14% 22%, rgba(0, 166, 214, 0.18), transparent 30%),
    radial-gradient(circle at 82% 72%, rgba(36, 190, 134, 0.17), transparent 34%),
    linear-gradient(135deg, #f7f0ff, #ffffff 45%, #edfff7);
}

body.theme-pop .galaxy-insights article:nth-child(1),
body.theme-pop .galaxy-skill-strip {
  border-color: rgba(0, 166, 214, 0.24);
  background: linear-gradient(180deg, #ffffff, #edf6ff);
}

body.theme-pop .galaxy-insights article:nth-child(2),
body.theme-pop .galaxy-flight-board {
  border-color: rgba(224, 68, 154, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .galaxy-insights article:nth-child(3) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .galaxy-insights article:nth-child(4) {
  border-color: rgba(241, 164, 22, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

@keyframes galaxy-arrive {
  from {
    opacity: 0;
    transform: translate(-50%, -42%) scale(0.72);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes galaxy-pulse {
  0%,
  100% {
    transform: scale(0.95);
    opacity: 0.11;
  }
  50% {
    transform: scale(1.22);
    opacity: 0.22;
  }
}

.portal-panel {
  overflow: hidden;
}

.portal-panel::before {
  background: linear-gradient(90deg, #24be86, #00a6d6, #e0449a, #f1a416);
}

.portal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 255, 247, 0.88) 34%, rgba(237, 246, 255, 0.9) 68%, rgba(255, 248, 233, 0.86)),
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(36, 190, 134, 0.05) 28px 29px);
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.portal-hero h3,
.portal-hero p {
  margin: 0;
}

.portal-hero h3 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: 0;
}

.portal-hero p {
  max-width: 840px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.portal-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 220px;
  gap: 10px;
  margin-bottom: 16px;
}

.portal-builder label {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.035);
}

.portal-builder span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.portal-builder input,
.portal-builder select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  color: var(--ink);
  background: #ffffff;
  padding: 8px 10px;
}

.portal-preview {
  display: grid;
  gap: 14px;
}

.portal-cover {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 190px;
  padding: 22px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 12%, rgba(224, 68, 154, 0.16), transparent 30%),
    linear-gradient(135deg, #ffffff, #edf6ff 44%, #edfff7);
  box-shadow: 0 18px 38px rgba(23, 32, 42, 0.075);
}

.portal-cover h3,
.portal-cover p {
  margin: 0;
}

.portal-cover h3 {
  margin-top: 10px;
  font-size: 34px;
  letter-spacing: 0;
}

.portal-cover p {
  max-width: 720px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.45;
}

.portal-lead-score {
  width: 136px;
  min-height: 136px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #00a6d6 48%, #24be86);
  box-shadow: 0 18px 38px rgba(31, 78, 120, 0.22);
}

.portal-lead-score strong,
.portal-lead-score span {
  display: block;
}

.portal-lead-score strong {
  font-size: 42px;
  line-height: 1;
}

.portal-lead-score span {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.portal-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.portal-stat-grid article,
.portal-candidate-stack article,
.portal-sidecar > div {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.04);
}

.portal-stat-grid article {
  padding: 13px;
}

.portal-stat-grid span,
.portal-stat-grid strong {
  display: block;
}

.portal-stat-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.portal-stat-grid strong {
  margin-top: 5px;
  font-size: 30px;
}

.portal-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  gap: 14px;
}

.portal-candidate-stack {
  display: grid;
  gap: 9px;
}

.portal-candidate-stack article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 58px;
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.portal-candidate-stack b {
  width: 34px;
  min-height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #e0449a);
}

.portal-candidate-stack strong,
.portal-candidate-stack span,
.portal-candidate-stack small {
  display: block;
}

.portal-candidate-stack span,
.portal-candidate-stack small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.portal-candidate-stack em {
  justify-self: end;
  color: #214f8f;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
}

.portal-sidecar {
  display: grid;
  gap: 12px;
  align-content: start;
}

.portal-sidecar > div {
  padding: 14px;
}

.portal-sidecar h3,
.portal-sidecar p {
  margin: 0;
}

.portal-sidecar p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.45;
}

.portal-skill-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.portal-skill-tags span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px;
  border-radius: 999px;
  color: #0e8565;
  background: #edfff7;
  font-size: 13px;
  font-weight: 900;
}

.portal-skill-tags b {
  color: #c34383;
}

.portal-preview.tone-energetic .portal-cover,
body.theme-pop .portal-cover {
  background:
    radial-gradient(circle at 88% 12%, rgba(224, 68, 154, 0.2), transparent 30%),
    linear-gradient(135deg, #edf6ff, #fff0f7 50%, #edfff7);
}

.portal-preview.tone-executive .portal-cover {
  background:
    radial-gradient(circle at 88% 12%, rgba(31, 78, 120, 0.14), transparent 30%),
    linear-gradient(135deg, #ffffff, #eef2f7 52%, #edf6ff);
}

body.theme-pop .portal-stat-grid article:nth-child(1),
body.theme-pop .portal-sidecar > div:nth-child(1) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .portal-stat-grid article:nth-child(2),
body.theme-pop .portal-sidecar > div:nth-child(2) {
  border-color: rgba(0, 166, 214, 0.24);
  background: linear-gradient(180deg, #ffffff, #edf6ff);
}

body.theme-pop .portal-stat-grid article:nth-child(3) {
  border-color: rgba(224, 68, 154, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .portal-stat-grid article:nth-child(4) {
  border-color: rgba(241, 164, 22, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

.submission-panel {
  overflow: hidden;
}

.submission-panel::before {
  background: linear-gradient(90deg, #214f8f, #00a6d6, #24be86, #f1a416);
}

.submission-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    radial-gradient(circle at 90% 18%, rgba(0, 166, 214, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 248, 255, 0.9) 38%, rgba(237, 255, 247, 0.88));
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.submission-hero h3,
.submission-hero p {
  margin: 0;
}

.submission-hero h3 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: 0;
}

.submission-hero p {
  max-width: 840px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.submission-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 220px;
  gap: 10px;
  margin-bottom: 16px;
}

.submission-builder label {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.035);
}

.submission-builder span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.submission-builder input,
.submission-builder select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  color: var(--ink);
  background: #ffffff;
  padding: 8px 10px;
}

.submission-dashboard {
  display: grid;
  grid-template-columns: minmax(240px, 1.3fr) repeat(3, minmax(0, 0.7fr));
  gap: 10px;
  margin-bottom: 14px;
}

.submission-dashboard article,
.submission-preview,
.submission-side > div {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.04);
}

.submission-dashboard article {
  padding: 13px;
}

.submission-dashboard span,
.submission-dashboard strong,
.submission-dashboard small {
  display: block;
}

.submission-dashboard span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.submission-dashboard strong {
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.submission-dashboard article:not(:first-child) strong {
  color: #214f8f;
  font-size: 28px;
}

.submission-dashboard small {
  margin-top: 3px;
  color: var(--muted);
  font-weight: 800;
}

.submission-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 14px;
}

.submission-preview,
.submission-side > div {
  padding: 14px;
}

.submission-preview pre,
.submission-side pre {
  overflow: auto;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.86);
  font: 13px/1.5 Consolas, "Courier New", monospace;
  white-space: pre-wrap;
}

.submission-side {
  display: grid;
  gap: 12px;
  align-content: start;
}

.submission-timeline h3 {
  margin: 0 0 10px;
}

.submission-timeline ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.45;
}

.submission-timeline li::marker {
  color: #214f8f;
  font-weight: 900;
}

body.theme-pop .submission-dashboard article:nth-child(1),
body.theme-pop .submission-preview {
  border-color: rgba(0, 166, 214, 0.24);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .submission-dashboard article:nth-child(2),
body.theme-pop .submission-side > div:nth-child(1) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .submission-dashboard article:nth-child(3),
body.theme-pop .submission-side > div:nth-child(2) {
  border-color: rgba(241, 164, 22, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

body.theme-pop .submission-dashboard article:nth-child(4) {
  border-color: rgba(224, 68, 154, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

.interview-panel {
  overflow: hidden;
}

.interview-panel::before {
  background: linear-gradient(90deg, #0e8565, #24be86, #00a6d6, #8c3ed9);
}

.interview-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 20%, rgba(36, 190, 134, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 255, 247, 0.9) 38%, rgba(237, 248, 255, 0.86));
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.interview-hero h3,
.interview-hero p {
  margin: 0;
}

.interview-hero h3 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: 0;
}

.interview-hero p {
  max-width: 840px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.interview-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px 180px;
  gap: 10px;
  margin-bottom: 16px;
}

.interview-builder label {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.035);
}

.interview-builder span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.interview-builder input,
.interview-builder select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  color: var(--ink);
  background: #ffffff;
  padding: 8px 10px;
}

.interview-dashboard {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(160px, 0.6fr) minmax(0, 1.3fr) minmax(150px, 0.5fr);
  gap: 10px;
  margin-bottom: 14px;
}

.interview-dashboard article,
.interview-questions,
.interview-side > div {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.04);
}

.interview-dashboard article {
  padding: 13px;
}

.interview-dashboard span,
.interview-dashboard strong,
.interview-dashboard small {
  display: block;
}

.interview-dashboard span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.interview-dashboard strong {
  margin-top: 6px;
  font-size: 20px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.interview-dashboard small {
  margin-top: 3px;
  color: var(--muted);
  font-weight: 800;
}

.interview-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr);
  gap: 14px;
}

.interview-questions,
.interview-side > div {
  padding: 14px;
}

.interview-questions ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 22px;
}

.interview-questions li,
.interview-agenda div,
.interview-rubric span {
  line-height: 1.45;
}

.interview-questions li::marker {
  color: #0e8565;
  font-weight: 900;
}

.interview-side {
  display: grid;
  gap: 12px;
  align-content: start;
}

.interview-agenda h3,
.interview-rubric h3 {
  margin: 0 0 10px;
}

.interview-agenda {
  display: grid;
  gap: 8px;
}

.interview-agenda div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid rgba(197, 209, 222, 0.86);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

.interview-agenda b {
  color: #0e8565;
}

.interview-rubric {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.interview-rubric h3 {
  flex: 0 0 100%;
}

.interview-rubric span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  color: #0e8565;
  background: #edfff7;
  font-size: 13px;
  font-weight: 900;
}

body.theme-pop .interview-dashboard article:nth-child(1),
body.theme-pop .interview-questions {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .interview-dashboard article:nth-child(2),
body.theme-pop .interview-agenda {
  border-color: rgba(0, 166, 214, 0.24);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .interview-dashboard article:nth-child(3),
body.theme-pop .interview-rubric {
  border-color: rgba(140, 62, 217, 0.24);
  background: linear-gradient(180deg, #ffffff, #f7f0ff);
}

body.theme-pop .interview-dashboard article:nth-child(4) {
  border-color: rgba(224, 68, 154, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

.closing-panel {
  overflow: hidden;
}

.closing-panel::before {
  background: linear-gradient(90deg, #214f8f, #e0449a, #f1a416, #24be86);
}

.closing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    radial-gradient(circle at 90% 18%, rgba(224, 68, 154, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 240, 247, 0.9) 36%, rgba(237, 255, 247, 0.86));
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.closing-hero h3,
.closing-hero p {
  margin: 0;
}

.closing-hero h3 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: 0;
}

.closing-hero p {
  max-width: 860px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.closing-builder {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 180px;
  gap: 10px;
  margin-bottom: 16px;
}

.closing-builder label {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.035);
}

.closing-builder span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.closing-builder input,
.closing-builder select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  color: var(--ink);
  background: #ffffff;
  padding: 8px 10px;
}

.closing-dashboard {
  display: grid;
  grid-template-columns: minmax(220px, 0.95fr) minmax(150px, 0.55fr) minmax(0, 1.2fr) minmax(150px, 0.55fr);
  gap: 10px;
  margin-bottom: 14px;
}

.closing-dashboard article,
.closing-board,
.closing-side > div {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.04);
}

.closing-dashboard article {
  padding: 13px;
}

.closing-dashboard span,
.closing-dashboard strong,
.closing-dashboard small,
.closing-fee-card span,
.closing-fee-card strong,
.closing-fee-card small {
  display: block;
}

.closing-dashboard span,
.closing-fee-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.closing-dashboard strong {
  margin-top: 6px;
  font-size: 20px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.closing-dashboard small,
.closing-fee-card small {
  margin-top: 3px;
  color: var(--muted);
  font-weight: 800;
}

.closing-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
  gap: 14px;
}

.closing-board,
.closing-side > div {
  padding: 14px;
}

.closing-board {
  display: grid;
  gap: 10px;
  align-content: start;
}

.closing-board article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.84);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.closing-board b {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #e0449a);
  font-size: 13px;
}

.closing-board strong,
.closing-board small {
  display: block;
}

.closing-board small {
  margin-top: 3px;
  color: var(--muted);
}

.closing-board article > span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  color: #c34383;
  background: #fff0f7;
  font-size: 13px;
  font-weight: 900;
}

.closing-side {
  display: grid;
  gap: 12px;
  align-content: start;
}

.closing-fee-card {
  background:
    radial-gradient(circle at 88% 14%, rgba(241, 164, 22, 0.16), transparent 34%),
    linear-gradient(135deg, #ffffff, #fff8e9 44%, #edfff7) !important;
}

.closing-fee-card strong {
  margin-top: 8px;
  color: #0e8565;
  font-size: 32px;
  line-height: 1.1;
}

.closing-checklist h3 {
  margin: 0 0 10px;
}

.closing-checklist ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.45;
}

.closing-checklist li::marker {
  color: #c34383;
  font-weight: 900;
}

body.theme-pop .closing-dashboard article:nth-child(1),
body.theme-pop .closing-board {
  border-color: rgba(224, 68, 154, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .closing-dashboard article:nth-child(2),
body.theme-pop .closing-checklist {
  border-color: rgba(0, 166, 214, 0.24);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .closing-dashboard article:nth-child(3),
body.theme-pop .closing-fee-card {
  border-color: rgba(36, 190, 134, 0.24);
}

body.theme-pop .closing-dashboard article:nth-child(4) {
  border-color: rgba(241, 164, 22, 0.26);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

.theater-panel {
  overflow: hidden;
}

.theater-panel::before {
  background: linear-gradient(90deg, #214f8f, #00a6d6, #8c3ed9, #e0449a, #f1a416);
}

.theater-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    radial-gradient(circle at 86% 18%, rgba(140, 62, 217, 0.15), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 246, 255, 0.9) 34%, rgba(255, 240, 247, 0.86) 72%);
  box-shadow: 0 14px 28px rgba(23, 32, 42, 0.06);
}

.theater-hero h3,
.theater-hero p {
  margin: 0;
}

.theater-hero h3 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: 0;
}

.theater-hero p {
  max-width: 840px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.theater-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  gap: 14px;
  align-items: stretch;
}

.theater-stage-card,
.theater-speaker-card,
.theater-rail {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 12px 26px rgba(23, 32, 42, 0.055);
}

.theater-stage-card {
  min-width: 0;
  overflow: hidden;
}

.theater-slide {
  min-height: 420px;
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 28px;
  background:
    radial-gradient(circle at 92% 14%, rgba(224, 68, 154, 0.14), transparent 28%),
    linear-gradient(135deg, #ffffff, #edf6ff 42%, #fff0f7);
}

.theater-slide h3,
.theater-slide p {
  margin: 0;
}

.theater-slide h3 {
  max-width: 880px;
  font-size: 42px;
  line-height: 1.04;
  letter-spacing: 0;
}

.theater-slide p {
  max-width: 760px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.45;
}

.theater-cover-badges,
.theater-candidate-pills,
.theater-skill-cloud,
.theater-action-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.theater-cover-badges span,
.theater-candidate-pills span,
.theater-skill-cloud span,
.theater-action-list span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  color: #214f8f;
  background: rgba(237, 246, 255, 0.96);
  font-size: 13px;
  font-weight: 900;
}

.theater-metric-wall {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.theater-metric-wall div,
.theater-next-step {
  padding: 13px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.theater-metric-wall span,
.theater-metric-wall strong {
  display: block;
}

.theater-metric-wall span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.theater-metric-wall strong {
  margin-top: 6px;
  color: #214f8f;
  font-size: 34px;
}

.theater-candidate-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 20px;
  align-items: center;
}

.theater-score-orb {
  width: 140px;
  min-height: 140px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #e0449a 56%, #24be86);
  box-shadow: 0 20px 42px rgba(31, 78, 120, 0.24);
}

.theater-score-orb strong,
.theater-score-orb span {
  display: block;
}

.theater-score-orb strong {
  font-size: 46px;
  line-height: 1;
}

.theater-score-orb span {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.theater-next-step {
  color: var(--ink);
  font-weight: 800;
}

.theater-skill-cloud span {
  color: #5d3fd3;
  background: #f3f0ff;
}

.theater-skill-cloud b {
  color: #c34383;
}

.theater-action-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.theater-action-list span {
  min-height: 74px;
  justify-content: center;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  text-align: center;
}

.theater-speaker-card {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 16px;
}

.theater-speaker-card h3,
.theater-speaker-card p {
  margin: 0;
}

.theater-speaker-card h3 {
  font-size: 24px;
  letter-spacing: 0;
}

.theater-speaker-card p {
  color: var(--muted);
  line-height: 1.5;
}

.theater-controls {
  display: grid;
  grid-template-columns: auto minmax(56px, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}

.theater-controls span {
  color: var(--muted);
  font-weight: 900;
  text-align: center;
}

.theater-rail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-top: 14px;
  padding: 10px;
}

.theater-rail button {
  min-height: 58px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.theater-rail button.active {
  border-color: rgba(224, 68, 154, 0.36);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
  box-shadow: 0 10px 20px rgba(224, 68, 154, 0.08);
}

.theater-rail b {
  width: 26px;
  min-height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #e0449a);
}

.theater-rail span {
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: 800;
}

.theater-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 20px;
  background:
    radial-gradient(circle at 16% 18%, rgba(0, 166, 214, 0.24), transparent 28%),
    radial-gradient(circle at 86% 82%, rgba(224, 68, 154, 0.24), transparent 30%),
    rgba(8, 17, 31, 0.92);
  backdrop-filter: blur(12px);
}

.theater-modal[hidden] {
  display: none;
}

.theater-modal-stage {
  position: relative;
  width: min(1180px, 96vw);
  max-height: 92vh;
  display: grid;
  gap: 12px;
}

.theater-modal-close {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.92);
}

.theater-modal-slide {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 18px;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.34);
}

.theater-modal-slide .theater-slide {
  min-height: min(680px, calc(92vh - 92px));
  padding: clamp(30px, 5vw, 60px);
}

.theater-modal-slide .theater-slide h3 {
  font-size: clamp(38px, 6vw, 68px);
}

.theater-modal-controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  color: #ffffff;
}

.theater-modal-controls span {
  min-width: 70px;
  font-weight: 900;
  text-align: center;
}

body.theater-open {
  overflow: hidden;
}

body.theme-pop .theater-stage-card,
body.theme-pop .theater-speaker-card,
body.theme-pop .theater-rail {
  border-color: rgba(140, 62, 217, 0.22);
}

body.theme-pop .theater-slide {
  background:
    radial-gradient(circle at 92% 14%, rgba(224, 68, 154, 0.16), transparent 28%),
    linear-gradient(135deg, #ffffff, #edf6ff 36%, #fff0f7 72%, #edfff7);
}

.fit-meter {
  width: 112px;
  text-align: right;
}

.fit-meter strong {
  font-size: 24px;
  color: var(--green);
}

.keyword-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.keyword-list span {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  color: var(--blue);
  background: #e9f1f8;
  font-size: 12px;
  font-weight: 700;
}

.launch-shell {
  padding-bottom: 48px;
}

.launch-panel {
  overflow: hidden;
}

.launch-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.86);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(237, 248, 255, 0.88) 42%, rgba(255, 248, 233, 0.86)),
    repeating-linear-gradient(90deg, transparent 0 30px, rgba(33, 79, 143, 0.035) 30px 31px);
  box-shadow: 0 16px 28px rgba(23, 32, 42, 0.06);
}

.launch-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 9px;
  border-radius: 999px;
  color: #214f8f;
  background: #edf6ff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.launch-hero h3,
.launch-hero p,
.launch-checklist h3,
.revenue-card h3 {
  margin: 0;
}

.launch-hero h3 {
  margin-top: 10px;
  font-size: 24px;
  letter-spacing: 0;
}

.launch-hero p {
  max-width: 720px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.launch-trust {
  display: grid;
  gap: 8px;
  min-width: min(260px, 100%);
}

.launch-trust span {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(36, 190, 134, 0.26);
  border-radius: 999px;
  color: #0e8565;
  background: #edfff7;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.pricing-card,
.launch-checklist,
.revenue-card {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 12px 24px rgba(23, 32, 42, 0.055);
}

.pricing-card {
  position: relative;
  padding: 16px;
  overflow: hidden;
}

.pricing-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), var(--green-2));
}

.pricing-card.featured {
  border-color: rgba(224, 68, 154, 0.32);
  background:
    linear-gradient(180deg, #ffffff, #fff7fb),
    linear-gradient(135deg, rgba(224, 68, 154, 0.08), transparent);
}

.pricing-card.featured::before {
  background: linear-gradient(90deg, #214f8f, #e0449a, #f1a416);
}

.pricing-card small,
.pricing-card strong,
.pricing-card span,
.pricing-card p {
  display: block;
}

.pricing-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.pricing-card strong {
  margin-top: 8px;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0;
}

.pricing-card span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.pricing-card p {
  min-height: 60px;
  margin: 14px 0 12px;
  color: var(--muted);
  line-height: 1.45;
}

.pricing-card ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing-card li {
  position: relative;
  padding-left: 20px;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.35;
}

.pricing-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--green-2);
}

.launch-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.75fr);
  gap: 12px;
}

.launch-checklist,
.revenue-card {
  padding: 16px;
}

.launch-checklist h3,
.revenue-card h3 {
  font-size: 18px;
}

.launch-step-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.launch-step-list span {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 9px 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.035);
}

.launch-step-list b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #00a6d6);
  font-size: 12px;
}

.revenue-inputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.revenue-inputs label {
  display: grid;
  gap: 6px;
}

.revenue-inputs span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.revenue-inputs input {
  width: 100%;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(197, 209, 222, 0.95);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
}

.revenue-inputs input:focus {
  outline: none;
  border-color: var(--blue-2);
  box-shadow: 0 0 0 3px rgba(47, 120, 173, 0.14);
}

.revenue-total {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(36, 190, 134, 0.28);
  border-radius: 8px;
  background: linear-gradient(135deg, #edfff7, #ffffff);
}

.revenue-total span,
.revenue-total strong,
.revenue-total small {
  display: block;
}

.revenue-total span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.revenue-total strong {
  margin-top: 6px;
  color: var(--green);
  font-size: 34px;
  letter-spacing: 0;
}

.revenue-total small {
  margin-top: 4px;
  color: var(--muted);
}

.founder-shell {
  padding-bottom: 48px;
}

.founder-panel {
  overflow: hidden;
}

.founder-panel::before {
  background: linear-gradient(90deg, #214f8f, #00a6d6, #8c3ed9, #e0449a, #24be86);
}

.founder-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid rgba(197, 209, 222, 0.86);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 18%, rgba(0, 166, 214, 0.15), transparent 34%),
    radial-gradient(circle at 18% 84%, rgba(224, 68, 154, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 248, 255, 0.9) 38%, rgba(255, 240, 247, 0.86) 72%, rgba(237, 255, 247, 0.86));
  box-shadow: 0 16px 32px rgba(23, 32, 42, 0.06);
}

.founder-hero h3,
.founder-hero p {
  margin: 0;
}

.founder-hero h3 {
  margin-top: 10px;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: 0;
}

.founder-hero p {
  max-width: 860px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.founder-builder {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.founder-builder label {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.035);
}

.founder-builder span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.founder-builder input {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  color: var(--ink);
  background: #ffffff;
  padding: 8px 10px;
}

.founder-dashboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.founder-dashboard article,
.founder-story-card,
.founder-forecast-card {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 12px 24px rgba(23, 32, 42, 0.055);
}

.founder-dashboard article {
  padding: 13px;
}

.founder-dashboard span,
.founder-dashboard strong,
.founder-dashboard small {
  display: block;
}

.founder-dashboard span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.founder-dashboard strong {
  margin-top: 6px;
  font-size: 24px;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.founder-dashboard small {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 800;
}

.founder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr);
  gap: 14px;
}

.founder-story-card,
.founder-forecast-card {
  padding: 18px;
}

.founder-story-card h3,
.founder-story-card p,
.founder-forecast-card h3 {
  margin: 0;
}

.founder-story-card h3 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: 0;
}

.founder-story-card p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.founder-signal-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.founder-signal-strip span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  color: #214f8f;
  background: #edf6ff;
  font-size: 13px;
  font-weight: 900;
}

.founder-funnel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.founder-funnel div {
  padding: 13px;
  border: 1px solid rgba(197, 209, 222, 0.86);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.founder-funnel span,
.founder-funnel b {
  display: block;
}

.founder-funnel span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.founder-funnel b {
  margin-top: 6px;
  color: #0e8565;
  font-size: 26px;
}

body.theme-pop .founder-dashboard article:nth-child(1),
body.theme-pop .founder-story-card {
  border-color: rgba(0, 166, 214, 0.24);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .founder-dashboard article:nth-child(2) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .founder-dashboard article:nth-child(3),
body.theme-pop .founder-forecast-card {
  border-color: rgba(224, 68, 154, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .founder-dashboard article:nth-child(4) {
  border-color: rgba(241, 164, 22, 0.26);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

.viral-shell {
  padding-bottom: 48px;
}

.viral-panel {
  overflow: hidden;
}

.viral-panel::before {
  background: linear-gradient(90deg, #8c3ed9, #e0449a, #f1a416, #24be86, #00a6d6);
}

.viral-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid rgba(197, 209, 222, 0.86);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 16%, rgba(140, 62, 217, 0.16), transparent 34%),
    radial-gradient(circle at 20% 84%, rgba(241, 164, 22, 0.14), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 240, 255, 0.92) 38%, rgba(255, 240, 247, 0.86) 72%, rgba(237, 255, 247, 0.86));
  box-shadow: 0 16px 32px rgba(23, 32, 42, 0.06);
}

.viral-hero h3,
.viral-hero p {
  margin: 0;
}

.viral-hero h3 {
  margin-top: 10px;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: 0;
}

.viral-hero p {
  max-width: 870px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.viral-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 180px;
  gap: 10px;
  margin-bottom: 16px;
}

.viral-builder label {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.035);
}

.viral-builder span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.viral-builder input,
.viral-builder select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  color: var(--ink);
  background: #ffffff;
  padding: 8px 10px;
}

.viral-dashboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.viral-dashboard article,
.viral-hook-card,
.viral-sprint-card,
.viral-angles article {
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 12px 24px rgba(23, 32, 42, 0.055);
}

.viral-dashboard article {
  padding: 13px;
}

.viral-dashboard span,
.viral-dashboard strong,
.viral-dashboard small {
  display: block;
}

.viral-dashboard span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.viral-dashboard strong {
  margin-top: 6px;
  font-size: 26px;
  line-height: 1.08;
}

.viral-dashboard small {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 800;
}

.viral-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);
  gap: 14px;
  margin-bottom: 14px;
}

.viral-hook-card,
.viral-sprint-card,
.viral-angles article {
  padding: 18px;
}

.viral-hook-card h3,
.viral-hook-card p,
.viral-sprint-card h3,
.viral-angles p {
  margin: 0;
}

.viral-hook-card h3 {
  margin-top: 10px;
  font-size: 27px;
  line-height: 1.18;
  letter-spacing: 0;
}

.viral-hook-card p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.viral-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.viral-action-row span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  color: #8c3ed9;
  background: #f7f0ff;
  font-size: 13px;
  font-weight: 900;
}

.viral-sprint-card ol {
  display: grid;
  gap: 7px;
  margin: 12px 0 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.45;
}

.viral-sprint-card li::marker {
  color: #8c3ed9;
  font-weight: 900;
}

.viral-angles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.viral-angles strong {
  display: block;
  color: #214f8f;
  font-size: 16px;
}

.viral-angles p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.45;
}

body.theme-pop .viral-dashboard article:nth-child(1),
body.theme-pop .viral-hook-card {
  border-color: rgba(140, 62, 217, 0.24);
  background: linear-gradient(180deg, #ffffff, #f7f0ff);
}

body.theme-pop .viral-dashboard article:nth-child(2),
body.theme-pop .viral-angles article:nth-child(1) {
  border-color: rgba(224, 68, 154, 0.24);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .viral-dashboard article:nth-child(3),
body.theme-pop .viral-sprint-card,
body.theme-pop .viral-angles article:nth-child(2) {
  border-color: rgba(0, 166, 214, 0.24);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .viral-dashboard article:nth-child(4),
body.theme-pop .viral-angles article:nth-child(3) {
  border-color: rgba(241, 164, 22, 0.26);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

body.theme-pop .viral-angles article:nth-child(4) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

.trust-footer {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr) auto;
  gap: 16px;
  align-items: stretch;
  margin: 0 32px 48px;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 253, 0.92)),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(31, 78, 120, 0.035) 34px 35px);
  box-shadow: var(--shadow-panel);
  overflow: hidden;
}

.trust-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #214f8f, #00a6d6, #e0449a, #f1a416, #24be86);
}

.trust-brand {
  padding: 6px 2px;
}

.trust-brand h2,
.trust-brand p,
.trust-grid p {
  margin: 0;
}

.trust-brand h2 {
  margin-top: 10px;
  font-size: 22px;
  letter-spacing: 0;
}

.trust-brand p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.trust-grid article {
  min-height: 158px;
  padding: 13px;
  border: 1px solid rgba(197, 209, 222, 0.88);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
}

.trust-icon {
  width: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--blue);
  background: #edf6ff;
}

.trust-grid strong,
.trust-grid p {
  display: block;
}

.trust-grid strong {
  margin-top: 10px;
}

.trust-grid p {
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.trust-actions {
  display: grid;
  gap: 8px;
  align-content: center;
  min-width: 154px;
}

body.theme-pop .trust-footer {
  border-color: rgba(0, 166, 214, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 248, 255, 0.88) 42%, rgba(255, 240, 247, 0.74)),
    repeating-linear-gradient(135deg, transparent 0 28px, rgba(224, 68, 154, 0.038) 28px 29px);
}

body.theme-pop .trust-grid article:nth-child(1) {
  border-color: rgba(36, 190, 134, 0.24);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

body.theme-pop .trust-grid article:nth-child(1) .trust-icon {
  color: #0e8565;
  background: #e8fff5;
}

body.theme-pop .trust-grid article:nth-child(2) {
  border-color: rgba(224, 68, 154, 0.22);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .trust-grid article:nth-child(2) .trust-icon {
  color: #c34383;
  background: #fff0f7;
}

body.theme-pop .trust-grid article:nth-child(3) {
  border-color: rgba(241, 164, 22, 0.26);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

body.theme-pop .trust-grid article:nth-child(3) .trust-icon {
  color: #bd5b00;
  background: #fff8e9;
}

body.theme-pop .launch-hero {
  border-color: rgba(224, 68, 154, 0.18);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 248, 255, 0.92) 34%, rgba(255, 240, 247, 0.74) 65%, rgba(255, 248, 233, 0.92)),
    repeating-linear-gradient(135deg, transparent 0 24px, rgba(0, 166, 214, 0.04) 24px 25px);
}

body.theme-pop .pricing-card:nth-child(1) {
  border-color: rgba(0, 166, 214, 0.22);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

body.theme-pop .pricing-card:nth-child(2) {
  border-color: rgba(224, 68, 154, 0.28);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

body.theme-pop .pricing-card:nth-child(3) {
  border-color: rgba(241, 164, 22, 0.26);
  background: linear-gradient(180deg, #ffffff, #fff8e9);
}

.selected-list {
  margin-top: 14px;
  display: grid;
  gap: 8px;
  max-height: 260px;
  overflow: auto;
}

.selected-item {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  color: var(--muted);
  background: #ffffff;
  font-size: 13px;
  box-shadow: 0 6px 14px rgba(23, 32, 42, 0.04);
}

.selected-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-height: 24px;
  border-radius: 999px;
  background: linear-gradient(145deg, #eef6fb, #ffffff);
  color: var(--blue);
  font-weight: 700;
}

.selected-name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.selected-actions {
  display: inline-flex;
  gap: 4px;
}

.order-file,
.remove-file {
  width: 26px;
  min-height: 26px;
  border: 1px solid transparent;
  color: var(--muted);
  background: transparent;
}

.order-file {
  border-color: var(--line);
  background: #fff;
}

.order-file:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.order-file:not(:disabled):hover {
  color: var(--blue);
  border-color: var(--blue-2);
}

.remove-file:hover {
  color: var(--red);
}

.template-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.045);
}

.template-card input {
  display: none;
}

.template-card strong,
.template-card small {
  display: block;
}

.template-card small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.template-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.secondary.subtle {
  color: var(--muted);
  border-color: rgba(197, 209, 222, 0.9);
  background: #fff;
}

.template-mapper {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.04);
}

.mapper-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.mapper-heading strong,
.mapper-heading small {
  display: block;
}

.mapper-heading small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.mapping-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.map-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #fbfcfd;
  font-size: 13px;
  color: var(--ink);
}

.map-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.map-cell {
  width: 74px;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  text-transform: uppercase;
  letter-spacing: 0;
}

.map-cell.invalid {
  border-color: var(--red);
  box-shadow: 0 0 0 2px rgba(190, 61, 57, 0.12);
}

.option-row {
  position: relative;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.92);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
  overflow: hidden;
}

.option-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: rgba(31, 78, 120, 0.22);
}

.option-row:has(input:checked)::before {
  background: var(--green-2);
}

.option-row:hover {
  border-color: rgba(31, 78, 120, 0.32);
  box-shadow: var(--shadow-soft);
}

.option-row input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--blue);
}

.option-row.option-disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.stacking-options {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f9fcfd);
  box-shadow: 0 8px 18px rgba(23, 32, 42, 0.04);
}

.stacking-options-disabled {
  opacity: 0.7;
}

.stacking-options-disabled label {
  cursor: not-allowed;
}

.stacking-options > strong {
  display: block;
  margin-bottom: 8px;
}

.stacking-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.stacking-choice label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 9px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #fbfcfd;
  cursor: pointer;
}

.stacking-choice label:has(input:checked) {
  border-color: rgba(31, 78, 120, 0.4);
  background: #eef6fb;
}

.stacking-choice input {
  margin-top: 2px;
  accent-color: var(--blue);
}

.stacking-choice b,
.stacking-choice small {
  display: block;
}

.stacking-choice small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.option-row strong,
.option-row small {
  display: block;
}

.option-row small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.download-all {
  padding: 0 12px;
  border: 1px solid var(--blue);
  color: var(--blue);
  background: #ffffff;
  font-weight: 700;
  box-shadow: 0 8px 16px rgba(31, 78, 120, 0.08);
}

.download-all.disabled {
  pointer-events: none;
  color: #96a3b1;
  border-color: var(--line);
  background: #f5f7fa;
  box-shadow: none;
}

.progress-block {
  margin-bottom: 16px;
}

.progress-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 13px;
}

.progress-track {
  height: 12px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, #e4e9ef, #eef2f6);
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(23, 32, 42, 0.09);
}

.progress-fill {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, var(--green), var(--green-2));
  transition: width 180ms ease;
}

.batch-receipt {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(36, 190, 134, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 255, 247, 0.9)),
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(36, 190, 134, 0.04) 28px 29px);
  box-shadow: 0 12px 24px rgba(23, 32, 42, 0.055);
}

.batch-receipt[hidden] {
  display: none;
}

.batch-receipt small,
.batch-receipt h3,
.batch-receipt p {
  display: block;
  margin: 0;
}

.batch-receipt small {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.batch-receipt h3 {
  margin-top: 4px;
  font-size: 18px;
  letter-spacing: 0;
}

.batch-receipt p {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.4;
}

.receipt-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  gap: 8px;
}

.receipt-metrics span {
  min-height: 48px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 7px 10px;
  border: 1px solid rgba(197, 209, 222, 0.86);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.receipt-metrics b {
  color: var(--ink);
  font-size: 18px;
  line-height: 1;
}

body.theme-pop .batch-receipt {
  border-color: rgba(36, 190, 134, 0.28);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 255, 247, 0.9) 48%, rgba(237, 248, 255, 0.82)),
    repeating-linear-gradient(135deg, transparent 0 24px, rgba(36, 190, 134, 0.04) 24px 25px);
}

.launchpad {
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 253, 0.94)),
    repeating-linear-gradient(90deg, transparent 0 32px, rgba(31, 78, 120, 0.035) 32px 33px);
  box-shadow: 0 12px 24px rgba(23, 32, 42, 0.055);
}

.launch-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.launch-heading h3,
.launch-heading p {
  margin: 0;
}

.launch-heading h3 {
  font-size: 16px;
}

.launch-heading p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
}

.launch-heading > span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid #a8d8c9;
  border-radius: 999px;
  color: var(--green);
  background: #eefaf6;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.launch-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.launch-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.04);
}

.launch-icon {
  width: 42px;
  min-height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #eef6fb;
  color: var(--blue);
}

.launch-card.green .launch-icon {
  color: var(--green);
  background: #eefaf6;
}

.launch-card.gold .launch-icon {
  color: var(--gold);
  background: #fff8e9;
}

.launch-card small,
.launch-card strong,
.launch-card p {
  display: block;
  min-width: 0;
}

.launch-card small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.launch-card strong {
  margin-top: 3px;
  color: var(--ink);
  font-size: 15px;
  overflow-wrap: anywhere;
}

.launch-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.review-panel {
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background:
    linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 12px 24px rgba(23, 32, 42, 0.06);
}

.review-heading,
.review-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.review-heading {
  margin-bottom: 12px;
}

.review-heading h3,
.review-heading p {
  margin: 0;
}

.review-heading h3 {
  font-size: 16px;
}

.review-heading p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
}

.review-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.quality-summary {
  margin-bottom: 12px;
}

.quality-command {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.quality-command-card {
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background:
    linear-gradient(180deg, #ffffff, #f8fbfd);
  box-shadow: 0 8px 16px rgba(23, 32, 42, 0.045);
}

.quality-command-card.primary {
  border-color: #a8d8c9;
  background: linear-gradient(180deg, #eefaf6, #ffffff);
}

.quality-command-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.quality-command-card strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}

.quality-command-card.primary strong {
  color: var(--green);
}

.review-list {
  display: grid;
  gap: 12px;
  max-height: 580px;
  overflow: auto;
}

.review-card {
  padding: 12px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.05);
}

.review-card.error-card {
  border-color: rgba(190, 61, 57, 0.35);
  background: #fff8f8;
}

.review-card-head {
  margin-bottom: 10px;
}

.review-card-head strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.quality-gate {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  margin: 0 0 12px;
  padding: 10px;
  border: 1px solid #d7e1eb;
  border-radius: 8px;
  background:
    linear-gradient(135deg, #f8fbfd, #ffffff);
}

.quality-score {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 78px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65), 0 8px 16px rgba(23, 32, 42, 0.045);
}

.quality-score strong {
  font-size: 23px;
  line-height: 1;
}

.quality-score small {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 800;
}

.quality-score.ready {
  color: var(--green);
  border-color: #b9dfd2;
  background: #effaf6;
}

.quality-score.review {
  color: var(--amber);
  border-color: #f1d49f;
  background: #fff8e9;
}

.quality-score.risk {
  color: var(--red);
  border-color: #efb7b2;
  background: #fff1f0;
}

.quality-copy {
  min-width: 0;
}

.quality-copy strong,
.quality-copy p {
  margin: 0;
}

.quality-copy p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
}

.quality-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.quality-flags span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  color: var(--blue);
  background: #e8f1f8;
  box-shadow: inset 0 0 0 1px rgba(31, 78, 120, 0.05);
  font-size: 12px;
  font-weight: 800;
}

.review-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.review-field {
  display: grid;
  gap: 5px;
}

.review-field span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.review-field.field-warning span {
  color: var(--amber);
}

.review-field input,
.review-field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #cfd8e3;
  border-radius: 7px;
  background: #ffffff;
  color: var(--ink);
  letter-spacing: 0;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.review-field input:focus,
.review-field textarea:focus,
.map-cell:focus,
.field-stack select:focus,
.field-stack textarea:focus {
  outline: none;
  border-color: var(--blue-2);
  box-shadow: 0 0 0 3px rgba(47, 120, 173, 0.14);
}

.review-field.field-warning input,
.review-field.field-warning textarea {
  border-color: #e3b35c;
  background: #fffaf0;
}

.review-field input {
  min-height: 36px;
  padding: 7px 9px;
}

.review-field textarea {
  min-height: 76px;
  padding: 8px 9px;
  resize: vertical;
}

.table-wrap {
  overflow: auto;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(23, 32, 42, 0.055);
}

table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 14px;
}

th,
td {
  padding: 11px 12px;
  border-bottom: 1px solid #dbe3ec;
  text-align: left;
  vertical-align: top;
}

th {
  position: sticky;
  top: 0;
  color: #ffffff;
  background: linear-gradient(180deg, #245a86, var(--blue));
  font-size: 13px;
}

td {
  overflow-wrap: anywhere;
  background: #ffffff;
}

tbody tr:nth-child(even) td {
  background: #f9fbfd;
}

tbody tr:hover td {
  background: #eef6fb;
}

tr:last-child td {
  border-bottom: 0;
}

.empty-row td {
  color: var(--muted);
  text-align: center;
  padding: 36px 12px;
}

.file-link {
  color: var(--blue);
  font-weight: 700;
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.badge.done {
  color: var(--green);
  background: #eefaf6;
}

.badge.error {
  color: var(--red);
  background: #fdecec;
}

.badge.processing {
  color: var(--amber);
  background: #fff7e7;
}

.toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  max-width: min(420px, calc(100vw - 40px));
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  box-shadow: var(--shadow);
  transform: translateY(18px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
}

.toast.show {
  transform: translateY(0);
  opacity: 1;
}

.command-fab {
  position: fixed;
  left: 20px;
  bottom: 82px;
  z-index: 50;
  min-height: 44px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #214f8f, #00a6d6 42%, #e0449a);
  box-shadow: 0 16px 34px rgba(0, 166, 214, 0.22);
  font-weight: 900;
}

.command-fab svg {
  width: 17px;
  height: 17px;
}

.command-dock {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 23, 42, 0.38);
  backdrop-filter: blur(10px);
}

.command-dock[hidden] {
  display: none;
}

.command-panel {
  width: min(860px, calc(100vw - 40px));
  max-height: min(760px, calc(100vh - 40px));
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(197, 209, 222, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 248, 255, 0.92) 44%, rgba(255, 240, 247, 0.8)),
    repeating-linear-gradient(135deg, transparent 0 28px, rgba(224, 68, 154, 0.04) 28px 29px);
  box-shadow: 0 28px 72px rgba(15, 23, 42, 0.24);
}

.command-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.command-head h2,
.command-head p {
  margin: 0;
}

.command-head h2 {
  margin-top: 10px;
  font-size: 24px;
  letter-spacing: 0;
}

.command-head p {
  margin-top: 7px;
  color: var(--muted);
  line-height: 1.45;
}

.command-close {
  width: 38px;
  padding: 0;
  flex: 0 0 auto;
}

.command-search {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 16px;
  padding: 12px 13px;
  border: 1px solid rgba(0, 166, 214, 0.25);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 2px rgba(23, 32, 42, 0.04);
}

.command-search svg {
  color: var(--blue);
}

.command-search input {
  width: 100%;
  min-height: 28px;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
  font-size: 16px;
}

.command-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.command-actions button {
  display: grid;
  justify-content: stretch;
  justify-items: start;
  gap: 4px;
  min-height: 82px;
  padding: 13px;
  border: 1px solid rgba(197, 209, 222, 0.9);
  border-radius: 8px;
  color: var(--ink);
  background: linear-gradient(180deg, #ffffff, #f8fbfd);
  text-align: left;
  box-shadow: 0 10px 20px rgba(23, 32, 42, 0.045);
}

.command-actions button:nth-child(3n + 1) {
  border-color: rgba(0, 166, 214, 0.22);
  background: linear-gradient(180deg, #ffffff, #edf8ff);
}

.command-actions button:nth-child(3n + 2) {
  border-color: rgba(224, 68, 154, 0.22);
  background: linear-gradient(180deg, #ffffff, #fff0f7);
}

.command-actions button:nth-child(3n) {
  border-color: rgba(36, 190, 134, 0.22);
  background: linear-gradient(180deg, #ffffff, #edfff7);
}

.command-actions strong,
.command-actions span {
  display: block;
}

.command-actions span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.command-empty {
  margin-top: 14px;
  padding: 18px;
  border: 1px dashed rgba(154, 171, 192, 0.9);
  border-radius: 8px;
  color: var(--muted);
  text-align: center;
  background: rgba(255, 255, 255, 0.78);
}

.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 82px;
  z-index: 50;
  width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--blue), var(--green-2));
  box-shadow: 0 16px 34px rgba(31, 78, 120, 0.28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px) scale(0.94);
  transition: opacity 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.back-to-top.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.back-to-top.show.is-resting {
  opacity: 0.72;
  transform: translateY(0) scale(0.92);
}

.back-to-top.show.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.back-to-top:hover {
  box-shadow: 0 20px 40px rgba(31, 78, 120, 0.34);
  transform: translateY(-2px) scale(1);
}

.back-to-top svg {
  width: 19px;
  height: 19px;
}

body.theme-pop .back-to-top {
  background: linear-gradient(135deg, #214f8f, #e0449a 52%, #24be86);
  box-shadow: 0 16px 34px rgba(224, 68, 154, 0.22);
}

@media (max-width: 900px) {
  .app-header {
    align-items: flex-start;
    flex-direction: column;
    padding: 20px;
  }

  .header-status {
    justify-content: flex-start;
  }

  .brand-logo {
    width: min(330px, 88vw);
  }

  .workspace {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .app-tabs,
  .automation-shell,
  .boardroom-shell,
  .galaxy-shell,
  .portal-shell,
  .submission-shell,
  .interview-shell,
  .closing-shell,
  .theater-shell,
  .founder-shell,
  .viral-shell,
  .launch-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .app-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .app-tabs a {
    white-space: nowrap;
  }

  .workflow-ribbon {
    grid-template-columns: 1fr;
    margin: 14px 20px 0;
  }

  .assistant-guide {
    margin: 14px 20px 0;
  }

  .workflow-ribbon::before {
    display: none;
  }

  .workflow-grid,
  .assistant-guide,
  .guide-steps,
  .trust-footer,
  .trust-grid,
  .boardroom-hero,
  .boardroom-stats,
  .boardroom-grid,
  .boardroom-podium,
  .galaxy-hero,
  .galaxy-dashboard,
  .galaxy-insights,
  .galaxy-bottom-grid,
  .portal-hero,
  .portal-builder,
  .portal-cover,
  .portal-stat-grid,
  .portal-layout,
  .submission-hero,
  .submission-builder,
  .submission-dashboard,
  .submission-layout,
  .interview-hero,
  .interview-builder,
  .interview-dashboard,
  .interview-layout,
  .closing-hero,
  .closing-builder,
  .closing-dashboard,
  .closing-layout,
  .theater-hero,
  .theater-workbench,
  .theater-metric-wall,
  .theater-candidate-grid,
  .theater-action-list,
  .founder-hero,
  .founder-builder,
  .founder-dashboard,
  .founder-layout,
  .founder-funnel,
  .viral-hero,
  .viral-builder,
  .viral-dashboard,
  .viral-layout,
  .viral-angles,
  .metric-grid,
  .task-board,
  .screening-grid,
  .candidate-picker,
  .pricing-grid,
  .launch-lower-grid,
  .revenue-inputs {
    grid-template-columns: 1fr;
  }

  .launch-hero {
    grid-template-columns: 1fr;
  }

  .galaxy-map {
    min-height: 460px;
  }

  .galaxy-flight-board button {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .galaxy-flight-board small {
    grid-column: 2;
  }

  .portal-lead-score {
    width: 112px;
    min-height: 112px;
  }

  .portal-candidate-stack article {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .portal-candidate-stack em {
    grid-column: 2;
    justify-self: start;
  }

  .theater-slide {
    min-height: 360px;
    padding: 22px;
  }

  .theater-slide h3 {
    font-size: 32px;
  }

  .theater-controls {
    grid-template-columns: 1fr;
  }

  .theater-modal-controls {
    flex-wrap: wrap;
  }

  .launch-trust span {
    white-space: normal;
  }

  .trust-footer {
    margin: 0 20px 40px;
  }

  .recipe-strip {
    grid-template-columns: 1fr;
  }

  .template-card {
    grid-template-columns: 1fr;
  }

  .mapper-heading {
    display: grid;
  }

  .mapping-grid {
    grid-template-columns: 1fr;
  }

  .review-heading {
    display: grid;
  }

  .review-actions {
    justify-content: flex-start;
  }

  .quality-command {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .launch-heading {
    display: grid;
  }

  .launch-grid {
    grid-template-columns: 1fr;
  }

  .batch-receipt {
    grid-template-columns: 1fr;
  }

  .receipt-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .review-fields {
    grid-template-columns: 1fr;
  }

  .quality-gate {
    grid-template-columns: 1fr;
  }

  .quality-score {
    min-height: 64px;
  }

  .selected-item {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .selected-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  .stacking-choice {
    grid-template-columns: 1fr;
  }

  .template-actions {
    justify-content: flex-start;
  }

  .command-fab {
    left: 16px;
    bottom: 74px;
  }

  .command-actions {
    grid-template-columns: 1fr;
  }

  .command-head {
    display: grid;
  }

  .command-close {
    justify-self: end;
  }

  .back-to-top {
    right: 16px;
    bottom: 74px;
  }
}