/* featureos:realtime-allocation@1.0.0 */
/* The live indicator, the notification bell and the access-lost state. Product tokens only, so both themes follow. */
.rt-chip{display:inline-flex;align-items:center;gap:6px;margin-right:6px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;color:var(--mut);background:transparent;min-height:24px}
.rt-chip:empty{display:none}
.rt-dot{width:7px;height:7px;border-radius:99px;background:var(--line-strong)}
.rt-chip.is-live .rt-dot{background:var(--ok)}.rt-chip.is-wait .rt-dot{background:var(--warn)}.rt-chip.is-wait{color:var(--warn)}
.rt-chip.is-updated{background:var(--ok-soft);color:var(--ok);animation:rt-in .25s ease both}.rt-chip.is-updated .rt-dot{background:var(--ok)}
.rt-chip.is-waiting{background:var(--info-soft);color:var(--info)}.rt-chip.is-waiting .rt-dot{background:var(--info)}
.rt-act{border:0;background:none;padding:0 0 0 4px;font:inherit;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@keyframes rt-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.rt-bell{position:relative}.rt-count{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--bad);color:#fff;font:700 10.5px/17px var(--font);text-align:center}
.rt-notes{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:4px}
.rt-notes a{display:grid;gap:2px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);border:1px solid var(--line)}
.rt-notes a:hover{background:var(--neutral-soft)}.rt-notes li.is-new a{background:var(--brand-soft);border-color:var(--brand-line)}
.rt-notes span{color:var(--ink-2);font-size:13.5px}.rt-notes time{color:var(--mut);font-size:12px}
.rt-rules{display:grid;gap:8px;margin:0;padding:0;list-style:none}.rt-rules li{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.rt-rules label{display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:13px;margin-left:10px}
@media (prefers-reduced-motion:reduce){.rt-chip.is-updated{animation:none}}
@media (max-width:600px){.rt-chip span:not(.rt-dot){display:none}.rt-chip.is-waiting span:not(.rt-dot),.rt-chip.is-updated span:not(.rt-dot){display:inline}}
@media (max-width:600px){.rt-chip.is-live,.rt-chip.is-wait{display:none}.rt-bell{width:36px}}