.cth-task-hub{margin-top:var(--section-space);min-width:0;color:var(--ink);background:var(--white)}
.cth-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.cth-header h2,.cth-header h3{margin:0;font:800 var(--section-title-size)/1.3 var(--display);letter-spacing:-.4px}
.cth-header>span{font-size:var(--text-label);color:var(--muted);white-space:nowrap}
.cth-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:var(--section-space)}
.cth-urgency-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:18px;border:1px solid var(--frame,#fff);border-radius:var(--radius);min-width:0;background:var(--white,#fff);color:var(--ink,#111);font:inherit;text-align:left;cursor:pointer}
.cth-urgency-tab.is-urgent{--cth-urgency-color:var(--red,#d20a2e)}
.cth-urgency-tab.is-soon{--cth-urgency-color:var(--gold,#fdc52c)}
.cth-urgency-tab.is-later{--cth-urgency-color:#19834a}
.cth-urgency-tab::before{content:'';position:absolute;inset:var(--status-rail-inset,12px) auto var(--status-rail-inset,12px) 0;width:var(--status-rail-width,3px);border-radius:var(--status-rail-radius,0 3px 3px 0);background:var(--cth-urgency-color);pointer-events:none}
.cth-urgency-tab[aria-pressed="true"]{border-color:var(--line,#111)}
.cth-urgency-tab:focus-visible{outline:2px solid var(--ink,#111);outline-offset:3px}
.cth-urgency-panel{min-width:0}
.cth-urgency-panel[hidden]{display:none!important}
.cth-counts strong{font:800 30px/1 var(--display);font-variant-numeric:tabular-nums}
.cth-counts span{font-size:var(--text-label);line-height:1.35;overflow-wrap:anywhere}
.cth-list{padding:0;margin:0;list-style:none;border:0;border-radius:0;overflow:hidden}
.cth-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-width:0;padding:12px 16px}
.cth-task+.cth-task{border-top:1px solid var(--line,#111)}
.cth-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:none}
.cth-actions>.agenda-arrow{display:grid;place-items:center;width:36px;min-height:44px;padding:4px;border:0;background:transparent;color:var(--ink,#111);border-radius:6px}
.cth-actions>.agenda-arrow:hover{color:var(--red);background:transparent}
.cth-actions>.agenda-arrow:disabled{opacity:.35;cursor:default}
.cth-actions>.agenda-arrow:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.cth-task-open{display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;min-height:44px;min-width:0;text-align:left;background:transparent;color:var(--ink);padding:0;border:0;font:inherit}
.cth-task-open strong{font-size:var(--text-body);line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.cth-task-open>span{font-size:var(--text-label);line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.cth-task-open:hover strong{text-decoration:underline;text-underline-offset:3px}
.cth-task-open:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:3px}
.cth-due{font-size:var(--text-label);color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.4;text-align:left}
.cth-empty{font-size:var(--text-label);color:var(--muted);padding:14px 0;margin:0}
.cth-completed{margin-top:4px;min-width:0}
.cth-completed>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0;border-radius:0;background:transparent;color:var(--ink,#111);cursor:pointer;font-size:var(--text-label);font-weight:600;list-style:none}
.cth-completed>summary::-webkit-details-marker{display:none}
.cth-completed>summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cth-completed>.cth-list{margin-top:8px}
.cth-task.is-completed .cth-task-open strong{color:var(--muted)}
.cth-task-hub.is-compact .cth-header{margin-bottom:12px}
.cth-task-hub.is-compact .cth-header h3{font:700 var(--text-body)/1.4 var(--font);letter-spacing:0}
.cpo-profile .cth-task-hub{margin-top:0}
.cth-task-hub.is-status .cth-header h3{font:800 var(--section-title-size,20px)/1.3 var(--display);letter-spacing:-.4px}
.cth-task-hub.is-status .cth-list{background:var(--white,#fff)}
.cth-task-hub.is-status .cth-task{position:relative;box-shadow:none}
.cth-task-hub.is-status .cth-task.is-urgent:not(.is-completed){--cth-rail-color:var(--red,#d20a2e)}
.cth-task-hub.is-status .cth-task.is-soon:not(.is-completed){--cth-rail-color:var(--gold,#fdc52c)}
.cth-task-hub.is-status .cth-task:is(.is-urgent,.is-soon):not(.is-completed)::before{content:'';position:absolute;inset:var(--status-rail-inset,12px) auto var(--status-rail-inset,12px) 0;width:var(--status-rail-width,3px);border:0;border-radius:var(--status-rail-radius,0 3px 3px 0);background:var(--cth-rail-color);pointer-events:none}
.cth-task-hub.is-status .cth-task.is-urgent:not(.is-completed) .cth-due{color:var(--red,#d20a2e);font-weight:600}
.cth-task-hub.is-status .cth-task.is-urgent.is-in-progress{--cth-rail-color:var(--gold,#fdc52c)}
.cth-task-hub.is-status .cth-task.is-urgent.is-in-progress .cth-due{color:var(--ink,#111)}
.cth-urgency-panel .cth-task.is-urgent .cth-due{color:var(--red,#d20a2e);font-weight:600}
.cth-more{margin-top:8px;min-width:0}
.cth-more>summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;cursor:pointer;font-size:var(--text-label,14px);font-weight:600;list-style:none}
.cth-more>summary::after{content:'+';font-size:20px;font-weight:400}
.cth-more[open]>summary::after{content:'−'}
.cth-more>summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:600px){.cth-counts{gap:8px}.cth-urgency-tab{padding:14px 10px}.cth-counts strong{font-size:26px}.cth-task{padding:10px 10px;gap:8px}.cth-actions{gap:0}.cth-actions>.agenda-arrow{width:30px}.cth-due{font-size:13px}.cth-task-open strong{font-size:var(--text-label)}.cth-task-open>span{font-size:13px}.cth-header h2{font-size:22px}}