/* The Watch star (site/shell/watch/watch.js) and its toast. Tokens from style.css. */
.ccm-star{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin:0;padding:2px 3px;border:0;background:none;
  color:var(--color-border-strong,#94a3b8);cursor:pointer;border-radius:4px;font:inherit;font-size:12px;font-weight:600;line-height:1}
.ccm-star-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;transition:transform 120ms ease,fill 120ms ease}
.ccm-star:hover{color:var(--color-brand,#0034A5);background:var(--color-accent-dim,rgba(59,126,255,.12))}
.ccm-star:hover .ccm-star-icon{transform:scale(1.12)}
.ccm-star.on{color:var(--color-brand,#0034A5)} .ccm-star.on .ccm-star-icon{fill:currentColor}
.ccm-star:focus-visible{outline:2px solid var(--color-accent-pill,#2563eb);outline-offset:1px}
.ccm-star.labeled{padding:5px 10px 5px 8px;border:1px solid var(--color-border,#dde2ed);color:var(--color-text,#111827);background:#fff}
.ccm-star.labeled .ccm-star-icon{width:15px;height:15px;color:var(--color-border-strong,#94a3b8)}
.ccm-star.labeled:hover{border-color:var(--color-brand,#0034A5);color:var(--color-brand,#0034A5)}
.ccm-star.labeled.on{border-color:var(--color-brand,#0034A5);color:var(--color-brand,#0034A5);background:var(--color-accent-active-bg,#dbeafe)}
.ccm-star.labeled.on .ccm-star-icon{color:inherit}
.ccm-star.na{opacity:.4;cursor:not-allowed}
.ccm-star-label{white-space:nowrap}
td.wcol,th.wcol{width:28px;padding-left:10px !important;padding-right:0 !important;text-align:center}
#ccm-watch-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);background:rgba(17,24,39,.94);color:#fff;
  font:500 13px/1.4 var(--font,'Inter',system-ui,sans-serif);padding:10px 16px;border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.25);
  max-width:min(560px,calc(100vw - 32px));opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:600}
#ccm-watch-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#ccm-watch-toast a{color:#9fc0ff;font-weight:600;text-decoration:none;margin-left:4px}
@media (prefers-reduced-motion:reduce){.ccm-star-icon,#ccm-watch-toast{transition:none}}
