.rescue-page { min-width: 0; padding: clamp(22px, 3vw, 44px); }
.rescue-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 28px; margin-bottom: 18px; padding: clamp(6px, 1vw, 12px) 0; }
.rescue-hero h1 { margin: 8px 0 12px; font-size: clamp(2.6rem, 5.8vw, 5.4rem); line-height: .88; letter-spacing: -.07em; }
.rescue-hero h1 em { color: var(--green); font-style: normal; }
.rescue-hero p { max-width: 760px; margin: 0; color: var(--muted); font-size: .93rem; line-height: 1.6; }
.rescue-hero-seal { display: grid; grid-template-columns: auto auto; align-items: center; gap: 10px; width: 154px; height: 96px; padding: 18px; border: 1px solid rgba(76,224,168,.35); border-radius: 50%; color: var(--green); background: rgba(76,224,168,.06); transform: rotate(-4deg); }
.rescue-hero-seal strong { font-size: 2.7rem; line-height: 1; }
.rescue-hero-seal span { font: 850 .6rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; }

.rescue-source { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-bottom: 16px; padding: 18px 20px; border-color: rgba(74,217,245,.22); }
.rescue-source h2 { margin: 4px 0 5px; font-size: 1.12rem; }
.rescue-source p { margin: 0; color: var(--muted); font-size: .71rem; line-height: 1.45; }
.rescue-source-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.rescue-source-status { grid-column: 1 / -1; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.08); color: #9feeff !important; font: 750 .65rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }

.rescue-layout { display: grid; grid-template-columns: minmax(360px, .78fr) minmax(520px, 1.22fr); align-items: start; gap: 16px; }
.rescue-form, .rescue-report { min-width: 0; padding: clamp(19px, 2.4vw, 28px); }
.rescue-form > header { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.rescue-form h2, .rescue-report h2 { margin: 4px 0 0; font-size: 1.4rem; }
.rescue-form > header > span { color: #8fdbea; font: 750 .6rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: right; }
.rescue-input-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.rescue-input-grid label { display: grid; gap: 6px; min-width: 0; color: #b8c4d5; font-size: .67rem; font-weight: 800; }
.rescue-input-grid label > span { display: flex; justify-content: space-between; gap: 8px; }
.rescue-input-grid small { color: #718096; font-size: .56rem; font-weight: 700; text-transform: uppercase; }
.rescue-input-grid input, .rescue-input-grid select { width: 100%; min-width: 0; min-height: 43px; padding: 9px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; outline: 0; color: var(--text); background: #09111c; font-size: .78rem; font-weight: 750; }
.rescue-input-grid input:focus, .rescue-input-grid select:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(74,217,245,.08); }
.rescue-advanced { margin-top: 15px; border-top: 1px solid rgba(255,255,255,.08); }
.rescue-advanced summary { padding: 14px 0 3px; color: #aab7c9; cursor: pointer; font-size: .69rem; font-weight: 800; }
.rescue-input-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 10px; }
.rescue-form-note { margin: 10px 0 0; color: #78879b; font-size: .62rem; line-height: 1.5; }

.rescue-report { border-color: rgba(76,224,168,.2); background: radial-gradient(circle at 90% 0, rgba(76,224,168,.09), transparent 30%), var(--panel); }
.rescue-score-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.09); }
.rescue-score-header p { max-width: 580px; margin: 7px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.rescue-score { display: flex; align-items: baseline; gap: 4px; flex: 0 0 auto; color: var(--gold); }
.rescue-score strong { font-size: clamp(2.5rem, 4vw, 4.4rem); line-height: .8; letter-spacing: -.07em; }
.rescue-score span { color: var(--muted); font-size: .7rem; }
.rescue-score[data-rescue-score-level="critical"] { color: var(--danger); }
.rescue-score[data-rescue-score-level="at-risk"] { color: #ff9b68; }
.rescue-score[data-rescue-score-level="healthy"] { color: var(--green); }
.rescue-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 15px 0; }
.rescue-metrics article { min-width: 0; padding: 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(5,10,17,.48); }
.rescue-metrics span, .rescue-metrics strong, .rescue-metrics small { display: block; }
.rescue-metrics span { color: var(--muted); font: 750 .54rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; text-transform: uppercase; }
.rescue-metrics strong { margin: 7px 0 4px; color: var(--green); overflow-wrap: anywhere; font-size: 1rem; }
.rescue-metrics small { color: #718096; font-size: .56rem; line-height: 1.35; }
.rescue-metrics article.is-negative strong { color: var(--danger); }
.rescue-primary { padding: 16px 18px; border: 1px solid rgba(255,181,46,.25); border-left: 4px solid var(--gold); border-radius: 9px; background: rgba(255,181,46,.055); }
.rescue-primary[data-severity="critical"] { border-color: rgba(255,129,118,.25); border-left-color: var(--danger); background: rgba(255,129,118,.05); }
.rescue-primary > span { color: var(--gold); font: 900 .55rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.rescue-primary[data-severity="critical"] > span { color: var(--danger); }
.rescue-primary h3 { margin: 6px 0; font-size: 1.18rem; }
.rescue-primary p { margin: 0; color: #aab7c9; font-size: .7rem; line-height: 1.5; }
.rescue-actions { display: grid; gap: 8px; margin-top: 13px; }
.rescue-actions article { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(7,12,20,.54); }
.rescue-actions article > span { color: #5d6b7f; font: 900 .68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.rescue-actions h3 { margin: 0 0 4px; font-size: .8rem; }
.rescue-actions p { margin: 0; color: var(--muted); font-size: .62rem; line-height: 1.45; }
.rescue-actions a { max-width: 145px; color: var(--cyan); font-size: .6rem; font-weight: 850; text-align: right; }
.rescue-actions article[data-severity="critical"] h3 { color: #ff9b91; }
.rescue-actions article[data-severity="healthy"] h3 { color: var(--green); }
.rescue-after { margin-top: 15px; padding: 16px; border: 1px solid rgba(76,224,168,.2); border-radius: 10px; background: rgba(76,224,168,.045); }
.rescue-after header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.rescue-after h3 { margin: 4px 0 0; font-size: 1rem; }
.rescue-after header > strong { color: var(--green); font-size: 1rem; white-space: nowrap; }
.rescue-after > div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.07); color: var(--muted); font-size: .68rem; }
.rescue-after b { color: #dff9ef; }
.rescue-after p { margin: 10px 0 0; color: #718096; font-size: .58rem; line-height: 1.45; }
.rescue-disclaimer { margin-top: 16px; padding: 13px 16px; border-left: 3px solid var(--cyan); color: #8391a5; background: rgba(74,217,245,.04); font-size: .64rem; line-height: 1.5; }

@media (min-width: 1101px) { body[data-page="profit-rescue"] .workspace-shell { grid-template-columns: 330px minmax(0, 1fr); } }
@media (max-width: 1050px) { .rescue-layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .rescue-page { padding: 18px 12px 30px; }
  .rescue-hero { grid-template-columns: 1fr; }
  .rescue-hero-seal { display: none; }
  .rescue-source { grid-template-columns: 1fr; }
  .rescue-source-actions { justify-content: flex-start; }
  .rescue-source-status { grid-column: 1; }
  .rescue-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .rescue-input-grid, .rescue-input-grid.compact { grid-template-columns: 1fr; }
  .rescue-score-header { align-items: flex-start; }
  .rescue-actions article { grid-template-columns: 28px minmax(0, 1fr); }
  .rescue-actions a { grid-column: 2; max-width: none; text-align: left; }
}
