.ts-status-panel{--ts-tint: var(--p-color-bg-surface-secondary, #f6f6f7);--ts-edge: var(--p-color-border, #e1e3e5);--ts-accent: var(--p-color-border-emphasis, #8c9196);--ts-chip-bg: var(--p-color-bg-surface, #ffffff);--ts-chip-fg: var(--p-color-icon-subdued, #8a8a8a);--ts-label: var(--p-color-text-subdued, #6d7175);position:relative;padding:12px;border-radius:12px;background:var(--ts-tint);border:1px solid var(--ts-edge);overflow:hidden;transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}.ts-status-panel[data-status=in_progress]{--ts-tint: var(--p-color-bg-surface-caution, #fff8db);--ts-edge: var(--p-color-border-caution, #ffeb78);--ts-accent: var(--p-color-icon-caution, #998a00);--ts-chip-bg: var(--p-color-bg-fill-caution-secondary, #ffeb78);--ts-chip-fg: var(--p-color-icon-caution, #998a00);--ts-label: var(--p-color-text-caution, #4f4700)}.ts-status-panel[data-status=paused]{--ts-tint: var(--p-color-bg-surface-warning, #fff1e3);--ts-edge: var(--p-color-border-warning, #ffc879);--ts-accent: var(--p-color-icon-warning, #b28400);--ts-chip-bg: var(--p-color-bg-fill-warning-secondary, #ffd6a4);--ts-chip-fg: var(--p-color-icon-warning, #b28400);--ts-label: var(--p-color-text-warning, #5e4200)}.ts-status-panel[data-status=completed]{--ts-tint: var(--p-color-bg-surface-success, #cdfed4);--ts-edge: var(--p-color-border-success, #92fcac);--ts-accent: var(--p-color-icon-success, #047b5d);--ts-chip-bg: var(--p-color-bg-fill-success-secondary, #affebf);--ts-chip-fg: var(--p-color-icon-success, #047b5d);--ts-label: var(--p-color-text-success, #014b40)}.ts-status-chip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:var(--ts-chip-bg);color:var(--ts-chip-fg);transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}.ts-status-glyph{display:inline-flex;width:22px;height:22px;transform-origin:center;animation:ts-status-pop .42s cubic-bezier(.34,1.56,.64,1)}.ts-status-glyph svg{display:block;width:100%;height:100%}@keyframes ts-status-pop{0%{transform:scale(.4) rotate(-14deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.ts-glyph-arc{transform-box:fill-box;transform-origin:center;animation:ts-glyph-spin 1.4s linear infinite}@keyframes ts-glyph-spin{to{transform:rotate(360deg)}}.ts-glyph-check{stroke-dasharray:1;stroke-dashoffset:1;animation:ts-glyph-draw .5s cubic-bezier(.65,0,.35,1) .12s forwards}@keyframes ts-glyph-draw{to{stroke-dashoffset:0}}.ts-status-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ts-status-label{display:block;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.01em;color:var(--ts-label);transition:color .4s cubic-bezier(.4,0,.2,1);animation:ts-status-label-in .42s cubic-bezier(.4,0,.2,1)}@keyframes ts-status-label-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ts-status-panel[data-saving=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-image:linear-gradient(90deg,transparent,var(--ts-accent),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:ts-status-scan 1s linear infinite}@keyframes ts-status-scan{0%{background-position:-40% 0}to{background-position:140% 0}}@media(prefers-reduced-motion:reduce){.ts-status-panel,.ts-status-chip,.ts-status-label{transition:none}.ts-status-glyph,.ts-status-label,.ts-glyph-arc{animation:none}.ts-glyph-check{stroke-dashoffset:0;animation:none}.ts-status-panel[data-saving=true]:after{animation:none;opacity:.5}}