/* Task-center shared cards; no literal colors, no legacy tc-* overrides. */
.tc-layout{--tc-card-min:300px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;width:100%;min-width:0}
.tc-heading{font-family:var(--display);text-transform:uppercase}
.tc-sidebar{position:sticky;top:16px;max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;padding:16px;background:var(--surface-solid);color:var(--text);border:2px solid var(--ink);border-radius:var(--r-card);box-shadow:4px 4px 0 var(--ink);min-width:0}
.tc-side-content{display:grid;gap:10px}
.tc-sidebar-collapsed>:not(.tc-list-toggle){display:none}
.tc-sidebar-collapsed{overflow:hidden}
.tc-sidebar .tc-nav[hidden],.tc-sidebar .tc-queue-group[hidden],.tc-sidebar .tc-tree-branch[hidden]{display:none}
.tc-list-search{height:36px;min-height:36px;box-sizing:border-box;width:100%;min-width:0;padding-inline:8px;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface-solid);color:var(--text);font:inherit}
.tc-queue-group{display:grid;gap:6px;min-width:0}
.tc-queue-group>summary,.tc-tree-branch summary{cursor:pointer;min-height:32px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-queue-group .tc-nav,.tc-tree-branch .tc-nav{height:36px;min-height:36px;padding-block:0}
.tc-recent-group h3{font-size:13px;margin:4px 0}
.tc-layout>.tc-main{min-width:0;width:100%;display:grid;gap:16px;overflow:visible}
.tc-main>.tc-mode-tabs{position:sticky;top:0;align-self:start}
.tc-mode-tab{height:36px;min-height:36px;box-sizing:border-box}
.tc-mode-tabs{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--surface-solid);border-bottom:1px solid var(--line-strong)}
.tc-mode-tab[aria-selected=true]{background:var(--lime);color:var(--ink);border:2px solid var(--ink)}
.tc-mode-tab:focus-visible{outline:3px solid var(--text);outline-offset:2px}
.tc-toolbar,.tc-push,.tc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;min-width:0}
.tc-push{flex:1 1 360px}
.tc-toolbar .btn,.tc-filters :is(input,select,button){height:36px;min-height:36px;box-sizing:border-box;font:inherit}
.tc-filters :is(input,select){border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface-solid);color:var(--text);padding-inline:8px;min-width:0;flex:1 1 140px;width:140px;max-width:100%}
.tc-layout .btn{background:var(--surface-solid);color:var(--text);border-color:var(--line-strong)}
.tc-layout .btn.primary{background:var(--lime);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.tc-layout .btn.danger{background:var(--surface-solid);color:var(--text);border-color:var(--st-fail)}
.tc-layout .btn:hover,.tc-layout .btn[aria-pressed=true]{background:var(--surface-2);color:var(--text)}
.tc-layout .btn.primary:hover{background:var(--lime);color:var(--ink)}
.tc-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;width:100%;min-width:0;text-align:start;box-sizing:border-box}
.tc-nav[aria-current=page]{border:2px solid var(--ink)}
.tc-sidebar .tc-nav{height:36px;min-height:36px;padding-block:0}
.tc-list-toggle{width:100%;height:36px;min-height:36px}
.tc-nav-count{font-family:var(--mono);flex:none}
.tc-tree-branch{padding-inline-start:8px;min-width:0;display:grid;gap:8px}
.tc-tree-branch summary{cursor:pointer;min-height:36px;overflow-wrap:anywhere}
.tc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--tc-card-min,300px)),1fr));gap:20px;min-width:0;align-items:stretch}
.tc-task-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:2px solid var(--ink);border-radius:var(--r-card);box-shadow:4px 4px 0 var(--ink);background:var(--surface-solid);color:var(--text)}
.tc-card-media{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:var(--surface-2);color:var(--text);display:grid;place-items:center}
.tc-card-media:is([role=button]){cursor:pointer}
.tc-card-media :is(video,img){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--surface-2)}
.tc-card-media [hidden]{display:none}
.tc-placeholder{padding:16px;text-align:center}
.tc-card-body{padding:16px;display:grid;gap:12px;grid-template-rows:36px 32px 24px 24px auto;flex:1;min-width:0}
.tc-card-title{display:flex;gap:8px;align-items:center;min-width:0;overflow:hidden}
.tc-card-title>input{flex:none;width:20px;height:20px;accent-color:var(--lime-deep)}
.tc-card-title>.sl-chip{flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-card-title :is(button,.linkbtn){height:36px;min-height:36px;box-sizing:border-box;color:var(--text)}
.tc-card-title :is(button,.linkbtn):hover{color:var(--text);background:var(--surface-2)}
.tc-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}
.tc-badges{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}
.tc-badges .chip{background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tc-card-info,.tc-card-reason,.tc-message,.tc-count{color:var(--text);font-size:13px}
.tc-card-actions{display:flex;align-items:center;gap:8px;overflow:auto;min-width:0;min-height:36px}
.tc-card-actions>*{flex-shrink:0}
.tc-card-actions .btn{min-height:36px;height:36px}
.tc-card-actions>div{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:36px}
.tc-card-actions>div>*{flex-shrink:0}
:root[data-theme=dark] .tc-layout .btn.primary{color:var(--ink-text)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tc-layout .btn.primary{color:var(--ink-text)}}
.tc-message,.tc-count{margin:0;overflow-wrap:anywhere}
.tc-message:empty,.tc-api-header:empty{display:none}
.tc-more{justify-self:center;min-height:36px}
.tc-more[hidden]{display:none}
.tc-target{outline:3px solid var(--text);outline-offset:4px}
.tc-deferred{content-visibility:auto;contain-intrinsic-size:auto 420px}
:is(.tc-layout,.tc-task-card) :focus-visible,.tc-task-card:focus-visible{outline:3px solid var(--text);outline-offset:3px}
.tc-layout :disabled{opacity:1;color:var(--text);background:var(--surface-2);cursor:not-allowed}
:root[data-style=classic] :is(.tc-sidebar,.tc-task-card){border:1px solid var(--line-strong);box-shadow:0 4px 16px var(--line-strong)}
:root[data-style=classic] .tc-layout .btn.primary{border:1px solid var(--line-strong);box-shadow:0 2px 8px var(--line-strong)}
@media(max-width:900px){.tc-layout{grid-template-columns:minmax(0,1fr);gap:16px}.tc-sidebar{position:static;max-height:45dvh}.tc-sidebar-collapsed{max-height:68px}.tc-sidebar .tc-list-search{min-height:40px;height:40px}.tc-list-toggle{height:40px;min-height:40px}}
@media(max-width:640px){.tc-mode-tab{height:40px;min-height:40px}}
@media(max-width:640px){.tc-layout{padding:0 16px;box-sizing:border-box}.tc-heading{padding-inline:16px}.tc-toolbar .btn,.tc-filters :is(input,select,button),.tc-nav,.tc-card-actions .btn,.tc-more{min-height:40px;height:40px}.tc-filters>*{flex:1 1 140px}.tc-push{flex-basis:100%}.tc-task-card{box-shadow:2px 2px 0 var(--ink)}.tc-card-body{padding:12px;grid-template-rows:40px 32px 24px 24px auto}.tc-tree-branch summary{min-height:40px}}
@media(max-width:640px){.tc-card-title :is(button,.linkbtn){height:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.tc-layout *,.tc-task-card *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}