.mission-page { background: #f6f8f7; }
.mission-page .workspace { max-width: 1800px; }
.mission-page .topbar h1 { font-size: 36px; line-height: 1.15; letter-spacing: 0; }
.mission-page .topbar { gap: 24px; padding-bottom: 24px; border-bottom: 1px solid #dae2de; }
.mission-page .topbar > div:first-child { flex: 1; min-width: 0; }
.mission-page .top-actions { flex-wrap: wrap; max-width: 460px; justify-content: flex-end; }
.mission-page .mission-intro { margin: 10px 0 0; font-size: 19px; color: #5b6a64; }
.mission-page .saved-clients { display: flex; align-items: center; gap: 12px; margin-top: 22px; }
.mission-page .saved-clients span { flex-shrink: 0; font-size: 14px; }
.mission-page .saved-clients select { width: 340px; max-width: 100%; background: #fff; font-size: 18px; font-weight: 600; }
.mission-page .sidebar-card { background: none; border-width: 1px 0 0; border-radius: 0; padding: 18px 12px 0; }
.mission-page .sidebar-card .eyebrow { color: #a3bcb1; font-size: 13px; }
.mission-page .sidebar-card strong { font-size: 32px; }
.mission-page .sidebar-card span { font-size: 16px; }
.mission-page .launch-command { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; gap: 18px; margin-bottom: 28px; }
.mission-section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.mission-section-head .eyebrow { font-size: 14px; }
.mission-text-action { display: inline-flex; align-items: center; gap: 8px; padding: 6px 0; border: 0; background: none; color: #176c54; font-size: 18px; font-weight: 650; text-align: left; }
.mission-text-action:hover { color: #102f25; text-decoration: underline; }
.mission-text-action > span { font-size: 23px; line-height: 1; }
.mission-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 22px 0; border-block: 1px solid #dbe4df; background: #fff; }
.mission-metrics > div { min-width: 0; padding: 0 24px; border-right: 1px solid #e3e9e5; }
.mission-metrics > div:last-child { border-right: 0; }
.mission-metrics dt { color: #4e6058; font-size: 16px; font-weight: 600; }
.mission-metrics dd { margin: 6px 0; font-size: 40px; line-height: 1.15; font-weight: 650; font-variant-numeric: tabular-nums; }
.mission-metrics small { color: #718078; font-size: 14px; }
.mission-metrics > div:nth-child(2) dd { color: #917024; }
.mission-metrics > div:nth-child(3) dd { color: #386487; }
.mission-metrics > div:nth-child(4) dd { color: #24745b; }
.mission-page .mission-intelligence { gap: 22px; margin-bottom: 30px; }
.mission-page .intelligence-hero, .mission-page .score-explainer { border: 0; border-radius: 0; background: none; box-shadow: none; padding: 0; }
.mission-page .intelligence-hero { grid-template-columns: minmax(0, 1fr) 170px; gap: 26px; }
.mission-page .intelligence-hero .eyebrow { font-size: 14px; }
.mission-page .intelligence-hero h2 { margin-top: 8px; font-size: 28px; line-height: 1.25; }
.mission-page .intelligence-current-user { font-size: 16px; }
.mission-page .intelligence-current-user strong { font-size: 17px; }
.mission-page [data-intelligence-user-email] { overflow-wrap: anywhere; }
.mission-page [data-intelligence-summary] { font-size: 18px; max-width: 72ch; }
.mission-page .intelligence-user-meta { gap: 14px; margin-top: 8px; }
.mission-page .intelligence-user-meta span { border: 0; background: none; padding: 0; border-radius: 0; color: #64746b; font-size: 14px; font-weight: 500; }
.mission-page .signal-ring { width: 140px; background: radial-gradient(circle at center, #f6f8f7 0 59%, transparent 60%), conic-gradient(#1a8060 0 calc(var(--score, 0) * 1%), #e1e9e4 calc(var(--score, 0) * 1%) 100%); }
.mission-page .signal-ring strong { font-size: 40px; }
.mission-page .signal-ring span { font-size: 12px; margin-top: 46px; color: #446055; }
.mission-page .intelligence-score-panel { justify-items: center; }
.mission-page .signal-ring { justify-self: center; }
.mission-page .intelligence-score-status { font-size: 14px; font-weight: 500; color: #4e6358 !important; }
.mission-page .score-explainer-head { align-items: center; }
.mission-page .score-explainer-head h3 { margin: 0; font-size: 20px; font-weight: 650; }
.mission-page .score-explainer-head > p { font-size: 16px; }
.mission-page .score-factor-grid { gap: 14px; margin-top: 16px; }
.mission-page .score-factor { --tool-color: #19765b; padding: 20px; background: #fff; border-color: #dce5df; border-top: 3px solid var(--tool-color); display: flex; flex-direction: column; gap: 12px; transition: border-color 150ms, box-shadow 150ms; }
.mission-page .score-factor:nth-child(2) { --tool-color: #a27b29; }
.mission-page .score-factor:nth-child(3) { --tool-color: #457599; }
.mission-page .score-factor:nth-child(4) { --tool-color: #68716b; }
.mission-page .score-factor:hover { border-color: var(--tool-color); box-shadow: 0 5px 18px #1834280a; }
.mission-page .score-factor span { letter-spacing: 0; }
.mission-page .mission-tool-top { flex-wrap: wrap; align-items: center; }
.mission-page .mission-tool-top span { font-weight: 650; color: var(--tool-color); font-size: 13px; }
.mission-page .mission-tool-top strong { color: #3d5147; font-size: 16px; font-weight: 600; }
.mission-page .score-factor h4 { margin: 0; font-size: 21px; line-height: 1.3; color: #18372b; }
.mission-page .score-factor p { font-size: 16px; line-height: 1.55; }
.mission-page .score-factor .mission-tool-description { color: #40594d; min-height: 62px; }
.mission-page .score-factor p:not(.mission-tool-description) { margin-top: auto !important; padding-top: 12px; border-top: 1px solid #ecf0ed; min-height: 65px; }
.mission-page .metric-bar { height: 5px; background: #e7ece9; }
.mission-page .score-factor .metric-bar::before { background: var(--tool-color); }
.mission-tool-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 6px; color: #1b6b50; font-size: 16px; line-height: 1.4; font-weight: 650; text-decoration: none; }
.mission-page .mission-tool-link span { color: inherit; font-size: 20px; }
.mission-tool-link:hover { text-decoration: underline; }
.mission-score-method { margin-top: 16px; color: #63756a; font-size: 16px; }
.mission-score-method summary { cursor: pointer; width: fit-content; padding: 6px 0; color: #3c5a4b; }
.mission-score-method ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 30px; padding-left: 18px; line-height: 1.6; }
.mission-page .mission-score-method p { font-size: 16px; max-width: 95ch; }
.mission-studio-feature { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: 40px; padding: 28px 0; margin-bottom: 24px; border-block: 1px solid #d9e3dc; }
.mission-studio-copy .eyebrow { font-size: 14px; }
.mission-studio-copy h2 { margin-top: 10px; max-width: 30ch; font-size: 30px; line-height: 1.25; }
.mission-studio-copy > p:not(.eyebrow) { font-size: 18px; line-height: 1.65; color: #5c7063; max-width: 46ch; margin: 14px 0; }
.mission-model-facts { display: flex; flex-wrap: wrap; gap: 28px; margin: 20px 0; }
.mission-model-facts dt { font-size: 13px; text-transform: uppercase; color: #758278; }
.mission-model-facts dd { margin: 4px 0 0; font-size: 22px; font-weight: 600; }
.mission-studio-copy .primary-link { gap: 18px; font-size: 17px; min-height: 48px; }
.mission-studio-copy > small { display: block; max-width: 48ch; margin-top: 12px; color: #66776c; font-size: 14px; line-height: 1.5; }
.mission-model-preview { margin: 0; min-width: 0; }
.mission-model-preview a { display: block; border-radius: 6px; overflow: hidden; border: 1px solid #d2dfd7; }
.mission-model-preview img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.mission-model-preview figcaption { display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: space-between; margin-top: 10px; font-size: 14px; color: #65756b; }
.mission-model-preview figcaption strong { color: #365543; font-weight: 600; }
.mission-page .client-property-portfolio { border: 0; border-radius: 0; background: none; padding: 0; box-shadow: none; }
.mission-page[data-current-view="mission"] .client-property-portfolio { display: grid; }
.mission-page .client-portfolio-head .eyebrow { font-size: 14px; }
.mission-page .client-portfolio-head h2 { font-size: 25px; margin-top: 7px; }
.mission-page .client-portfolio-property-details strong { font-size: 18px; }
.mission-page .client-portfolio-property-details small,
.mission-page .client-portfolio-client small,
.mission-page .client-portfolio-property-actions { font-size: 15px; }
.mission-page :is(a, button, summary, select):focus-visible { outline: 3px solid #4485ae; outline-offset: 4px; }
.mission-page:not([data-current-view="mission"]) .mission-studio-feature,
.mission-page:not([data-current-view="mission"]) .mission-intro { display: none; }
@media (min-width: 1181px) {
  .mission-page .sidebar { overflow-y: auto; }
}
@media (max-width: 1350px) {
  .mission-page .score-factor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mission-page .score-factor .mission-tool-description { min-height: 40px; }
  .mission-page .score-factor p:not(.mission-tool-description) { min-height: 54px; }
}
@media (max-width: 760px) {
  .mission-page .workspace { padding: 20px 16px; }
  .mission-page .topbar { flex-direction: column; gap: 16px; }
  .mission-page .topbar > div { width: 100%; }
  .mission-page .topbar h1 { font-size: 32px; }
  .mission-page .top-actions { flex-direction: row; flex-wrap: wrap; max-width: none; justify-content: flex-start; gap: 8px; }
  .mission-page .top-actions .secondary-link { flex: 1 1 100%; width: fit-content; }
  .mission-page .top-actions .client-import-status:empty { display: none; }
  .mission-section-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .mission-metrics { grid-template-columns: 1fr 1fr; row-gap: 22px; }
  .mission-metrics > div { padding: 0 16px; }
  .mission-metrics > div:nth-child(2) { border-right: 0; }
  .mission-metrics dt { font-size: 16px; }
  .mission-metrics dd { font-size: 36px; }
  .mission-page .intelligence-hero { grid-template-columns: 1fr; gap: 16px; }
  .mission-page .intelligence-hero h2 { font-size: 26px; }
  .mission-page .intelligence-score-panel { grid-template-columns: 124px 1fr; justify-items: start; gap: 18px; }
  .mission-page .signal-ring { width: 124px; }
  .mission-page .signal-ring strong { font-size: 36px; }
  .mission-page .signal-ring span { font-size: 11px; margin-top: 40px; }
  .mission-page .intelligence-score-status { text-align: left; align-self: center; }
  .mission-page .score-explainer-head { flex-direction: column; align-items: flex-start; gap: 8px; }
  .mission-page .score-factor-grid { grid-template-columns: 1fr 1fr; }
  .mission-page .score-factor { padding: 16px; }
  .mission-page .score-factor h4 { font-size: 21px; }
  .mission-score-method ul { grid-template-columns: 1fr; }
  .mission-studio-feature { grid-template-columns: 1fr; gap: 24px; }
  .mission-studio-copy h2 { font-size: 28px; }
}
@media (max-width: 480px) {
  .mission-page .score-factor-grid { grid-template-columns: 1fr; }
  .mission-page .score-factor .mission-tool-description { min-height: 0; }
  .mission-page .score-factor p:not(.mission-tool-description) { min-height: 0; }
  .mission-page .saved-clients { flex-direction: column; align-items: flex-start; gap: 8px; }
  .mission-page .saved-clients select { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .mission-page .score-factor { transition: none; }
}