.chantSoundControl {
    position: sticky;
    top: 8px;
    z-index: 60;
    display: block;
    width: 100%;
    margin: 0 0 14px;
    border: 0;
    border-radius: 13px;
    padding: 12px 16px;
    font-weight: 950;
    letter-spacing: .01em;
    box-shadow: 0 7px 20px #00000012;
}

.chantSoundControl.active {
    background: #e8f7ee;
    color: #176b3a;
}

.chantSoundControl.waiting {
    background: #fff0c7;
    color: #6f4200;
    border: 2px solid #f6a30a;
    animation: chantSoundPulse 1.3s ease-in-out infinite;
}

.chantSoundControl.muted {
    background: #efefef;
    color: #555;
}

@keyframes chantSoundPulse {
    0%, 100% { box-shadow: 0 0 0 0 #f6a30a35; }
    50% { box-shadow: 0 0 0 7px #f6a30a18; }
}

.chantAlertToast {
    position: fixed;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    width: min(520px, calc(100% - 28px));
    padding: 15px 18px;
    border-radius: 15px;
    background: #111;
    color: #fff;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 16px 42px #0000003d;
}

.chantAlertToast.urgent { background: #a11919; }
.ticket .top { flex-wrap: wrap; align-items: center; }

.chantAge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef1f4;
    color: #4b5563;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.chantAge.watch { background: #fff3d5; color: #7a4b00; }
.chantAge.warning { background: #ffe0b5; color: #8a4700; }
.chantAge.urgent { background: #ffeded; color: #a11919; }
.ticket.ticket-time-watch { border-color: #f2c76d; }
.ticket.ticket-time-warning { border: 2px solid #ee9a2b; }
.ticket.ticket-time-urgent { border: 3px solid #b42318; box-shadow: 0 0 0 3px #b4231818, 0 10px 28px #b4231824; }