/* Limpieza general — estilos propios (prefijo cl-). Solo tokens de app.css/kit.css. */
.cl-diag{margin-bottom:var(--s3);font-size:12.5px}
.cl-note{margin-bottom:var(--s4);max-width:78ch}
.cl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--s3)}
.cl-tile{--tone:#58b8ff;display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--line);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.cl-tile:hover{border-color:var(--line-2);transform:translateY(-1px)}
.cl-tile[data-tone=violet]{--tone:var(--violet)}.cl-tile[data-tone=orange]{--tone:#f5a524}.cl-tile[data-tone=green]{--tone:var(--ok)}
.cl-chip{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 22%,transparent);color:var(--tone);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent)}
.cl-chip .ic{width:16px;height:16px}
.cl-tile b{display:block;font-size:13px;margin-bottom:3px}
.cl-tile p{font-size:12.5px}
.cl-opts{margin-bottom:var(--s1)}
.cl-actions{margin-top:var(--s4)}
.cl-status{min-height:20px;color:var(--muted);font-size:13px;padding:0 2px}
.cl-status[data-l=success]{color:var(--ok)}.cl-status[data-l=warning]{color:var(--warn)}.cl-status[data-l=error]{color:var(--bad)}
.cl-ops{margin-top:var(--s1)}
.cl-ophead{display:flex;gap:var(--s3);align-items:center;margin-bottom:var(--s4)}
.cl-ophead h2{font-size:15px}
.cl-phase{color:var(--muted);font-size:12.5px;margin-top:2px}
.cl-ops[data-done=completed] .cl-phase{color:var(--ok)}.cl-ops[data-done=warning] .cl-phase{color:var(--warn)}.cl-ops[data-done=error] .cl-phase{color:var(--bad)}
.cl-hbadge,.cl-badge{flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line-2);background:#ffffff0a;color:var(--muted);font:700 14px var(--body);position:relative}
.cl-hbadge{width:34px;height:34px}.cl-badge{width:28px;height:28px}
.cl-badge .ic{width:13px;height:13px}
.cl-badge[data-s=running],.cl-hbadge[data-s=running]{border-color:var(--cyan);color:var(--cyan);background:#ffd4001a}
.cl-badge[data-s=running] .ic{display:none}
.cl-badge[data-s=running]::after,.cl-hbadge[data-s=running]::after{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #ffd40044;border-top-color:var(--cyan);animation:rot 1.6s linear infinite}
.cl-badge[data-s=completed],.cl-hbadge[data-s=completed]{border-color:var(--ok);background:#35f0a11f}
.cl-badge[data-s=completed] .ic{display:none}
.cl-badge[data-s=completed]::after,.cl-hbadge[data-s=completed]::after{content:"";width:9px;height:5px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg) translate(1px,-1px)}
.cl-badge[data-s=warning],.cl-hbadge[data-s=warning]{border-color:var(--warn);color:var(--warn);background:#f5a52418}
.cl-badge[data-s=error],.cl-hbadge[data-s=error]{border-color:var(--bad);color:var(--bad);background:#ff5a7418}
.cl-badge[data-s=warning] .ic,.cl-badge[data-s=error] .ic,.cl-badge[data-s=skipped] .ic{display:none}
.cl-badge[data-s=pending]{opacity:.7}
.cl-steps{display:flex;flex-direction:column;gap:var(--s1)}
.cl-step{display:flex;gap:var(--s3);align-items:flex-start;padding:9px 10px;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease)}
.cl-step[data-s=running]{background:#ffd4000d}
.cl-sx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:3px}
.cl-st{font-weight:700;font-size:13px;color:var(--muted)}
.cl-step[data-s=running] .cl-st,.cl-step[data-s=completed] .cl-st,.cl-step[data-s=warning] .cl-st,.cl-step[data-s=error] .cl-st{color:var(--text)}
.cl-sd{color:var(--muted);font-size:12px;word-break:break-word}
.cl-ss{flex:none;font:700 10.5px var(--body);letter-spacing:.06em;color:var(--muted);padding-top:7px}
.cl-step[data-s=completed] .cl-ss{color:var(--ok)}.cl-step[data-s=warning] .cl-ss{color:var(--warn)}.cl-step[data-s=error] .cl-ss{color:var(--bad)}.cl-step[data-s=running] .cl-ss{color:var(--cyan)}
.cl-results{display:flex;flex-direction:column;gap:var(--s4)}
.cl-results:empty{display:none}
.cl-primary{display:flex;flex-direction:column;gap:6px;animation:rise var(--t-med) var(--ease) both}
.cl-k{color:var(--muted);font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase}
.cl-v{font:700 38px/1.1 var(--display);letter-spacing:-.02em;background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word}
.cl-sub{color:var(--muted);font-size:13px}
.cl-sec .stat .v{font-size:17px}
.cl-rows .r{align-items:flex-start}
.cl-tstate{flex:none;width:96px;font:700 10.5px var(--body);letter-spacing:.05em;color:var(--ok);padding-top:3px}
.cl-tstate[data-p="1"]{color:var(--warn)}
.cl-path{font-family:var(--mono);font-size:11.5px;user-select:text}
.cl-recnote{margin-top:var(--s3);font-size:12.5px}
@media (max-width:700px){.cl-tstate{width:80px}.cl-v{font-size:30px}}

@media (max-width:700px){.cl-sec.grid3{grid-template-columns:repeat(3,1fr)}.cl-sec .stat{padding:var(--s3)}.cl-sec .stat .v{font-size:14px}}