/* ═══════════════════════════════════════════════════════════════
   MPH+ · APPS DE PRÁCTICA (Motor de escenarios, Juego diagnóstico,
   Tarjeta de evaluación). Se carga DESPUÉS de member.css y de la hoja
   propia de cada app. Solo presentación: no toca motores ni tests.

   Reglas: el verde queda reservado a "correcto" (semántica clínica).
   El ámbar marca lo que es de la suscripción y el estado activo.
   El rojo es la acción principal. Los textos grises suben de contraste.
═══════════════════════════════════════════════════════════════ */

body.mx-apps {
  --gray: #9FB0C2; --gray-dim: #8196AB;
  background:
    radial-gradient(1000px 360px at 50% -140px, rgba(204, 41, 54, .12), transparent 72%),
    var(--mx-ink);
}
body.mx-apps .mx-bar__in { padding: 0 16px; }
body.mx-apps--sc .mx-bar__in, body.mx-apps--dg .mx-bar__in { max-width: 860px; }
body.mx-apps--ac .mx-bar__in { max-width: 1100px; }
@media (max-width: 900px) { body.mx-apps .mx-status__s { display: none; } }

/* Ficha MPH+ dentro del contenedor de cada app */
body.mx-apps .mx-plate { margin: 30px 0 22px; animation: mx-rise 700ms var(--mx-ease) both; }
body.mx-apps--sc .mx-plate { margin: 0 0 20px; }

/* Botón principal = acción = rojo de la plataforma */
body.mx-apps .btn--primary {
  background: var(--mx-red); color: #fff; font-family: var(--mx-d); font-weight: 700;
  font-size: 1.05rem; letter-spacing: .06em; text-transform: uppercase; border-radius: 6px; padding: 10px 22px;
}
body.mx-apps .btn--primary:hover { background: #A8202B; opacity: 1; }
body.mx-apps .btn--secondary, body.mx-apps .btn--ghost { border-radius: 6px; }
body.mx-apps .btn:focus-visible, body.mx-apps a:focus-visible, body.mx-apps button:focus-visible,
body.mx-apps input:focus-visible, body.mx-apps select:focus-visible, body.mx-apps textarea:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ── MOTOR DE ESCENARIOS ───────────────────────────────────── */
body.mx-apps--sc .selector-screen { background: transparent; padding: 0 0 56px; }
body.mx-apps--sc .selector-header { padding: 34px 20px 36px; margin-bottom: 30px; border-bottom: 1px solid var(--mx-line); overflow: visible; }
body.mx-apps--sc .selector-header__title {
  font-size: clamp(44px, 7vw, 84px); line-height: .9; letter-spacing: .003em; margin: 0 0 18px; color: #fff;
}
body.mx-apps--sc .selector-header__lead { max-width: 52ch; margin: 0 0 22px; font-size: 17px; line-height: 1.6; color: var(--mx-t2); }
body.mx-apps--sc .selector-header__meta { border-top: 1px solid var(--mx-line); padding-top: 16px; }
body.mx-apps--sc .selector-header__count { font-size: 14px; letter-spacing: .1em; color: var(--mx-t2); }
body.mx-apps--sc .selector-header__count strong { color: var(--mx-amber); }
body.mx-apps--sc .selector-grid { gap: 14px; }
/* Tarjetas: un único lenguaje. La categoría queda en la etiqueta, no en un arcoíris de bordes */
body.mx-apps--sc .scenario-card, body.mx-apps--sc .scenario-card[class*="--"] {
  border: 1px solid rgba(240, 242, 244, .13); border-top: 2px solid rgba(240, 242, 244, .22); border-left: 1px solid rgba(240, 242, 244, .13);
  border-radius: 8px; padding: 22px 22px 20px; background: var(--mx-ink-2);
  transition: border-color 180ms, transform 240ms var(--mx-ease), background-color 180ms;
}
body.mx-apps--sc .scenario-card:hover { border-color: rgba(240, 242, 244, .34); border-top-color: var(--mx-red); transform: translateY(-3px); background: var(--mx-ink-3); }
body.mx-apps--sc .scenario-card__num { font-size: 12.5px; letter-spacing: .1em; color: var(--mx-t2); background: rgba(240, 242, 244, .06); padding: 3px 9px; align-self: flex-start; }
body.mx-apps--sc .scenario-card__title { font-size: 23px; line-height: 1.12; }
body.mx-apps--sc .scenario-card__desc { font-size: 15.5px; line-height: 1.55; color: var(--mx-t2); }
body.mx-apps--sc .scenario-card__action { font-size: 14px; color: var(--mx-amber); letter-spacing: .1em; }
body.mx-apps--sc .scenario-card:hover .scenario-card__action { color: #fff; }
body.mx-apps--sc .scenario-header { top: var(--mx-nav) !important; }

/* ── JUEGO DIAGNÓSTICO ─────────────────────────────────────── */
body.mx-apps--dg #dg-shell { padding-bottom: 72px; }
body.mx-apps--dg .dg-nav { padding: 0; margin: 0; border: 0; justify-content: flex-end; }
body.mx-apps--dg .dg-nav > div:first-child { display: none !important; }
body.mx-apps--dg #dg-btn-restart { margin: 0 0 18px; }
body.mx-apps--dg #dg-start-screen { padding-top: 18px; }
body.mx-apps--dg .dg-start-logo { font-size: clamp(44px, 8vw, 88px); line-height: .92; letter-spacing: .003em; }
body.mx-apps--dg .dg-start-logo span { color: #E03A48; }
body.mx-apps--dg .dg-start-sub { font-size: 17px; line-height: 1.6; color: var(--mx-t2); }
body.mx-apps--dg .dg-start-meta-item { border-color: rgba(240, 242, 244, .16); border-radius: 6px; font-size: 13px; color: var(--mx-t2); }
body.mx-apps--dg .dg-progress__fill { background: var(--mx-amber); }
body.mx-apps--dg .dg-option-btn.is-selected { border-color: rgba(240, 242, 244, .75); background: rgba(240, 242, 244, .07); }

/* ── TARJETA DE EVALUACIÓN ─────────────────────────────────── */
body.mx-apps--ac .ac-nav { top: var(--mx-nav); padding: 12px 0; }
body.mx-apps--ac .ac-nav > div:first-child { display: none !important; }
body.mx-apps--ac .ac-nav { justify-content: flex-end; }
body.mx-apps--ac .ac-tabs-wrap { top: calc(var(--mx-nav) + 53px); }
body.mx-apps--ac .ac-tab.is-active { border-bottom-color: var(--mx-amber); }
body.mx-apps--ac .ac-tab-dot { background: var(--mx-amber); }
body.mx-apps--ac input:focus, body.mx-apps--ac select:focus, body.mx-apps--ac textarea:focus { border-color: var(--mx-amber); }
body.mx-apps--ac .ac-label { font-size: .8rem; color: var(--mx-t2); }
body.mx-apps--ac .ac-disclaimer { color: var(--mx-t2); }
body.mx-apps--ac .ac-file-label:hover { border-color: var(--mx-amber); background: rgba(232, 150, 12, .06); }

body.mx-apps input::placeholder, body.mx-apps textarea::placeholder { color: #7F93A8; opacity: 1; }

/* (bloque reduced-motion retirado) */


/* ═══════════════════════════════════════════════════════════════
   CONSOLA v2 — profundidad, vidrio y movimiento para las 3 apps.
   Misma gramática que member-ui.css (herramientas): lienzo con rejilla,
   superficies con degradé y borde de luz, controles de alto único.
═══════════════════════════════════════════════════════════════ */
body.mx-apps {
  --mx-s1: linear-gradient(165deg, #20364c 0%, #162a3e 100%);
  --mx-s2: linear-gradient(165deg, #2b4660 0%, #1f364d 100%);
  --mx-card-line: rgba(255, 255, 255, .09);
  --mx-card-sh: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 22px 44px -26px rgba(0, 0, 0, .75);
  background-color: #08121d;
  background-image:
    radial-gradient(1100px 520px at 8% -6%, rgba(204, 41, 54, .16), transparent 70%),
    radial-gradient(900px 600px at 105% 38%, rgba(232, 150, 12, .07), transparent 72%),
    linear-gradient(180deg, #0b1827 0%, #08121d 55%, #070f18 100%);
  position: relative; overflow-x: hidden;
}
body.mx-apps::before {
  content: ''; position: absolute; left: 0; right: 0; top: 0; height: 900px; z-index: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 70% 100% at 50% 0%, #000 20%, transparent 78%);
  mask-image: radial-gradient(ellipse 70% 100% at 50% 0%, #000 20%, transparent 78%);
}
body.mx-apps > *:not(script):not(style):not(#mph-topbar):not(.mx-gate) { position: relative; z-index: 1; }
body.mx-apps .mx-bar { background: rgba(8, 18, 29, .86); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/* Ficha como en las herramientas */
body.mx-apps .mx-plate { border: 0; padding: 0; gap: 10px 12px; font-size: 12.5px; }
body.mx-apps .mx-plate > .mx-seal { display: none; }
body.mx-apps .mx-plate::before {
  content: ''; width: 18px; height: 18px; flex: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='%23E8960C'/%3E%3Cpath d='M12 6.2v11.6M6.2 12h11.6' stroke='%230D1B2A' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.mx-apps .mx-plate b { margin-left: auto; font-weight: 700; letter-spacing: .12em; color: #fff; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }

/* Botón principal con volumen */
body.mx-apps .btn--primary, body.mx-apps .btn-primary, body.mx-apps .btn-continue {
  background: linear-gradient(180deg, #e0394a 0%, #b91f2c 100%); color: #fff; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; min-height: 48px;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 12px 26px -12px rgba(204,41,54,.85);
  transition: transform .22s var(--mx-ease), box-shadow .22s, filter .2s;
}
body.mx-apps .btn--primary:hover, body.mx-apps .btn-primary:hover, body.mx-apps .btn-continue:hover { transform: translateY(-2px); filter: brightness(1.08); opacity: 1; background: linear-gradient(180deg, #e0394a 0%, #b91f2c 100%); }
body.mx-apps .btn--primary:disabled { filter: saturate(.4) brightness(.8); box-shadow: none; transform: none; }
body.mx-apps .btn--secondary, body.mx-apps .btn--ghost, body.mx-apps .btn-ghost { border-radius: 10px; min-height: 44px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.18); color: #E7EDF3; }

/* Entrada escalonada */
@keyframes mx-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
body.mx-apps .mx-up, body.mx-apps--dg #dg-case-area > *, body.mx-apps--sc .scenario-main > * { animation: mx-up .7s var(--mx-ease) both; }
body.mx-apps--dg #dg-case-area > *:nth-child(2) { animation-delay: .06s; } body.mx-apps--dg #dg-case-area > *:nth-child(3) { animation-delay: .12s; }
body.mx-apps--dg #dg-case-area > *:nth-child(4) { animation-delay: .18s; } body.mx-apps--dg #dg-case-area > *:nth-child(5) { animation-delay: .24s; }

/* ── JUEGO DIAGNÓSTICO ─────────────────────────────────────── */
body.mx-apps--dg { --surface-2: #26405a; --surface-3: #31506e; --field-surface: #19304a; }
body.mx-apps--dg .dg-start-logo { background: linear-gradient(180deg, #fff 55%, #cdd8e3 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.mx-apps--dg .dg-start-logo span { -webkit-text-fill-color: #E03A48; }
body.mx-apps--dg .dg-start-meta-item { background: var(--mx-s1); border: 1px solid var(--mx-card-line); box-shadow: var(--mx-card-sh); border-radius: 12px; min-width: 104px; }
body.mx-apps--dg .dg-start-meta-item strong { font-size: 1.8rem; }
body.mx-apps--dg .dg-progress__bar { height: 6px; background: rgba(255,255,255,.08); }
body.mx-apps--dg .dg-progress__fill { background: linear-gradient(90deg, #E8960C, #F5B454); box-shadow: 0 0 14px rgba(232,150,12,.6); }
body.mx-apps--dg .dg-case-title { font-size: clamp(1.9rem, 4.6vw, 2.8rem); line-height: 1; }
body.mx-apps--dg .dg-cat-badge, body.mx-apps--dg .dg-difficulty { border-radius: 999px; padding: 5px 12px; }
body.mx-apps--dg .dg-scene-strip { background: var(--mx-s1); border: 1px solid var(--mx-card-line); border-radius: 12px; padding: 12px 16px; box-shadow: var(--mx-card-sh); }
body.mx-apps--dg .dg-scene-desc { font-size: 1.02rem; color: #c3cfdb; line-height: 1.65; }
body.mx-apps--dg .dg-info-col, body.mx-apps--dg .dg-content-grid > div:first-child {
  background: linear-gradient(165deg, rgba(255,255,255,.045), rgba(255,255,255,.015)); border: 1px solid var(--mx-card-line); border-radius: 14px; padding: 20px 20px 6px; box-shadow: var(--mx-card-sh);
}
body.mx-apps--dg .dg-section-title { color: var(--mx-amber); font-size: .78rem; }
body.mx-apps--dg .dg-patient-row { font-size: .95rem; }
body.mx-apps--dg .dg-pr-value { color: #fff; }
body.mx-apps--dg .dg-chief-complaint { font-size: 1.12rem; color: #fff; }
body.mx-apps--dg .dg-body-text, body.mx-apps--dg .dg-antecedents li { color: #c3cfdb; font-size: .95rem; }
body.mx-apps--dg .dg-monitor, body.mx-apps--dg .dg-multi-monitor {
  background: radial-gradient(300px 160px at 50% 0%, rgba(77,201,204,.10), transparent 70%), linear-gradient(165deg, #0e1c2b, #0a1522);
  border: 1px solid rgba(77,201,204,.22); border-radius: 14px; box-shadow: var(--mx-card-sh), 0 0 0 1px rgba(0,0,0,.4);
}
body.mx-apps--dg .dg-ecg-strip { background: #07111b; border-color: rgba(111,207,151,.22); border-radius: 8px; box-shadow: 0 0 24px -8px rgba(111,207,151,.35) inset; }
body.mx-apps--dg .dg-ecg-strip svg { height: 72px; }
body.mx-apps--dg .dg-vital { background: linear-gradient(165deg, #172c42, #112336); border-radius: 8px; border-left-width: 3px; padding: 10px 12px; }
body.mx-apps--dg .dg-vital-value { font-size: 1.3rem; white-space: nowrap; color: #fff; font-variant-numeric: tabular-nums; }
body.mx-apps--dg .dg-vital-label { color: #8fb0c9; }
body.mx-apps--dg .dg-findings-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
body.mx-apps--dg .dg-findings-list li { background: var(--mx-s1); border: 1px solid var(--mx-card-line); border-left: 3px solid var(--mx-amber); border-radius: 10px; padding: 11px 14px; color: #E7EDF3; }
body.mx-apps--dg .dg-question { background: var(--mx-s1); border: 1px solid var(--mx-card-line); border-left: 4px solid var(--mx-red); border-radius: 12px; padding: 18px 20px; font-size: clamp(1.15rem, 2.6vw, 1.45rem); box-shadow: var(--mx-card-sh); }
body.mx-apps--dg .dg-option-btn { background: var(--mx-s1); border: 1px solid var(--mx-card-line); border-radius: 12px; padding: 14px 16px; min-height: 56px; font-size: 1rem; align-items: center; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset; transition: transform .2s var(--mx-ease), border-color .2s, background .2s; }
body.mx-apps--dg .dg-option-btn:hover { transform: translateX(4px); border-color: rgba(232,150,12,.55); background: var(--mx-s2); }
body.mx-apps--dg .dg-option-letter { width: 32px; height: 32px; min-width: 32px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); font-size: 1rem; margin-top: 0; }
body.mx-apps--dg .dg-option-btn.is-selected { border-color: var(--mx-amber); background: rgba(232,150,12,.10); box-shadow: 0 0 0 1px var(--mx-amber) inset; }
body.mx-apps--dg .dg-option-btn.is-selected .dg-option-letter { background: var(--mx-amber); color: #0D1B2A; border-color: var(--mx-amber); }
body.mx-apps--dg .dg-feedback { border-radius: 14px; box-shadow: var(--mx-card-sh); background: linear-gradient(165deg, rgba(255,255,255,.045), rgba(255,255,255,.015)); animation: mx-up .6s var(--mx-ease) both; }
body.mx-apps--dg .dg-feedback-body { padding: 22px; }
body.mx-apps--dg .dg-fb-text, body.mx-apps--dg .dg-fb-list { font-size: .98rem; }
body.mx-apps--dg .dg-score-block, body.mx-apps--dg .dg-summary-case-row { background: var(--mx-s1); border-radius: 12px; box-shadow: var(--mx-card-sh); }
body.mx-apps--dg .dg-score-num { font-size: 2.8rem; }
body.mx-apps--dg .dg-summary-title { font-size: clamp(2.2rem, 6vw, 3.4rem); }
body.mx-apps--dg .dg-nav-row .btn { min-height: 48px; }

/* ── MOTOR DE ESCENARIOS ───────────────────────────────────── */
body.mx-apps--sc { --surface-raised: #26405a; --field-surface: #19304a; }
body.mx-apps--sc .scenario-card, body.mx-apps--sc .scenario-card[class*="--"] {
  background: var(--mx-s1); border: 1px solid var(--mx-card-line); border-top: 1px solid var(--mx-card-line); border-radius: 14px; box-shadow: var(--mx-card-sh); position: relative; overflow: hidden;
}
body.mx-apps--sc .scenario-card::after { content: ''; position: absolute; left: 0; top: 0; height: 3px; width: 0; background: linear-gradient(90deg, var(--mx-red), var(--mx-amber)); transition: width .5s var(--mx-ease); }
body.mx-apps--sc .scenario-card:hover::after { width: 100%; }
body.mx-apps--sc .scenario-card:hover { background: var(--mx-s2); transform: translateY(-4px); border-top-color: var(--mx-card-line); }
body.mx-apps--sc .selector-grid .scenario-card { animation: mx-up .7s var(--mx-ease) both; }
body.mx-apps--sc .selector-grid .scenario-card:nth-child(2) { animation-delay: .06s; } body.mx-apps--sc .selector-grid .scenario-card:nth-child(3) { animation-delay: .12s; }
body.mx-apps--sc .selector-grid .scenario-card:nth-child(4) { animation-delay: .18s; } body.mx-apps--sc .selector-grid .scenario-card:nth-child(5) { animation-delay: .24s; } body.mx-apps--sc .selector-grid .scenario-card:nth-child(6) { animation-delay: .3s; }
body.mx-apps--sc .selector-header__title { background: linear-gradient(180deg, #fff 55%, #cdd8e3 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
/* pantalla de juego */
body.mx-apps--sc .scenario-header { background: rgba(10, 21, 34, .88); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--mx-card-line); }
body.mx-apps--sc .scenario-header__title { font-size: 1.2rem; }
body.mx-apps--sc .scenario-header__time { font-size: 1.6rem; text-shadow: 0 0 22px rgba(232,150,12,.6); font-variant-numeric: tabular-nums; }
body.mx-apps--sc .scenario-main { padding-top: 22px; }
body.mx-apps--sc .context-panel, body.mx-apps--sc .patient-panel, body.mx-apps--sc .start-objectives, body.mx-apps--sc .debrief-section, body.mx-apps--sc .summary-stat, body.mx-apps--sc .summary-decision-row {
  background: var(--mx-s1); border: 1px solid var(--mx-card-line); border-radius: 14px; box-shadow: var(--mx-card-sh);
}
body.mx-apps--sc .context-panel { padding: 24px 26px; }
body.mx-apps--sc .context-line { font-size: 1.05rem; line-height: 1.7; color: #dbe5ee; }
body.mx-apps--sc .node-title { font-size: clamp(1.6rem, 4vw, 2.2rem); }
body.mx-apps--sc .patient-panel { background: radial-gradient(320px 140px at 50% 0%, rgba(77,201,204,.10), transparent 70%), linear-gradient(165deg, #0e1c2b, #0a1522); border-color: rgba(77,201,204,.22); }
body.mx-apps--sc .vital-cell { background: linear-gradient(165deg, #172c42, #112336); border-radius: 10px; border: 1px solid rgba(255,255,255,.07); }
body.mx-apps--sc .vital-value { font-size: 1.7rem; color: #fff; font-variant-numeric: tabular-nums; }
body.mx-apps--sc .vital-warning .vital-value { color: var(--mx-amber); } body.mx-apps--sc .vital-danger .vital-value { color: #ff6b76; }
body.mx-apps--sc .decision-question { font-size: clamp(1.2rem, 3vw, 1.5rem); margin: 22px 0 14px; color: #fff; }
body.mx-apps--sc .btn-decision {
  background: var(--mx-s1); border: 1px solid var(--mx-card-line); border-radius: 12px; padding: 16px 18px; min-height: 58px; font-size: 1.02rem; line-height: 1.45; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset;
  transition: transform .2s var(--mx-ease), border-color .2s, background .2s;
}
body.mx-apps--sc .btn-decision:hover { transform: translateX(4px); border-color: rgba(232,150,12,.55); background: var(--mx-s2); }
body.mx-apps--sc .decision-list > * { animation: mx-up .55s var(--mx-ease) both; }
body.mx-apps--sc .decision-list > *:nth-child(2) { animation-delay: .07s; } body.mx-apps--sc .decision-list > *:nth-child(3) { animation-delay: .14s; } body.mx-apps--sc .decision-list > *:nth-child(4) { animation-delay: .21s; }
body.mx-apps--sc .feedback-banner { border-radius: 14px; box-shadow: var(--mx-card-sh); animation: mx-up .6s var(--mx-ease) both; }
body.mx-apps--sc .summary-stat .stat-value { font-size: 2.6rem; }

/* ── TARJETA DE EVALUACIÓN ─────────────────────────────────── */
body.mx-apps--ac { --mx-field: linear-gradient(180deg, #14263a, #1a3047); }
body.mx-apps--ac .ac-section { background: linear-gradient(165deg, rgba(255,255,255,.045), rgba(255,255,255,.015)); border: 1px solid var(--mx-card-line); border-radius: 16px; padding: clamp(18px, 3vw, 30px); box-shadow: var(--mx-card-sh); margin-top: 14px; }
body.mx-apps--ac .ac-section-title { font-size: clamp(1.7rem, 4vw, 2.3rem); }
body.mx-apps--ac .ac-section-badge { background: rgba(232,150,12,.12); color: var(--mx-amber); border: 1px solid rgba(232,150,12,.35); border-radius: 999px; }
body.mx-apps--ac input, body.mx-apps--ac select, body.mx-apps--ac textarea { min-height: 46px; border-radius: 10px; background: var(--mx-field); border: 1px solid rgba(255,255,255,.13); box-shadow: 0 2px 6px rgba(0,0,0,.35) inset; color: #fff; }
body.mx-apps--ac textarea { min-height: 96px; }
body.mx-apps--ac input:focus, body.mx-apps--ac select:focus, body.mx-apps--ac textarea:focus { border-color: var(--mx-amber); box-shadow: 0 0 0 3px rgba(232,150,12,.22), 0 2px 6px rgba(0,0,0,.35) inset; outline: none; }
body.mx-apps--ac .ac-tabs-wrap { background: rgba(8,18,29,.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
body.mx-apps--ac .ac-tab { transition: color .2s, border-color .2s; min-height: 48px; }
body.mx-apps--ac .ac-vitals-table-wrap, body.mx-apps--ac .ac-list-panel, body.mx-apps--ac .ac-silhouette-panel, body.mx-apps--ac .ac-vitals-entry-panel { background: var(--mx-s1); border-radius: 14px; border: 1px solid var(--mx-card-line); box-shadow: var(--mx-card-sh); }
body.mx-apps--ac .ac-disclaimer { background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-left: 3px solid var(--mx-gold); border-radius: 12px; }
body.mx-apps--ac .ac-section { animation: mx-up .6s var(--mx-ease) both; }

@media (max-width: 640px) {
  body.mx-apps--dg .dg-findings-list { grid-template-columns: 1fr; }
  body.mx-apps--dg #dg-shell, body.mx-apps--sc .scenario-main, body.mx-apps--sc .selector-header { padding-left: 16px; padding-right: 16px; }
  body.mx-apps--sc .selector-grid { padding-left: 16px; padding-right: 16px; }
  body.mx-apps--sc .context-panel { padding: 18px 18px; }
  body.mx-apps--dg .dg-info-col, body.mx-apps--dg .dg-content-grid > div:first-child { padding: 16px 16px 4px; }
}
/* (bloque reduced-motion retirado) */

/* Movimiento: el sitio ya no se apaga con el ajuste «reducir movimiento» del teléfono (muchos Android lo activan con el ahorro de batería y dejaba todo estático). Las animaciones son suaves (fundidos y desplazamientos cortos). */