/* Tarefas · console operacional. Escopo local; os normalizadores antigos
   excluem estes componentes no próprio dono (alos-clear.css). */
body {
  --wtc-bg:#f7f9fc; --wtc-surface:#fff; --wtc-raised:#f0f4f9;
  --wtc-text:#102238; --wtc-muted:#536980; --wtc-line:#ccd9e7;
  --wtc-accent:#087e63; --wtc-soft:#e5f5ef; --wtc-blue:#245fda;
  --wtc-warn:#9d6109; --wtc-danger:#bc343d; --wtc-danger-soft:#fff0f1;
  --wtc-shadow:0 20px 54px -30px #183b6140; --wtc-glass:linear-gradient(130deg,#ffffffed,#edf7f5e0);
}
body.dark {
  --wtc-bg:#060b14; --wtc-surface:#0d1726; --wtc-raised:#121f33;
  --wtc-text:#e8f0fb; --wtc-muted:#9caec6; --wtc-line:#283b54;
  --wtc-accent:#2dd4a7; --wtc-soft:#0c2c2b; --wtc-blue:#78a5ff;
  --wtc-warn:#f4b553; --wtc-danger:#ff8891; --wtc-danger-soft:#301a26;
  --wtc-shadow:0 24px 58px -30px #000c; --wtc-glass:linear-gradient(130deg,#15293aec,#0c2029ec);
}
body[data-view="tarefas"] { background:var(--wtc-bg); }
body[data-view="tarefas"] .main { background:var(--wtc-bg); }
#workTasksBody .wtc-wrap { max-width:1360px; margin:0 auto; padding:32px 38px 72px; color:var(--wtc-text); font-family:'Manrope',sans-serif; }
#workTasksBody .wtc-wrap *,#workTasksBody .wtc-wrap *::before,#workTasksBody .wtc-wrap *::after { box-sizing:border-box; }
#workTasksBody .wtc-wrap :is(button,summary,select,input) { font-family:inherit; }
#workTasksBody .wtc-wrap :is(button,summary,[data-wtid],a,input,select):focus-visible { outline:3px solid var(--wtc-blue); outline-offset:4px; }
#workTasksBody .wtc-wrap button { cursor:pointer; }
#workTasksBody .wtc-wrap button:disabled { opacity:.45; cursor:default; }
#workTasksBody .wtc-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,1fr); gap:24px 48px; position:relative; margin-bottom:26px; isolation:isolate; animation:wtc-arrive .65s both; animation-delay:var(--wtc-phase); }
#workTasksBody .wtc-overview::before { content:''; position:absolute; z-index:-1; width:380px; max-width:80%; height:250px; right:0; top:-20px; background:radial-gradient(ellipse,color-mix(in srgb,var(--wtc-accent) 12%,transparent),transparent 70%); pointer-events:none; }
#workTasksBody .wtc-console { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; padding:4px 0; border:0; background:transparent; box-shadow:none; }
#workTasksBody .wtc-intro { min-width:0; align-self:stretch; }
#workTasksBody .wtc-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:12px; color:var(--wtc-accent); font:500 10px/1.5 'JetBrains Mono',monospace; letter-spacing:.16em; }
#workTasksBody .wtc-eyebrow::before { content:''; width:22px; height:2px; border-radius:2px; background:var(--wtc-accent); }
#workTasksBody #wtcTitle { margin:0 0 12px; color:var(--wtc-text); font:600 clamp(36px,3.5vw,52px)/1.04 'Archivo','Manrope',sans-serif; letter-spacing:-.05em; }
#workTasksBody #wtcTitle em { display:block; font-style:normal; color:var(--wtc-accent); }
#workTasksBody .wtc-description { color:var(--wtc-muted); font-size:14px; line-height:1.6; }
#workTasksBody .wtc-status { display:flex; align-items:center; gap:8px; font-size:10px; color:var(--wtc-muted); }
#workTasksBody .wtc-status::before { content:''; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:currentColor; }
#workTasksBody .wtc-status.is-connected { color:var(--wtc-accent); }
#workTasksBody .wtc-status.is-connected::before { animation:wtc-breathe 4s ease-in-out infinite; animation-delay:var(--wtc-phase); }
#workTasksBody .wtc-status.is-reconnecting { color:var(--wtc-warn); }
#workTasksBody .wtc-next { display:grid; grid-template-columns:minmax(0,1fr) 64px; align-content:center; align-items:center; gap:16px 22px; min-width:0; padding:30px 32px; border:1px solid color-mix(in srgb,var(--wtc-accent) 22%,var(--wtc-line)); border-radius:36px 36px 12px 36px; background:var(--wtc-glass); box-shadow:var(--wtc-shadow),inset 0 1px 0 #ffffff18; position:relative; overflow:hidden; }
#workTasksBody .wtc-next > :not(.wtc-vector) { position:relative; z-index:1; }
#workTasksBody .wtc-next > span { grid-column:1; color:var(--wtc-accent); font:500 10px/1.5 'JetBrains Mono',monospace; letter-spacing:.12em; }
#workTasksBody .wtc-next > b { grid-column:1; color:var(--wtc-text); font:600 clamp(18px,1.6vw,23px)/1.35 'Archivo','Manrope',sans-serif; letter-spacing:-.025em; overflow-wrap:anywhere; }
#workTasksBody .wtc-next > small { grid-column:1; color:var(--wtc-muted); font-size:11px; line-height:1.7; }
#workTasksBody .wtc-next > button { grid-column:2; grid-row:2/4; display:flex; flex-direction:column-reverse; align-items:center; justify-content:center; gap:9px; width:64px; min-height:82px; padding:0; border:0; background:transparent; color:var(--wtc-accent); font-size:9px; font-weight:750; transition:transform .22s; }
#workTasksBody .wtc-next > button .ic { width:56px; height:56px; padding:16px; border-radius:50%; background:var(--wtc-accent); color:var(--wtc-surface); box-shadow:0 8px 24px -12px var(--wtc-accent); transition:transform .25s,box-shadow .25s; }
#workTasksBody .wtc-next > button:hover .ic { transform:rotate(-35deg); box-shadow:0 12px 28px -10px var(--wtc-accent); }
#workTasksBody .wtc-vector { position:absolute; top:-28px; right:-8px; width:150px; height:130px; color:var(--wtc-accent); opacity:.2; pointer-events:none; stroke:currentColor; stroke-width:1; }
#workTasksBody .wtc-vector path:nth-child(2) { stroke-dasharray:5 7; animation:wtc-current 22s linear infinite; animation-delay:var(--wtc-phase); }
#workTasksBody .wtc-vector circle { fill:currentColor; }
#workTasksBody .wt4-next-ok { grid-column:1/-1; display:flex; align-items:center; gap:14px; color:var(--wtc-muted); }
#workTasksBody .wt4-next-ok > .ic { color:var(--wtc-accent); }
#workTasksBody .wt4-next-ok b { color:var(--wtc-text); font-family:'Archivo',sans-serif; }
#workTasksBody .wtc-telemetry { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; padding:8px; border:1px solid color-mix(in srgb,var(--wtc-line) 60%,transparent); border-radius:26px; background:color-mix(in srgb,var(--wtc-surface) 86%,transparent); box-shadow:0 10px 40px -30px #10223844; }
#workTasksBody .wtc-telemetry > button { position:relative; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:14px; min-width:0; padding:14px 20px; border:0; border-radius:20px; background:transparent; box-shadow:none; color:var(--wtc-text); text-align:left; transition:background .22s,transform .22s; }
#workTasksBody .wtc-telemetry > button + button::before { content:''; position:absolute; left:-4px; width:1px; height:24px; background:var(--wtc-line); }
#workTasksBody .wtc-telemetry > button > b { color:var(--wtc-text); font:400 32px/1 'JetBrains Mono',monospace; letter-spacing:-.06em; }
#workTasksBody .wtc-telemetry > button > span { margin:0; color:var(--wtc-muted); font-size:12px; line-height:1.5; font-weight:500; letter-spacing:0; text-transform:none; }
#workTasksBody .wtc-telemetry > button > small { display:none; }
#workTasksBody .wtc-telemetry > .danger:not(.is-clear) > b { color:var(--wtc-warn); }
#workTasksBody .wtc-telemetry > .done > b { color:var(--wtc-accent); }
#workTasksBody .wtc-telemetry > button:hover,#workTasksBody .wtc-telemetry > button[aria-pressed="true"] { background:var(--wtc-soft); }
#workTasksBody .wtc-primary { position:relative; top:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:0; margin:0; background:transparent; border:0; box-shadow:none; backdrop-filter:none; z-index:2; }
#workTasksBody .wtc-primary .wt5-primary-field { min-width:0; min-height:56px; padding:8px 0; border:0; border-bottom:1px solid var(--wtc-line); background:transparent; border-radius:0; box-shadow:none; transform:none; gap:8px; }
#workTasksBody .wtc-primary .wt5-primary-field > span { gap:6px; }
#workTasksBody .wtc-primary .wt5-primary-field :is(small,.ic) { color:var(--wtc-muted); }
#workTasksBody .wtc-primary .wt5-primary-field small { font:500 10px/1.3 'JetBrains Mono',monospace; letter-spacing:.07em; }
#workTasksBody .wtc-primary .wt5-primary-field select { color:var(--wtc-text); font-size:12px; background:transparent; border-radius:2px; }
#workTasksBody .wtc-wrap select option { background:var(--wtc-surface); color:var(--wtc-text); }
#workTasksBody .wtc-primary .wt5-clear { grid-column:1/-1; justify-self:end; color:var(--wtc-muted); font-size:12px; }
#workTasksBody .wtc-command { display:block; position:relative; top:auto; z-index:3; margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
#workTasksBody .wtc-command .wt4-command-top { display:flex; flex-wrap:wrap; gap:12px; padding:0; }
#workTasksBody .wtc-command .wt4-command-bottom { padding:18px 0 0; margin:0; border:0; }
#workTasksBody .wtc-command .wt4-utilities { display:flex; flex-wrap:wrap; gap:10px; width:100%; align-items:center; overflow:visible; }
#workTasksBody .wtc-command .wt4-utilities > * { flex-shrink:0; }
#workTasksBody .wtc-command .wt4-search { display:flex; height:50px; min-width:180px; flex:1; align-items:center; padding:0 18px; background:var(--wtc-surface); border:1px solid color-mix(in srgb,var(--wtc-line) 65%,transparent); border-radius:28px; }
#workTasksBody .wtc-command .wt4-search :is(input,button) { min-height:42px; background:transparent; border:0; color:var(--wtc-text); }
#workTasksBody .wtc-command .wt4-search input { width:100%; padding:10px; font-size:13px; }
#workTasksBody .wtc-command .wt4-search :is(.ic,input::placeholder) { color:var(--wtc-muted); }
#workTasksBody .wtc-command :is(button,summary,.wt-sortsel) { min-height:40px; border:1px solid var(--wtc-line); background:var(--wtc-surface); border-radius:24px; color:var(--wtc-text); box-shadow:none; font-size:12px; }
#workTasksBody .wtc-command button:hover { border-color:var(--wtc-blue); }
#workTasksBody .wtc-command .wt-sortsel { width:100%; height:42px; margin:0; padding:6px 10px; }
#workTasksBody .wtc-command .wt-sortsel select { background:transparent; color:var(--wtc-text); }
#workTasksBody .wtc-command .wt-viewtoggle { border:1px solid color-mix(in srgb,var(--wtc-line) 65%,transparent); border-radius:28px; gap:4px; padding:4px; margin-right:auto; background:var(--wtc-surface); }
#workTasksBody .wtc-command .wt-viewtoggle button { border-color:transparent; background:transparent; min-width:36px; }
#workTasksBody .wtc-command .wt-viewtoggle button.active { border-color:transparent; color:var(--wtc-accent); background:var(--wtc-soft); }
#workTasksBody .wtc-command .wt-create-menu > summary { min-height:50px; padding:10px 24px; background:var(--wtc-blue); color:#fff; border-color:var(--wtc-blue); font-weight:800; box-shadow:0 8px 20px -12px var(--wtc-blue); }
body.dark #workTasksBody .wtc-command .wt-create-menu > summary { background:#3d7dfb; border-color:#3d7dfb; }
#workTasksBody .wtc-command .wt-create-menu > div { background:var(--wtc-surface); border-color:var(--wtc-line); box-shadow:var(--wtc-shadow); }
#workTasksBody .wtc-command .wt-create-menu > div button { background:transparent; border:0; min-height:56px; }
#workTasksBody .wtc-command .wt-create-menu > div :is(b,small) { color:var(--wtc-text); }
#workTasksBody .wtc-command .wt-refresh { min-width:50px; height:50px; border-radius:50%; }
#workTasksBody :is(.wtc-filter-panel,.wtc-options) { position:static; }
#workTasksBody :is(.wtc-filter-panel,.wtc-options) > summary { display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; list-style:none; cursor:pointer; border-color:transparent; background:transparent; color:var(--wtc-muted); }
#workTasksBody :is(.wtc-filter-panel,.wtc-options) > summary::-webkit-details-marker { display:none; }
#workTasksBody :is(.wtc-filter-panel,.wtc-options)[open] > summary { color:var(--wtc-accent); background:var(--wtc-soft); }
#workTasksBody .wtc-disclosure-body { position:absolute; top:calc(100% + 12px); right:0; z-index:10; width:320px; max-width:100%; max-height:70vh; overflow:auto; padding:24px; border:1px solid var(--wtc-line); border-radius:26px; background:var(--wtc-surface); box-shadow:var(--wtc-shadow); }
#workTasksBody .wtc-filter-panel > .wtc-disclosure-body { width:680px; }
#workTasksBody .wtc-disclosure-body > b { display:block; margin-bottom:22px; font:600 15px 'Archivo',sans-serif; }
#workTasksBody .wtc-options .wt-export { display:flex; gap:10px; margin:16px 0; }
#workTasksBody .wtc-options .wt-export button { flex:1; width:auto; padding:0 12px; white-space:nowrap; }
#workTasksBody .wtc-options .wt-selall { width:100%; padding:0 12px; font-size:12px; }
#workTasksBody .wtc-wrap .wt-context-details { margin:20px 0 0; border:0; border-top:1px solid var(--wtc-line); border-radius:0; background:transparent; }
#workTasksBody .wtc-wrap .wt-context-details > summary { min-height:48px; padding:14px 0; border:0; color:var(--wtc-muted); }
#workTasksBody .wtc-wrap .wt-context-details > summary small { display:none; }
#workTasksBody .wtc-wrap .wt4-list-head { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:26px 0 20px; }
#workTasksBody .wtc-wrap .wt4-list-head > div:first-child { margin-right:auto; }
#workTasksBody .wtc-wrap .wt4-list-head > div:first-child > span { color:var(--wtc-accent); font:500 10px/1.4 'JetBrains Mono',monospace; letter-spacing:.09em; }
#workTasksBody .wtc-wrap #workTaskCount { margin:6px 0 0; color:var(--wtc-text); font:600 18px/1.3 'Archivo','Manrope',sans-serif; }
#workTasksBody .wtc-wrap .wt4-list-head > div:nth-child(2) { color:var(--wtc-muted); font-size:11px; max-width:50%; }
#workTasksBody .wtc-shortcuts { margin-top:18px; position:relative; }
#workTasksBody .wtc-shortcuts summary { display:flex; align-items:center; gap:7px; min-height:40px; padding:10px 0; border:0; border-top:1px solid var(--wtc-line); border-radius:0; color:var(--wtc-muted); font-size:12px; cursor:pointer; list-style:none; }
#workTasksBody .wtc-shortcuts summary::-webkit-details-marker { display:none; }
#workTasksBody .wtc-shortcuts > div { padding:14px 0 0; font-size:12px; }
#workTasksBody .wtc-shortcuts dl { display:grid; grid-template-columns:auto 1fr; gap:12px 16px; margin:18px 0; }
#workTasksBody .wtc-shortcuts dd { margin:0; color:var(--wtc-muted); }
#workTasksBody .wtc-shortcuts kbd { display:inline-block; border:1px solid var(--wtc-line); padding:2px 5px; border-radius:4px; font:500 10px 'JetBrains Mono',monospace; color:var(--wtc-text); background:var(--wtc-raised); }
#workTasksBody .wtc-shortcuts small { display:block; color:var(--wtc-muted); line-height:1.6; }
#workTasksBody .wtc-wrap .wt-list { gap:14px; }
#workTasksBody .wtc-card { position:relative; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; padding:22px 26px; gap:9px 20px; min-width:0; border:1px solid color-mix(in srgb,var(--wtc-line) 55%,transparent); border-radius:28px; background:var(--wtc-surface); box-shadow:0 3px 15px -10px #10223833; color:var(--wtc-text); transition:border-color .22s,background .22s,box-shadow .22s,transform .22s; }
#workTasksBody .wtc-card:hover { border-color:color-mix(in srgb,var(--wtc-accent) 50%,var(--wtc-line)); background:var(--wtc-surface); box-shadow:var(--wtc-shadow); transform:translateY(-2px); }
#workTasksBody .wtc-card.selected { border-color:var(--wtc-accent); background:var(--wtc-soft); }
#workTasksBody .wtc-card .wt-card-top { display:contents; }
#workTasksBody .wtc-card-context { grid-column:2; grid-row:1; display:flex; flex-wrap:wrap; align-items:center; gap:7px; min-width:0; }
#workTasksBody .wtc-card .wt-card-tools { grid-column:3; grid-row:1/3; margin:0; }
#workTasksBody .wtc-card .wt-h3 { grid-column:2; grid-row:2; min-width:0; overflow-wrap:anywhere; font:600 16px/1.5 'Manrope',sans-serif; margin:0; color:var(--wtc-text); }
#workTasksBody .wtc-card .wt-meta { grid-column:2; grid-row:3; min-width:0; overflow-wrap:anywhere; color:var(--wtc-muted); font-size:11px; line-height:1.65; }
#workTasksBody .wtc-card > :is(.wt-etqs,.wt-astrea,.wt-card-foot) { grid-column:2/-1; }
#workTasksBody .wtc-card .wt-meta > span { min-width:0; }
#workTasksBody .wtc-card .wt-meta b { color:var(--wtc-text); font-weight:600; }
#workTasksBody .wtc-card .wt-due { margin:0; padding:5px 10px; border-radius:20px; font:500 9px/1.4 'JetBrains Mono',monospace; color:var(--wtc-muted); background:var(--wtc-raised); }
/* Prazo vencido e vermelho; ambar fica reservado aos avisos de atencao. */
#workTasksBody .wtc-card .wt-due.late { color:var(--wtc-danger); background:var(--wtc-danger-soft); }
#workTasksBody .wtc-card .wt-due.today { color:var(--wtc-accent); background:var(--wtc-soft); }
#workTasksBody .wtc-card .wt-conc { grid-column:1; grid-row:1/4; border:1px solid var(--wtc-line); background:transparent; color:var(--wtc-accent); width:40px; height:40px; min-height:40px; border-radius:50%; }
#workTasksBody .wtc-card .wt-conc:hover { background:var(--wtc-soft); border-color:var(--wtc-accent); }
#workTasksBody .wtc-card .wt-conc .ic { opacity:.4; }
#workTasksBody .wtc-card .wt-conc:is(:hover,.done) .ic { opacity:1; }
#workTasksBody .wtc-card .wt-card-tools :is(.wt-selcbwrap,.wt-kebab) { border-color:color-mix(in srgb,var(--wtc-line) 60%,transparent); border-radius:20px; color:var(--wtc-muted); background:transparent; min-height:36px; }
#workTasksBody .wtc-card .wt-selcb { accent-color:var(--wtc-accent); }
#workTasksBody .wtc-card .wt-today-quick { grid-column:3; grid-row:3; position:static; display:flex; width:max-content; max-width:100%; margin:0 0 0 auto; padding:7px 12px; border-radius:20px; font-size:10px; }
#workTasksBody .wtc-card.wt-row { display:flex; gap:16px; cursor:pointer; }
#workTasksBody .wtc-card .wtr-main { min-width:0; flex:1; }
#workTasksBody .wtc-card .wtr-desc { overflow-wrap:anywhere; color:var(--wtc-text); font-weight:650; }
#workTasksBody .wtc-card .wtr-meta { color:var(--wtc-muted); }
#workTasksBody .wtc-card .wtr-due { font:500 11px 'JetBrains Mono',monospace; }
#workTasksBody .wtc-card .wtr-due.late { color:var(--wtc-danger); }
#workTasksBody .wtc-wrap .wt-pager button { min-height:40px; border-color:var(--wtc-line); color:var(--wtc-text); background:var(--wtc-surface); }
@keyframes wtc-breathe { 0%,100% { box-shadow:0 0 0 0 transparent; } 50% { box-shadow:0 0 0 4px color-mix(in srgb,var(--wtc-accent) 14%,transparent); } }
@keyframes wtc-current { to { stroke-dashoffset:-120; } }
@keyframes wtc-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1050px) {
  #workTasksBody .wtc-wrap { padding:28px 24px 48px; }
  #workTasksBody .wtc-overview { gap:24px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
  #workTasksBody .wtc-next { padding:26px; }
  #workTasksBody .wtc-telemetry > button { padding:14px 12px; gap:10px; }
  #workTasksBody .wtc-telemetry > button > span { font-size:11px; }
}
@media (max-width:640px) {
  #workTasksBody .wtc-wrap { padding:22px 16px 40px; }
  #workTasksBody .wtc-overview { grid-template-columns:minmax(0,1fr); gap:20px; margin-bottom:26px; }
  #workTasksBody .wtc-console { gap:12px; padding:0; }
  #workTasksBody .wtc-eyebrow { margin-bottom:10px; }
  #workTasksBody #wtcTitle { font-size:36px; margin-bottom:12px; }
  #workTasksBody #wtcTitle em { display:inline; margin-left:.16em; }
  #workTasksBody .wtc-description { font-size:13px; }
  #workTasksBody .wtc-status { font-size:9px; }
  #workTasksBody .wtc-next { grid-template-columns:minmax(0,1fr) 52px; padding:24px; gap:12px 18px; border-radius:28px 28px 10px 28px; }
  #workTasksBody .wtc-next > b { font-size:18px; }
  #workTasksBody .wtc-next > small { font-size:10px; }
  #workTasksBody .wtc-next > button { width:52px; }
  #workTasksBody .wtc-next > button .ic { width:48px; height:48px; padding:13px; }
  #workTasksBody .wtc-vector { width:120px; }
  #workTasksBody .wtc-telemetry { gap:0; padding:6px; border-radius:22px; }
  #workTasksBody .wtc-telemetry > button { flex-direction:column; align-items:flex-start; gap:7px; padding:12px 7px; border-radius:16px; }
  #workTasksBody .wtc-telemetry > button + button::before { height:38px; left:0; }
  #workTasksBody .wtc-telemetry > button > b { font-size:25px; }
  #workTasksBody .wtc-telemetry > button > span { font-size:9px; }
  #workTasksBody .wtc-primary { grid-template-columns:minmax(0,1fr); gap:14px; }
  #workTasksBody .wtc-primary .wt5-clear { min-height:34px; justify-self:end; }
  #workTasksBody .wtc-command { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px 8px; }
  #workTasksBody .wtc-command :is(.wt4-command-top,.wt4-command-bottom,.wt4-utilities) { display:contents; }
  #workTasksBody .wtc-command .wt4-search { grid-column:1/6; grid-row:1; min-width:0; padding:0 12px; }
  #workTasksBody .wtc-command .wt4-search input { min-width:0; font-size:12px; padding:8px; }
  #workTasksBody .wtc-command .wt-refresh { grid-column:6; grid-row:1; justify-self:end; }
  #workTasksBody .wtc-command .wt-create-menu { grid-column:5/7; grid-row:2; min-width:0; }
  #workTasksBody .wtc-command .wt-create-menu > summary { justify-content:center; }
  #workTasksBody .wtc-command .wt-viewtoggle { grid-column:1/5; grid-row:2; width:100%; gap:2px; justify-content:space-between; min-width:0; }
  #workTasksBody .wtc-command .wt-viewtoggle button { min-width:30px; padding-inline:8px; }
  #workTasksBody .wtc-filter-panel { grid-column:1/4; grid-row:3; justify-self:start; }
  #workTasksBody .wtc-options { grid-column:4/7; grid-row:3; justify-self:end; }
  #workTasksBody .wtc-command :is(.wt-export button,.wt-selall) { width:auto; padding:0 10px; white-space:nowrap; }
  #workTasksBody .wtc-command .wt-sortsel { flex-basis:100%; margin:0; }
  #workTasksBody .wtc-wrap .wt4-list-head > div:nth-child(2) { max-width:100%; order:3; flex-basis:100%; }
  #workTasksBody .wtc-card { grid-template-columns:34px minmax(0,1fr); padding:20px 18px; gap:10px 12px; border-radius:24px; }
  #workTasksBody .wtc-card .wt-conc { width:34px; height:34px; min-height:34px; align-self:start; }
  #workTasksBody .wtc-card .wt-card-tools { gap:6px; grid-column:2; grid-row:4; justify-content:flex-end; }
  #workTasksBody .wtc-card .wt-h3 { font-size:14px; }
  #workTasksBody .wtc-card .wt-meta { font-size:10px; }
  #workTasksBody .wtc-card .wt-today-quick { grid-column:2; grid-row:5; }
  #workTasksBody .wtc-card .wt-card-tools .wt-selcbwrap span { font-size:10px; }
  #workTasksBody .wtc-card .wt-due { margin-left:0; }
  #workTasksBody .wtc-card.wt-row { flex-wrap:wrap; gap:10px; }
  #workTasksBody .wtc-card .wtr-main { flex-basis:calc(100% - 60px); }
}
@media (prefers-reduced-motion:reduce) {
  #workTasksBody .wtc-wrap *,#workTasksBody .wtc-wrap *::before,#workTasksBody .wtc-wrap *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}