/* Debloat — estilos propios (prefijo db-). Solo tokens de app.css/kit.css. */
.db-status{min-height:20px;color:var(--muted);font-size:13px;padding:0 2px}
.db-status[data-l=success]{color:var(--ok)}.db-status[data-l=warning]{color:var(--warn)}.db-status[data-l=error]{color:var(--bad)}
.db-sec{margin-top:var(--s2)}
.db-label{font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.db-hint{font-size:12.5px;margin-top:4px}
.db-list{display:flex;flex-direction:column;gap:var(--s3)}
.db-group{--tone:var(--cyan);padding:var(--s4);border-color:color-mix(in srgb,var(--tone) 38%,transparent)}
.db-group[data-tone=blue]{--tone:#58b8ff}.db-group[data-tone=violet]{--tone:var(--violet)}.db-group[data-tone=pink]{--tone:var(--pink)}.db-group[data-tone=orange]{--tone:#f5a524}
.db-ghead{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}
.db-ghead h3{font:700 11.5px var(--body);letter-spacing:.07em}
.db-dot{width:9px;height:9px;border-radius:50%;background:var(--tone);flex:none}
.db-count{font:700 10.5px var(--body);color:var(--muted);padding:2px 8px;border-radius:99px;border:1px solid var(--line-2)}
.db-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s2)}
.db-card{align-items:flex-start;gap:var(--s3);padding:var(--s3);border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);background:color-mix(in srgb,var(--tone) 12%,transparent);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.db-card:hover{background:color-mix(in srgb,var(--tone) 19%,transparent)}
.db-card:active{transform:scale(.985)}
.db-card:has(input:checked){background:color-mix(in srgb,var(--tone) 24%,transparent)}
.db-card .box{margin-top:2px}
.db-body{display:flex;flex-direction:column;gap:5px;align-items:flex-start;min-width:0}
.db-body b{font-size:13px;word-break:break-word}
.db-ver{font-size:11.5px}
.db-list.db-busy .db-card{cursor:not-allowed;opacity:.7}
.db-ops{margin-top:var(--s1)}
.db-ophead{display:flex;gap:var(--s3);align-items:center;margin-bottom:var(--s4)}
.db-ophead h2{font-size:15px}
.db-phase{color:var(--muted);font-size:12.5px;margin-top:2px}
.db-ops[data-done=completed] .db-phase{color:var(--ok)}.db-ops[data-done=error] .db-phase{color:var(--bad)}
.db-hbadge,.db-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)}
.db-hbadge{width:34px;height:34px}.db-badge{width:28px;height:28px}
.db-badge[data-s=running],.db-hbadge[data-s=running]{border-color:var(--cyan);background:#ffd4001a}
.db-badge[data-s=running]::after,.db-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}
.db-badge[data-s=completed],.db-hbadge[data-s=completed]{border-color:var(--ok);background:#35f0a11f}
.db-badge[data-s=completed]::after,.db-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)}
.db-badge[data-s=warning]{border-color:var(--warn);color:var(--warn);background:#f5a52418}
.db-badge[data-s=error],.db-hbadge[data-s=error]{border-color:var(--bad);color:var(--bad);background:#ff5a7418}
.db-steps{display:flex;flex-direction:column;gap:var(--s1)}
.db-step{display:flex;gap:var(--s3);align-items:flex-start;padding:9px 10px;border-radius:var(--r-sm)}
.db-step[data-s=running]{background:#ffd4000d}
.db-sx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:3px}
.db-st{font-weight:700;font-size:13px;color:var(--muted)}
.db-step:not([data-s=pending]) .db-st{color:var(--text)}
.db-sd{color:var(--muted);font-size:12px;word-break:break-word}
.db-ss{flex:none;font:700 10.5px var(--body);letter-spacing:.06em;color:var(--muted);padding-top:7px}
.db-step[data-s=completed] .db-ss{color:var(--ok)}.db-step[data-s=warning] .db-ss{color:var(--warn)}.db-step[data-s=running] .db-ss{color:var(--cyan)}
@media (max-width:700px){.db-cards{grid-template-columns:1fr}.db-ghead{flex-wrap:wrap}}