.toka-site-status-wrap { margin: -5px 0 16px; }
.toka-site-status {
    position: relative; display: flex; align-items: center; justify-content: center;
    gap: 9px; min-height: 30px; padding: 5px 14px; overflow: hidden;
    color: #367ab5; background: linear-gradient(100deg, #f3faff, #f8f7ff 60%, #f2faff);
    border: 1px solid #ddebf8; border-radius: 9px;
    font-size: 12px; line-height: 20px; white-space: nowrap;
}
.toka-site-status::before {
    content: ''; position: absolute; top: 0; bottom: 0; left: -35%; width: 28%;
    background: linear-gradient(90deg, transparent, rgba(130,193,242,.13), transparent);
    pointer-events: none; animation: toka-status-scan 9s linear infinite;
}
.toka-site-status > * { position: relative; }
.toka-site-status-icon { flex: 0 0 15px; width: 15px; height: 15px; color: #519ad5; }
.toka-site-status-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: #77afe0; box-shadow: 0 0 6px #aad4f5; }
.toka-site-status-label { font-weight: 600; flex-shrink: 0; }
.toka-site-status-message { font-size: 11px; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #5688b0; }
.toka-site-status-clock { flex-shrink: 0; font-variant-numeric: tabular-nums; color: #507fa7; }
@keyframes toka-status-scan { to { transform: translateX(490%); } }
@media (max-width: 480px) {
    .toka-site-status { gap: 5px; padding: 5px 6px; font-size: 10px; }
    .toka-site-status-message { font-size: 10px; }
    .toka-site-status-icon { width: 13px; height: 13px; flex-basis: 13px; }
}
@media (prefers-reduced-motion: reduce) { .toka-site-status::before { animation: none; } }