.aliv-box { margin: 10px 0 4px; }

.aliv-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.35;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
}

.aliv-ok  { border-color: #bbf7d0; background: #f0fdf4; }
.aliv-err { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }

.aliv-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e5e7eb;
}

.aliv-info { display: flex; flex-direction: column; }
.aliv-name { font-weight: 700; color: #111827; }
.aliv-meta { font-size: 12.5px; color: #4b5563; margin-top: 2px; }

.aliv-x { font-weight: 700; }

.aliv-loading { color: #374151; }
.aliv-loading-text { font-weight: 500; }

.aliv-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid #d1d5db;
    border-top-color: #6b7280;
    border-radius: 50%;
    display: inline-block;
    animation: aliv-spin 0.7s linear infinite;
    flex: 0 0 auto;
}

@keyframes aliv-spin { to { transform: rotate(360deg); } }