ACTIVE_LIGHT_GRAY = (
    '<div class="active-light active-light--off" title="Warming up" style="display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:3rem;">'
    '<span class="active-light__label">Warming up...</span></div>'
)
ACTIVE_LIGHT_RED = (
    '<div class="active-light active-light--on" title="Ready" style="display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:3rem;">'
    '<span class="active-light__label">Ready!</span></div>'
)


VAD_ON_HTML = """
<div style="display:flex; align-items:center; gap:10px;">
    <div style="
        width:25px;
        height:25px;
        border-radius:9999px;
        background:#22c55e;
        box-shadow:0 0 16px rgba(34,197,94,0.9);
        border:1px solid #666;
    "></div>
</div>
"""

VAD_OFF_HTML = """
<div style="display:flex; align-items:center; gap:10px;">
    <div style="
        width:25px;
        height:25px;
        border-radius:9999px;
        background:#3f3f46;
        box-shadow:none;
        border:1px solid #666;
    "></div>
</div>
"""