/* Sistema y respaldos (3.6.1) — tarjeta en Accesos */
[data-system-card] .sys-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 18px; margin:12px 0; }
[data-system-card] .sys-facts > div { display:grid; grid-template-columns:130px minmax(0,1fr); gap:8px; align-items:center; padding:6px 0; border-bottom:1px solid #eceef1; }
[data-system-card] .sys-facts dt { margin:0; color:#68717a; font-size:12px; font-weight:700; }
[data-system-card] .sys-facts dd { margin:0; font-size:13px; overflow-wrap:anywhere; }
[data-system-card] .sys-details { margin-top:10px; border-top:1px dashed #d9dde2; padding-top:8px; }
[data-system-card] .sys-details summary { cursor:pointer; font-size:13px; padding:4px 0; }
[data-system-card] .sys-table { width:100%; border-collapse:collapse; font-size:12.5px; }
[data-system-card] .sys-table th, [data-system-card] .sys-table td { text-align:left; padding:7px 8px; border-bottom:1px solid #eceef1; vertical-align:top; }
[data-system-card] .sys-table th { color:#68717a; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
[data-system-card] .sys-msg { max-width:420px; overflow-wrap:anywhere; }
[data-system-card] .sys-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; margin:8px 0; }
[data-system-card] .sys-form .field input { width:100%; }
[data-system-card] .sys-check { display:flex; gap:8px; align-items:flex-start; font-size:13px; margin:6px 0; }
[data-system-card] .ext-message { min-height:18px; margin-top:8px; font-size:13px; }
[data-system-card] .ext-message.is-error { color:#a20d15; }
[data-system-card] .ext-message.is-ok { color:#12683f; }
@media (max-width: 980px) {
  [data-system-card] .sys-facts, [data-system-card] .sys-form { grid-template-columns:minmax(0,1fr); }
  [data-system-card] .sys-facts > div { grid-template-columns:minmax(0,1fr); gap:2px; }
}
/* 3.8.2 · copia en el Mac */
[data-system-card] .sys-token { margin:10px 0; padding:10px 12px; border:1px solid #c70409; border-radius:10px; background:#fff4f4; }
[data-system-card] .sys-token code { display:block; padding:8px; background:#fff; border:1px dashed #c70409; border-radius:6px; font-size:12.5px; word-break:break-all; user-select:all; }
/* 3.8.8 · segundo factor del administrador */
[data-mfa-card] .mfa-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; margin:8px 0; }
[data-mfa-card] .mfa-form input, [data-mfa-card] .mfa-setup input { width:100%; }
[data-mfa-card] .mfa-setup { display:grid; grid-template-columns:200px minmax(0,1fr); gap:16px; align-items:start; margin:8px 0; }
[data-mfa-card] .mfa-setup img { width:200px; height:200px; border:1px solid #e1e4e8; border-radius:8px; image-rendering:pixelated; background:#fff; }
[data-mfa-card] .mfa-steps { margin:8px 0; padding-left:18px; line-height:1.5; }
[data-mfa-card] code { padding:2px 6px; border-radius:5px; background:#f3f4f6; font-size:12.5px; word-break:break-all; }
[data-mfa-card] .mfa-codes { margin:10px 0; padding:10px 12px; border:1px solid #c70409; border-radius:10px; background:#fff8f8; }
[data-mfa-card] .mfa-codes ol { columns:2; margin:8px 0; padding-left:22px; }
[data-mfa-card] .ext-message { min-height:18px; margin-top:8px; font-size:13px; }
[data-mfa-card] .ext-message.is-error { color:#a20d15; }
[data-mfa-card] .ext-message.is-ok { color:#12683f; }
@media (max-width: 760px) { [data-mfa-card] .mfa-form, [data-mfa-card] .mfa-setup { grid-template-columns:minmax(0,1fr); } [data-mfa-card] .mfa-codes ol { columns:1; } }