/* The loop's controls on TV: the editor's Fresh chip beside the intents, the judge bar under a piece awaiting review,
   the viewer's Not for me after Save and its undo in the footer. The shell's voice: mono caps, hairlines, bone; the
   green pixel for what is live; nothing invented, nothing louder than the picture. */
#rot .rc-intents [data-fresh] { display: inline-flex; align-items: center; gap: 8px; }
#rot .rc-intents [data-fresh] .px { width: 6px; height: 6px; border-radius: 1px; background: #2BB673; display: inline-block; opacity: .55; transition: opacity .2s ease; }
#rot .rc-intents [data-fresh][aria-pressed="true"] .px { opacity: 1; box-shadow: 0 0 8px rgba(43, 182, 115, .8); }

#rot .tvj { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line, rgba(255, 250, 248, .12)); }
#rot .tvj-eyebrow { flex-basis: 100%; font: 500 9.5px/1.5 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-45, rgba(255, 250, 248, .45)); }
#rot .tvj button { height: 30px; padding: 0 12px; border: 1px solid var(--line, rgba(255, 250, 248, .12)); border-radius: 4px; background: rgba(14, 15, 18, .35); color: var(--bone-70, rgba(255, 250, 248, .7)); font: 500 10px/1 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease; }
#rot .tvj button:hover, #rot .tvj button:focus-visible { color: var(--bone, #FFFAF8); border-color: rgba(255, 250, 248, .4); outline: none; }
#rot .tvj button kbd { font: 700 10px/1 'Doto', var(--mono, ui-monospace, monospace); color: var(--bone-45, rgba(255, 250, 248, .45)); }
#rot .tvj button[data-tvj="keep"] { color: var(--bone, #FFFAF8); border-color: rgba(43, 182, 115, .55); }
#rot .tvj button[data-tvj="keep"]:hover { background: rgba(43, 182, 115, .12); }
#rot .tvj button[data-tvj="scout"] { margin-left: auto; border-color: transparent; }
#rot .tvj button:disabled { opacity: .45; cursor: default; }

#rot .rc-actions [data-nfm] svg { width: 20px; height: 20px; }
#rot .rc-actions [data-nfm][aria-pressed="true"] svg { opacity: 1; }
#rot .nfm-undo { margin-left: 10px; height: 26px; padding: 0 10px; border: 1px solid var(--line, rgba(255, 250, 248, .12)); border-radius: 4px; background: rgba(14, 15, 18, .5); color: var(--bone, #FFFAF8); font: 500 9.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; animation: nfm-in .3s var(--os-settle, cubic-bezier(.22, .8, .22, 1)) both; }
#rot .nfm-undo:hover, #rot .nfm-undo:focus-visible { border-color: rgba(255, 250, 248, .4); outline: none; }
@keyframes nfm-in { from { opacity: 0; translate: 0 4px; } to { opacity: 1; translate: 0 0; } }