/* noted. working indicator (public/shared/noted-working.js): a clock hand that sweeps, a short label and a live
   seconds counter, shown while noted. reads or sends something. Tokens only; no field, button or spacing value is
   redefined here. With reduced motion the dial is hidden and only the label and counter show. */
.noted-working{display:inline-flex;align-items:center;gap:var(--gap-in,12px);min-height:44px;max-width:100%;box-sizing:border-box;
  color:var(--desk-ink,#242424);font:600 16px/22px var(--team-font,sans-serif);letter-spacing:0}
.noted-working__dial{position:relative;flex:none;box-sizing:border-box;width:24px;height:24px;border:2px solid currentColor;border-radius:999px}
.noted-working__dial::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:999px;background:currentColor}
.noted-working__hand{position:absolute;left:50%;top:3px;width:2px;height:7px;margin-left:-1px;border-radius:999px;background:currentColor;
  transform-origin:50% 100%;animation:noted-working-sweep 1.2s linear infinite}
.noted-working__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.noted-working__time{flex:none;color:var(--desk-muted,#676767);font-weight:400;font-variant-numeric:tabular-nums}
@keyframes noted-working-sweep{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .noted-working__dial{display:none}
  .noted-working__hand{animation:none}
}