#awayBadge {
    position: fixed; bottom: 70px; left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg,#1e1b4b,#312e81);
    border: 1.5px solid rgba(99,102,241,.6);
    border-radius: 40px; padding: 10px 20px;
    color: #c7d2fe; font-size: 14px; font-weight: 600;
    z-index: 8000; display: flex; align-items: center; gap: 10px;
    box-shadow: 0 4px 24px rgba(99,102,241,.35);
    animation: awSlideUp .3s ease;
}
@keyframes awSlideUp { from{opacity:0;transform:translateX(-50%) translateY(20px)} to{opacity:1;transform:translateX(-50%) translateY(0)} }
#awayBadge button {
    padding: 5px 14px; background: #6366f1; color: #fff;
    border: none; border-radius: 20px; font-size: 12px;
    font-weight: 700; cursor: pointer;
}
body.aw-active #messages { opacity: .6; }
body.aw-active .composer { opacity: .6; pointer-events: none; }
.aw-status-row {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 13px; color: var(--muted); padding: 8px 0;
    border-bottom: 1px solid var(--border);
}
.aw-badge-on  { color: #818cf8; font-weight: 700; }
.aw-badge-off { color: #34d399; font-weight: 700; }