/* Calcado de Design (#836): estados 2026-11-01, es/es.css · sha1 e510f079f73ca8bbe9052a1fb021850652c54f63 · docs/design/entregas/area-cliente-estados-2026-11-01.
 * Lo escribe scripts/area-cliente/extraer-diseno.js: no se edita a mano (ACVD-0). */
/* Estados y errores · sobre D (hereda ac/dir.css, tr/tr.css, em/em.css, co/co.css, fi2/fi2.css, au/au.css, cu/cu.css) */
body{margin:0;container-type:inline-size}
/* pie público: en todas las páginas del área */
.ac-foot{border-top:1px solid var(--line);padding:20px clamp(16px,3vw,56px);display:flex;gap:8px 20px;flex-wrap:wrap;font-size:13px;color:var(--ink2);align-items:center}.ac-foot a{color:var(--ink2)!important}.ac-foot .sp{flex:1}
.ac[data-vp=mov] .ac-foot{padding:20px 16px 24px}
.ac[data-dir=d]:not(.au){display:flex;flex-direction:column}.ac[data-dir=d]:not(.au)>.ac-main{flex:1}
.ac-det-head .ac-h1,.ac-det-head .ac-que{grid-column:1}
.au-foot a{color:var(--ink2)!important}
/* aviso dentro de la tarjeta de acceso */
.au-info{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;background:var(--chip-bg);color:var(--ink);font-size:14px;line-height:1.45}.au-info span:first-child{color:var(--accent)}.au-info b{display:block}
.au-lock{display:grid;gap:4px;padding:16px;border-radius:10px;background:#fbe8e4;color:#7a2a1c;font-size:14px;line-height:1.45}.au-lock b{font-size:16px}.au-lock .t{font-family:var(--ff-h),sans-serif;font-size:34px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;line-height:1}.au-lock small{font-size:13px}
.au-acc{display:grid;gap:4px;padding:14px 16px;background:var(--bg);border-radius:10px;font-size:14px;color:var(--ink2)}.au-acc b{color:var(--ink);font-size:16px;word-break:break-all}
/* toast */
.es-toast{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);background:#1d1b2e;color:#f4f3f9;padding:12px 16px;border-radius:10px;display:flex;gap:14px;align-items:center;font-size:15px;box-shadow:0 12px 32px -12px rgba(29,27,46,.5);z-index:7;max-width:calc(100% - 32px);line-height:1.4}.es-toast a{color:#b9b0f0!important;font-weight:600;white-space:nowrap}.es-toast i{width:10px;height:10px;border-radius:50%;background:#5fd4b0;flex:none}.es-toast.is-err i{background:#f0907e}.es-toast.is-busy i{background:#b9b0f0;animation:f2pulse 1s infinite}.es-toast .x{margin-left:auto;color:#b3b0c6;background:none;border:0;font:inherit;font-size:18px;cursor:pointer;min-width:32px;min-height:32px}
.ac[data-vp=mov] .es-toast{bottom:80px;width:calc(100% - 24px);flex-wrap:wrap}
/* banda inline */
.es-ban{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:10px;font-size:15px;line-height:1.45;margin-bottom:20px}.es-ban i{width:10px;height:10px;border-radius:50%;flex:none;margin-top:7px}.es-ban b{display:block}.es-ban>div{flex:1}.es-ban .ac-act{margin:10px 0 0}.es-ban .ac-act .ac-btn{min-height:36px;padding:0 12px;font-size:14px;flex:none}
.es-ban.is-ok{background:#dff0ea;color:#145243}.es-ban.is-ok i{background:#1e6f5a}
.es-ban.is-err{background:#fbe8e4;color:#7a2a1c}.es-ban.is-err i{background:#a8321f}
.es-ban.is-warn{background:#fdf1dc;color:#7a4a0a}.es-ban.is-warn i{background:#c47a1c}
.es-ban.is-info{background:var(--chip-bg);color:var(--ink)}.es-ban.is-info i{background:var(--accent)}
.es-ban a{color:inherit;font-weight:600}
/* pestaña vacía */
.es-empty{padding:40px 0 24px;display:grid;gap:10px;justify-items:start;max-width:560px}.es-empty h2{margin:0;font-family:var(--ff-h),sans-serif;font-size:24px;letter-spacing:-.02em}.es-empty p{margin:0;color:var(--ink2);font-size:16px;text-wrap:pretty}.es-empty .ac-act{margin-top:6px}
.ac[data-vp=mov] .es-empty{padding-top:16px}
/* subida de documentos */
.es-prog{height:6px;border-radius:3px;background:var(--bar-bg);overflow:hidden;width:100%}.es-prog i{display:block;height:100%;background:var(--accent);width:var(--p)}
.ac-docs li.is-err .ac-docs__n small{color:var(--err)}.ac-docs .es-up{flex-basis:100%;display:grid;gap:6px;font-size:14px;color:var(--ink2)}.es-up__r{display:flex;justify-content:space-between;gap:12px}
.es-dropnote{margin:14px 0 0;font-size:14px;color:var(--ink2)}
/* esqueleto y carga */
.es-sk{display:grid;gap:12px;padding-top:6px}.es-sk i{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--chip-bg) 25%,#e3e1ec 50%,var(--chip-bg) 75%);background-size:200% 100%;animation:essk 1.4s infinite}.es-sk i.h{height:20px;width:38%}.es-sk i.w{width:70%}.es-sk .row{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:16px}@keyframes essk{to{background-position:-200% 0}}
.es-loading{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink2);margin-bottom:16px}.es-loading i{width:16px;height:16px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:esspin .8s linear infinite;flex:none}@keyframes esspin{to{transform:rotate(360deg)}}
.es-skgx{display:grid;grid-template-columns:260px repeat(4,minmax(0,1fr));gap:12px 20px;padding-top:6px}.es-skgx i{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--chip-bg) 25%,#e3e1ec 50%,var(--chip-bg) 75%);background-size:200% 100%;animation:essk 1.4s infinite}.es-skgx i.n{justify-self:end;width:60%}
.ac[data-vp=mov] .es-skgx{grid-template-columns:140px repeat(2,minmax(0,1fr))}.ac[data-vp=mov] .es-skgx i:nth-child(5n+4),.ac[data-vp=mov] .es-skgx i:nth-child(5n){display:none}
/* sin conexión */
.es-off{position:absolute;left:0;right:0;top:56px;background:#1d1b2e;color:#f4f3f9;padding:10px 16px;font-size:14px;display:flex;gap:10px;align-items:center;z-index:6;line-height:1.3}.es-off i{width:8px;height:8px;border-radius:50%;background:#f0907e;flex:none}.es-off a{color:#b9b0f0!important;margin-left:auto;font-weight:600;white-space:nowrap}
.es-off+.ac-main{padding-top:60px}
.es-stale{opacity:.72}
/* páginas de error */
.es-code{font-family:ui-monospace,'JetBrains Mono',Menlo,monospace;font-size:13px;color:var(--ink2);letter-spacing:.08em;text-transform:uppercase}
.es-chan{list-style:none;margin:0;padding:0;display:grid;gap:8px}.es-chan li{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:15px}.es-chan li b{min-width:90px}.es-chan li span{color:var(--ink2);font-size:14px}
/* legal */
.es-legal{max-width:760px}.es-legal h2{font-family:var(--ff-h),sans-serif;font-size:22px;letter-spacing:-.02em;margin:32px 0 10px}.es-legal h2:first-of-type{margin-top:0}.es-legal p,.es-legal li{font-size:16px;line-height:1.6;color:var(--ink);margin:0 0 12px;text-wrap:pretty}.es-legal ul{padding-left:20px;margin:0 0 12px}.es-legal li{margin-bottom:4px}.es-legal .es-meta{font-size:14px;color:var(--ink2)}
.es-legal table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 12px}.es-legal th,.es-legal td{text-align:left;padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}.es-legal thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);border-top:0}.es-legal code{font-family:ui-monospace,'JetBrains Mono',Menlo,monospace;font-size:13px;background:var(--chip-bg);padding:1px 6px;border-radius:4px}
.es-draft{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:#fdf1dc;color:#7a4a0a;margin-bottom:14px}
/* arranque del financiero */
.es-start{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-bottom:24px}.es-start a{display:grid;gap:8px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink)!important;align-content:start}.es-start a:hover{border-color:var(--accent)}.es-start b{font-family:var(--ff-h),sans-serif;font-size:19px;letter-spacing:-.02em}.es-start p{margin:0;font-size:15px;color:var(--ink2);text-wrap:pretty}.es-start small{font-size:13px;color:var(--accent);font-weight:600}.es-start a.is-rec{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.es-start .ac-tag{justify-self:start}
@container (min-width:720px){.es-start{grid-template-columns:repeat(3,minmax(0,1fr))}}
.es-ready{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.es-ready a{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink)!important;background:var(--surface);font-size:15px}.es-ready a small{color:var(--ink2);display:block;font-size:13px}
@container (min-width:720px){.es-ready{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* modal */
.es-modal{position:absolute;inset:0;background:rgba(29,27,46,.45);display:grid;place-items:center;z-index:5;padding:16px}.es-modal__b{background:var(--surface);border-radius:16px;padding:24px;width:100%;max-width:560px;display:grid;gap:16px;box-shadow:0 20px 60px -20px rgba(29,27,46,.4)}.es-modal__b h2{margin:0;font-family:var(--ff-h),sans-serif;font-size:22px;letter-spacing:-.02em}.es-modal__b p{margin:0;font-size:15px;color:var(--ink2)}.es-modal__f{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.ac[data-vp=mov] .es-modal{place-items:end center;padding:0}.ac[data-vp=mov] .es-modal__b{border-radius:16px 16px 0 0}.ac[data-vp=mov] .es-modal__f .ac-btn{flex:1}
.es-sum{display:grid;gap:8px;padding:14px 16px;background:var(--bg);border-radius:10px;font-size:15px}.es-sum div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.es-sum span{color:var(--ink2)}.es-sum b{font-variant-numeric:tabular-nums}
/* conflictos del diff */
.es-conf{display:grid;gap:10px;margin:0;padding:0;list-style:none}.es-conf li{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.es-conf b{font-size:15px}.es-conf small{font-size:13px;color:var(--ink2)}.es-conf .opt{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.es-conf .opt label{display:flex;gap:6px;align-items:center;min-height:32px}.es-conf .v{font-variant-numeric:tabular-nums;font-weight:600}.es-conf .vals{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--ink2)}.es-conf .vals b{color:var(--ink)}
.ac[data-vp=mov] .es-conf .opt{flex-direction:column;gap:4px}
.es-errlist{margin:0;padding:0 0 0 18px;font-size:14px;color:#7a2a1c;display:grid;gap:4px}
.f2-upload.is-err{border-color:var(--err);border-style:solid;background:#fff7f5}
/* barra de estado · error de sincronización */
.f2-status.is-err{border-color:#f0c4bb;background:#fff7f5}.f2-status .f2-dot.is-err{background:var(--err)}
/* mayor sin movimientos */
.es-nomov td{text-align:center!important;color:var(--ink2);padding:28px 12px!important;font-size:15px}
/* botón de descarga ocupado */
.ac-dl-btn.is-busy{color:var(--accent);border-color:var(--accent)}.ac-dl-btn.is-busy i{width:14px;height:14px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:esspin .8s linear infinite;display:inline-block}
.es-year{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--ink2)}.es-year select{font:inherit;font-size:15px;font-weight:600;min-height:40px;padding:0 32px 0 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink)}