/* Solo afecta a las vistas integradas; se mantienen las páginas independientes. */
html[data-embedded="true"] {
  color-scheme: light;
  --bg: #f5f2ea;
  --paper: #fffdfa;
  --ink: #23332e;
  --muted: #586a63;
  --mint: #15755e;
  --green: #15755e;
  --line: #dddcd2;
  --border: #dddcd2;
  --soft: #f2f3ed;
  --embed-input: #f7f8f4;
  --embed-note: #eef3eb;
  --embed-note-text: #3d6754;
  --embed-warning: #f9eee2;
  --embed-warning-text: #73563e;
}
html[data-embedded="true"][data-theme="original"] {
  color-scheme: dark;
  --bg: #0b1220; --paper: #121e30; --ink: #f5f8fc; --muted: #a0aec0;
  --mint: #80f0ca; --green: #80f0ca; --line: #2c3a4c; --border: #2c3a4c;
  --soft: #17263a; --embed-input: #0e1929; --embed-note: #172e32;
  --embed-note-text: #c5e8df; --embed-warning: #342d23; --embed-warning-text: #f1d4a7;
}
html[data-embedded="true"][data-theme="ocean"] {
  color-scheme: dark;
  --bg: #071f29; --paper: #102c38; --ink: #f0f9f7; --muted: #afc6ca;
  --mint: #7cf0d9; --green: #7cf0d9; --line: #305363; --border: #305363;
  --soft: #163847; --embed-input: #0b2531; --embed-note: #133f43;
  --embed-note-text: #ceece4; --embed-warning: #37332b; --embed-warning-text: #f1d4a7;
}
html[data-embedded="true"][data-theme="graphite"] {
  color-scheme: dark;
  --bg: #191c20; --paper: #252b30; --ink: #f3f4f2; --muted: #b5c0bd;
  --mint: #b2e8ce; --green: #b2e8ce; --line: #424c51; --border: #424c51;
  --soft: #2b343a; --embed-input: #1c2329; --embed-note: #2d4038;
  --embed-note-text: #d5eadd; --embed-warning: #3a342b; --embed-warning-text: #ecd5b1;
}
html[data-embedded="true"],
html[data-embedded="true"] body {
  margin: 0;
  min-width: 0;
  min-height: 0;
  background: transparent;
}
html[data-embedded="true"] body,
html[data-embedded="true"] .shell,
html[data-embedded="true"] .wrap { display: flow-root; }
html[data-embedded="true"] .shell,
html[data-embedded="true"] .wrap {
  width: 100%; max-width: none; margin: 0; padding: 0;
}
html[data-embedded="true"] .nav,
html[data-embedded="true"] .hero,
html[data-embedded="true"] .mode-tabs,
html[data-embedded="true"] .retire-mode-nav,
html[data-embedded="true"] .footer,
html[data-embedded="true"] .cf-privacy { display: none !important; }
html[data-embedded="true"] .grid { margin-top: 0; }
html[data-embedded="true"] .retire-focused > .card:first-child { position: static; }
html[data-embedded="true"] .workspace,
html[data-embedded="true"] .retire-focused { min-width: 0; }
html[data-embedded="true"] .workspace > *,
html[data-embedded="true"] .retire-focused > * { min-width: 0; }
html[data-embedded="true"] .fields,
html[data-embedded="true"] .fieldrow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-embedded="true"] .field { min-width: 0; }
html[data-embedded="true"] .field input,
html[data-embedded="true"] .field select,
html[data-embedded="true"] .pension-fields textarea {
  min-width: 0; max-width: 100%;
  background: var(--embed-input); color: var(--ink); border-color: var(--border);
}
html[data-embedded="true"] .stat,
html[data-embedded="true"] .pension-stats > div {
  background: var(--paper); border-color: var(--border);
}
html[data-embedded="true"] .note,
html[data-embedded="true"] .pension-hint {
  background: var(--embed-note); color: var(--embed-note-text);
}
html[data-embedded="true"] .pension-check {
  background: var(--soft); color: var(--ink); border-color: var(--border);
}
html[data-embedded="true"] .caveat {
  background: var(--embed-warning); color: var(--embed-warning-text); border-color: var(--border);
}
html[data-embedded="true"] .button,
html[data-embedded="true"] .pension-actions button {
  background: #15755e; color: #fff;
}
html[data-embedded="true"] .pension-actions button + button {
  background: var(--paper); color: var(--ink);
}
html[data-embedded="true"] .pension-audit-table th,
html[data-embedded="true"] .pension-audit-table td { border-color: var(--border); }
@media (max-width: 760px) {
  html[data-embedded="true"] .workspace,
  html[data-embedded="true"] .grid.retire-focused { grid-template-columns: minmax(0, 1fr); }
}