/* Official support styling is keyed by server sender role, never message text. */
.room-event[data-sender-role="support"],.support-chat-message[data-sender-role="support"]{position:relative;margin-top:25px}
.service-admin-badge{position:absolute;z-index:2;left:-5px;top:-10px;width:76px;padding:4px 0;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#ff1744,#ff5252 38%,#ff9100);color:#fff;font-size:14px;font-weight:800;line-height:1.15;text-align:center;box-shadow:0 0 8px #ff17448c,0 1px 3px #0004,inset 0 1px #fff6;pointer-events:none}
.service-admin-badge::before{content:"";position:absolute;top:-40%;left:-130%;width:48%;height:180%;background:linear-gradient(90deg,transparent,#ffffff1a,#ffffffbf,#ffffff1a,transparent);transform:skewX(-22deg);animation:service-admin-shine 2.2s ease-in-out infinite;pointer-events:none}
.room-event[data-sender-role="support"] .room-event-avatar,.support-chat-message[data-sender-role="support"] .support-chat-avatar{border:3px solid #ff543d;box-shadow:0 0 12px #ff574d66;object-fit:contain;background:#fff}
.room-event[data-sender-role="support"] .room-event-name{color:#ff2146;font-weight:600}
.support-chat-message[data-sender-role="support"] small{color:#f5314f}
.room-event[data-sender-role="support"] .room-event-bubble,.support-chat-message[data-sender-role="support"] .support-chat-bubble{position:relative;overflow:hidden;border-left:4px solid #ff1647;background:#fff;box-shadow:0 3px 10px #d83d5a0d}
.room-layout .room-status{position:relative;isolation:isolate;overflow:hidden;border:1px solid #99d0ff;box-shadow:0 8px 20px #167fe32a;background:linear-gradient(105deg,#1581f6,#349dff)}
.room-layout .room-status::after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-60%;left:-70%;width:42%;height:220%;background:linear-gradient(105deg,transparent 38%,#ffffff24 50%,transparent 62%);transform:skewX(-18deg);animation:room-header-shine 5.5s ease-in-out infinite}
.room-layout .room-status #roomCountdown{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#ffffff47,#ffffff14);border:1px solid #ffffff52;box-shadow:inset 0 1px #ffffff73,0 2px 8px #0000001f;font-weight:700;font-variant-numeric:tabular-nums}
.room-layout .room-status #roomCountdown::after{content:"";position:absolute;pointer-events:none;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,#ffffff59,transparent);animation:countdown-badge-shine 4s ease-in-out infinite}
.room-layout .room-status #roomCountdown[data-closed="true"]{background:linear-gradient(#787d878c,#5a5f6973);border-color:#fff3}
.room-layout .room-status #roomCountdown[data-closed="true"]::after{animation:none;opacity:0}
.support-chat-message .service-admin-badge{width:47px;left:-4px;top:-10px;font-size:10px;padding:3px 0;border-radius:4px}
@keyframes service-admin-shine{0%,70%,100%{left:-130%}30%{left:130%}}
@keyframes countdown-badge-shine{0%,65%,100%{left:-120%}35%{left:140%}}
@keyframes room-header-shine{0%,72%,100%{left:-70%;opacity:0}8%{opacity:.85}38%{left:130%;opacity:.85}48%{opacity:0}}
@media(max-width:719px){.room-event .service-admin-badge{width:48px;left:-5px;top:-9px;font-size:10px;padding:3px 0;border-radius:4px}.room-event[data-sender-role="support"] .room-event-bubble{border-left-width:3px}.room-layout .room-event[data-sender-role="support"]{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.service-admin-badge::before,.room-layout .room-status #roomCountdown::after,.room-layout .room-status::after{animation:none;display:none}}