/* Only the new pair of header actions; the current portal appearance is kept. */
.ret-visual .ret-heading-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;flex:0 0 auto;margin:0;padding:0}
.ret-visual .ret-heading-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;white-space:nowrap}
.ret-visual .ret-heading-actions .ret-live-button,.ret-visual .ret-heading-actions .ret-live-button:hover,.ret-visual .ret-heading-actions .ret-live-button:active{background:#39ff14;border-color:#39ff14;color:#000}
.ret-visual .ret-live-button>span{color:inherit}
.ret-visual .ret-live-button .ret-live-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#ff0000;animation:ret-live-dot-pulse 3s ease-in-out infinite}
@keyframes ret-live-dot-pulse{0%,100%{opacity:1}50%{opacity:.5}}
@media(prefers-reduced-motion:reduce){.ret-visual .ret-live-button .ret-live-dot{animation:none;opacity:1}}

.ret-visual .ret-heading-actions .ret-regions-button[aria-pressed="true"],.ret-visual .ret-heading-actions .ret-regions-button[aria-pressed="true"]:hover,.ret-visual .ret-heading-actions .ret-regions-button[aria-pressed="true"]:active{background:#0b79bd;border-color:#38bdf8;color:#fff;box-shadow:0 0 0 1px rgba(56,189,248,.25) inset}
.ret-visual .ret-heading-actions .ret-regions-button[aria-pressed="false"]{background:#12364f;border-color:#4b718a;color:#d9edf8}
@media(max-width:760px){.ret-visual .ret-heading-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.ret-visual .ret-heading-actions>button{font-size:11px;padding-left:8px;padding-right:8px}}

@media(max-width:420px){.ret-visual .ret-heading-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ret-visual .ret-heading-actions .ret-regions-button{grid-column:1/-1}}