.work-centre{margin:var(--rp-space-3) 0 var(--rp-space-4);border:1px solid var(--line);border-radius:var(--rp-card-radius);background:var(--paper);overflow:hidden;min-width:0;font-variant-numeric:tabular-nums}
.work-centre>summary{display:flex;align-items:center;gap:var(--rp-space-3);list-style:none;cursor:pointer;padding:var(--rp-space-3) var(--rp-space-4);background:var(--paper);color:var(--ink);min-height:72px;transition:background-color var(--rp-state-duration)}.work-centre>summary:hover{background:var(--surface-hover)}
.work-centre>summary::-webkit-details-marker{display:none}.work-centre>summary>.icon{width:var(--rp-icon-sm);flex:none;color:var(--muted);transition:transform var(--rp-panel-duration) var(--rp-ease)}.work-centre[open]>summary>.icon{transform:rotate(180deg)}
.wc-ring{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}.wc-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.wc-ring circle{fill:none;stroke-width:3.2}.wc-ring-track{stroke:var(--surface-soft)}.wc-ring-value{stroke:var(--accent-bright);stroke-linecap:round;transition:stroke-dasharray var(--rp-panel-duration) var(--rp-ease)}.wc-ring b{position:relative;font-size:var(--rp-strong-size);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.wc-summary{display:block;min-width:0;flex:1}.wc-summary strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 var(--rp-space-2);font-size:var(--rp-strong-size);font-weight:600;color:var(--ink)}.wc-summary strong>span{font-size:var(--rp-help-size);font-weight:400;color:var(--muted)}.wc-summary>small{display:block;margin-top:var(--rp-space-1);font-size:var(--rp-small-size);line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.wc-overdue{color:var(--warning-ink)}
.wc-reminder-counts{display:flex;align-items:center;gap:var(--rp-space-1);font-size:var(--rp-help-size);font-weight:400;color:var(--muted);margin-top:var(--rp-space-2);flex-wrap:wrap}.wc-summary strong>.wc-reminder-counts{margin:0 0 0 auto}.wc-reminder-counts>.icon{width:var(--rp-icon-sm);height:var(--rp-icon-sm)}.wc-reminder-counts i{font-style:normal;margin:0 3px}.wc-later{margin-top:var(--rp-space-1);border-top:1px solid var(--line)}.wc-later>summary{display:flex;align-items:center;gap:var(--rp-space-1);min-height:var(--rp-control-size);list-style:none;cursor:pointer;font-size:var(--rp-small-size);color:var(--muted)}.wc-later>summary::-webkit-details-marker{display:none}.wc-later>summary small{font-size:var(--rp-help-size)}.wc-later>summary .icon{width:var(--rp-icon-sm);margin-left:auto;transition:transform var(--rp-panel-duration) var(--rp-ease)}.wc-later[open]>summary .icon{transform:rotate(180deg)}.wc-later-note{font-size:var(--rp-help-size);line-height:1.6;color:var(--muted);margin:0 0 var(--rp-space-1)}
.wc-body{padding:var(--rp-space-3);min-width:0}.wc-tools{display:flex;align-items:center;flex-wrap:wrap;gap:3px var(--rp-space-3);margin-bottom:var(--rp-space-2)}.wc-tools .text-button{font-size:var(--rp-help-size);min-height:var(--rp-control-compact)}.wc-scope{margin-right:auto}
.wc-filters{display:flex;flex-wrap:wrap;gap:var(--rp-space-1);margin-bottom:var(--rp-space-3)}.wc-filters .rp-filter[aria-pressed=true]>.icon{display:none}.wc-filters .rp-filter b{font-size:var(--rp-help-size)}.wc-filters .rp-filter:is([data-filter=afterSales],[data-filter=updates]):not([aria-pressed=true]){background:var(--surface-soft)}
.wc-section>header,.wc-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--rp-space-2);padding:var(--rp-space-2) 0 var(--rp-space-1)}.wc-section h3,.wc-section-head h3{font-size:var(--rp-small-size);margin:0}.wc-section h3 small,.wc-section-head small{font-weight:400;color:var(--muted);margin-left:var(--rp-space-1)}.wc-section>header .text-button{font-size:var(--rp-help-size);min-height:var(--rp-control-compact)}.wc-section+.wc-section{border-top:1px solid var(--line);margin-top:var(--rp-space-2)}
.work-centre .tc-row{border:1px solid var(--line);border-radius:var(--rp-control-radius);margin:var(--rp-space-1) 0;overflow:hidden}.work-centre .tc-row>summary{padding:var(--rp-space-2);gap:var(--rp-space-2)}.work-centre .tc-copy strong{font-size:var(--rp-small-size);line-height:1.5}.work-centre .tc-copy small{font-size:var(--rp-help-size)}.work-centre .tc-expanded{padding:0 var(--rp-space-2) var(--rp-space-2)}.work-centre .rp-state{padding:var(--rp-space-3) var(--rp-space-1)}.work-centre .rp-state-icon{display:none}
.wc-link{display:flex;align-items:center;gap:var(--rp-space-3);min-height:var(--rp-control-size);padding:var(--rp-space-2) 0;border-bottom:1px solid var(--line)}.wc-link>span{flex:1;min-width:0}.wc-link strong{display:block;font-size:var(--rp-small-size);overflow-wrap:anywhere}.wc-link small{display:block;color:var(--muted);font-size:var(--rp-help-size);margin-top:3px}.wc-link>.icon{width:var(--rp-icon-sm);flex:none}
.wc-reminder-intro{display:flex;flex-wrap:wrap;gap:var(--rp-space-1) var(--rp-space-3);color:var(--muted);font-size:var(--rp-help-size);line-height:1.6;margin:var(--rp-space-1) 0 var(--rp-space-3)}.wc-after-groups{display:grid;gap:var(--rp-space-3)}.wc-after-store{padding:var(--rp-space-2);border:1px solid var(--line);border-radius:var(--rp-control-radius)}.wc-after-store>header{display:flex;justify-content:space-between;align-items:center;font-size:var(--rp-small-size)}.wc-after-store>small{display:block;color:var(--muted);font-size:var(--rp-help-size);margin:var(--rp-space-1) 0 var(--rp-space-2)}.wc-reminder .wc-link{border:0;padding-bottom:3px}.wc-reminder{border-top:1px solid var(--line);padding:var(--rp-space-1) 0 var(--rp-space-2)}.wc-reminder p{font-size:var(--rp-help-size);line-height:1.6;margin:0;overflow-wrap:anywhere}.wc-reminder>small{font-size:var(--rp-help-size);color:var(--muted)}.wc-after-store>.text-button{min-height:var(--rp-control-size);font-size:var(--rp-help-size)}
.work-centre [hidden]{display:none!important}.work-centre :focus-visible{outline:var(--rp-focus-width) solid var(--accent);outline-offset:3px}.wc-standalone{margin-top:0}.wc-standalone>.wc-body{padding:var(--rp-space-4)}.wc-standalone .wc-work-list{display:grid;gap:var(--rp-space-3)}.wc-standalone .wc-section+.wc-section{border-top:0;margin-top:0}
@media(min-width:1000px){.wc-standalone .wc-work-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.wc-standalone .wc-after-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:719px){.work-centre{margin:var(--rp-space-2) 0 var(--rp-space-3)}.wc-body,.wc-standalone>.wc-body{padding:var(--rp-space-2)}.wc-filters{gap:var(--rp-space-1)}.work-centre .tc-check{min-width:44px;min-height:44px}.work-centre .tp-people{min-width:0}}
@media(prefers-reduced-motion:reduce){.work-centre>summary>.icon,.wc-later>summary .icon{transition:none}}
.tc-responsibility-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--rp-space-1) var(--rp-space-3);font-size:var(--rp-help-size);margin:var(--rp-space-2) 0;color:var(--muted)}
.tc-responsibility-summary strong{font-weight:600;color:var(--ink)}
.tc-responsibility-actions{display:flex;flex-wrap:wrap;gap:var(--rp-space-2);padding-top:var(--rp-space-2)}
.tc-responsibility-actions .button{min-height:var(--rp-control-size)}
.tc-team-reward{font-size:var(--rp-help-size);line-height:1.5;color:var(--muted);margin:var(--rp-space-2) 0}
.tc-fixed-people>summary{display:flex;align-items:center;gap:var(--rp-space-1);font-size:var(--rp-help-size);font-weight:600;min-height:var(--rp-control-size);cursor:pointer;list-style:none}
.tc-fixed-people .people-row{gap:var(--rp-space-3);flex-wrap:wrap}

.wc-search{display:flex;gap:var(--rp-space-1);flex-wrap:wrap;margin-bottom:var(--rp-space-2)}.wc-search input{flex:1;min-width:130px;width:auto;font-size:var(--rp-strong-size)}.wc-search select{max-width:160px;min-width:0}.wc-search .button{min-height:var(--rp-control-size);font-size:var(--rp-help-size)}.wc-search select{font-size:var(--rp-small-size)}

.wc-after-groups .wc-after-store{min-width:0}
/* The due time sits in the title row instead of a line of its own (owner request 28 Sept: denser Home) */
/* Task and notice rows start at the same place (R-shared-16): both keep a 3px left edge and a 12px inset.
   Overdue task rows colour that edge, as unread notices colour theirs. */
.work-centre .tc-row{border-left-width:3px}.work-centre .tc-row>summary{padding-left:var(--rp-space-3)}.work-centre .tc-expanded{padding-left:var(--rp-space-3)}
.work-centre .tc-row.overdue{box-shadow:none;border-left-color:var(--warning-ink)}
/* ---------- Training and notice cards (owner, round 3, 28 Sept 2026) ----------
   Type colours and card bars are the shared fixed --task-* tokens, the same in every theme (R-home-R3-02). */
/* Where the card is wide enough: training and offer learning stack on the left, notices on the right; either group
   alone takes the full width; every other group takes the full row. */
.work-centre .wc-body{container-type:inline-size}
.work-centre .wc-work-list{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--rp-space-4);align-items:start;grid-auto-flow:row dense}
.work-centre .wc-work-list>[data-wc-section]:not([data-wc-section="training"],[data-wc-section="offer"],[data-wc-section="notice"]){grid-column:1 / -1}
@container (min-width:560px){
  .work-centre .wc-work-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work-centre .wc-work-list>:is([data-wc-section="training"],[data-wc-section="offer"]){grid-column:1}
  .work-centre .wc-work-list>[data-wc-section="notice"]{grid-column:2;grid-row:span 2}
  .work-centre .wc-work-list:not(:has(>[data-wc-section="notice"]:not([hidden])))>:is([data-wc-section="training"],[data-wc-section="offer"]),.work-centre .wc-work-list:not(:has(>:is([data-wc-section="training"],[data-wc-section="offer"]):not([hidden])))>[data-wc-section="notice"]{grid-column:1 / -1;grid-row:auto}
}
.work-centre .wc-work-list>:is([data-wc-section="training"],[data-wc-section="offer"],[data-wc-section="notice"]){border-top:0;margin-top:0}
.wc-card{--card-soft:var(--paper);--card-edge:var(--line);--card-border:var(--line);--card-bar:var(--card-edge);position:relative;display:flex;flex-direction:column;gap:var(--rp-space-2);min-height:112px;margin:var(--rp-space-2) 0;
  padding:var(--rp-space-3) var(--rp-space-3) var(--rp-space-2);border:1px solid var(--card-border);border-left:4px solid var(--card-edge);border-radius:var(--rp-control-radius);background:var(--card-soft);
  transition:transform var(--rp-press-duration) var(--rp-ease)}
.wc-card-training{--card-soft:var(--task-training-soft);--card-edge:var(--task-training-edge);--card-border:var(--task-training-line);--card-bar:var(--task-training-bar)}
.wc-card-training.is-overdue{--card-soft:var(--task-training-late-soft);--card-edge:var(--task-training-late-edge);--card-border:var(--task-training-late-line);--card-bar:var(--task-training-late-bar)}
.wc-card-notice{--card-soft:var(--task-notice-soft);--card-edge:var(--task-notice-edge);--card-border:var(--task-notice-line);--card-bar:var(--task-notice-bar)}
.wc-card-notice.is-overdue{--card-soft:var(--task-notice-late-soft);--card-edge:var(--task-notice-late-edge);--card-border:var(--task-notice-late-line);--card-bar:var(--task-notice-late-bar)}
.wc-card.is-done{--card-soft:var(--paper);--card-edge:var(--line);--card-border:var(--line);--card-bar:var(--muted)}
.wc-card:active{transform:scale(.985)}
.wc-card-head{display:flex;align-items:center;gap:var(--rp-space-2);min-width:0}
.wc-card-type{display:inline-flex;align-items:center;min-height:22px;padding:0 var(--rp-space-2);border-radius:var(--rp-chip-radius);font-size:var(--rp-help-size);font-weight:600;white-space:nowrap}
.wc-card-type.is-training{background:var(--task-training-tag);color:var(--task-training-ink)}
.wc-card-type.is-store{background:var(--task-notice-tag);color:var(--task-notice-ink)}
.wc-card-type.is-offer{background:var(--task-offer-tag);color:var(--task-offer-ink)}
.wc-card-type.is-update{background:var(--task-update-tag);color:var(--task-update-ink)}
.wc-card-due{margin-left:auto;font-size:var(--rp-help-size);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.wc-card-late{margin-left:auto;display:inline-flex;align-items:center;min-height:22px;padding:0 var(--rp-space-2);border-radius:var(--rp-pill-radius);font-size:var(--rp-help-size);font-weight:600;white-space:nowrap}
.wc-card-training .wc-card-late{background:var(--task-training-late-tag);color:var(--task-training-late-ink)}
.wc-card-notice .wc-card-late{background:var(--task-notice-late-tag);color:var(--task-notice-late-ink)}
/* The title link covers the whole card; person links sit above it (keyboard: title first, then each name). */
.wc-card-link{color:var(--ink);font-size:var(--rp-body-size);font-weight:600;line-height:var(--rp-leading-tight,1.3);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wc-card-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
/* The focus ring is drawn on the stretched area, so it frames the whole card. */
.work-centre .wc-card .wc-card-link:focus-visible{outline-color:transparent}
.wc-card .wc-card-link:focus-visible::after{outline:var(--rp-focus-width) solid var(--accent);outline-offset:2px}
.wc-card.is-done .wc-card-link{color:var(--muted)}
.wc-card .team-progress,.wc-card .tp-store-progress{position:relative;z-index:1;margin:auto 0 0}
/* One store: the bar takes the card's type colour (D-home-R3-2); the two-store view keeps store colours. */
.wc-card .team-progress[data-stores="1"] .tp-store[data-store]{--store-colour:var(--card-bar)}
.wc-card .tp-person{cursor:pointer}
.wc-card-self{margin-top:auto;display:flex;align-items:center;gap:var(--rp-space-2);font-size:var(--rp-help-size);color:var(--muted)}
.wc-card-self b{color:var(--ink);font-weight:600}
.wc-card-steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;flex:1;max-width:120px;margin-left:auto;height:6px;border-radius:var(--rp-pill-radius);overflow:hidden}
.wc-card-steps i{background:color-mix(in srgb,var(--card-bar) 22%,var(--paper))}
.wc-card-steps i.on{background:var(--card-bar)}
.wc-card-note{position:relative;z-index:1;margin:0;font-size:var(--rp-help-size);color:var(--muted)}
/* Person status (bottom sheet on phones, drawer on desktop): read only. */
.wc-person-sub{margin:0 0 var(--rp-space-3);font-size:var(--rp-small-size);color:var(--muted)}
.wc-person-steps{list-style:none;margin:0 0 var(--rp-space-3);padding:0;display:grid;gap:var(--rp-space-2)}
.wc-person-steps li{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:var(--rp-space-2);font-size:var(--rp-body-size)}
.wc-person-steps li>span:last-child{color:var(--muted);font-size:var(--rp-small-size);font-variant-numeric:tabular-nums}
.wc-person-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--field-border);justify-self:center}
.wc-person-steps li.done .wc-person-dot{background:var(--muted);border-color:var(--muted)}
.wc-person-steps li.now .wc-person-dot{border-color:var(--accent);outline:3px solid var(--accent-soft)}
.wc-person-note{margin:0 0 var(--rp-space-3);font-size:var(--rp-small-size);color:var(--muted)}
.wc-person-actions{display:flex;flex-wrap:wrap;gap:var(--rp-space-2)}
.wc-person-actions>*{flex:1 1 140px;justify-content:center}
@media(prefers-reduced-motion:reduce){.wc-card:active{transform:none}}