/* ─── Rastréame — estilos específicos ─────────────────────────────────────── */

/* Score ring con conic-gradient */
.rm-score-ring {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(
        var(--md-sys-color-primary) calc(var(--score, 0) * 1%),
        var(--md-sys-color-surface-container-high) 0
    );
    padding: 8px;
}

.rm-score-ring > div {
    background: var(--md-sys-color-surface);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Blur para perfiles bloqueados */
.rm-blurred {
    filter: blur(5px);
    pointer-events: none;
    user-select: none;
}

/* Overlay de bloqueo */
.rm-lock-overlay {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: rgba(var(--md-sys-color-surface-rgb, 255, 255, 255), 0.72);
    border-radius: var(--md-sys-shape-large);
}

/* Pulse animation para el icono de escaneo */
@keyframes rm-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.5; transform: scale(0.95); }
}

.rm-scanning {
    animation: rm-pulse 1.8s ease-in-out infinite;
    display: inline-block;
}

/* Tarjeta de plataforma */
.rm-platform-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

/* Barras de categoría — solo controlan el ancho; el color usa clases Bootstrap */
.rm-cat-alto  { width: 80%; }
.rm-cat-medio { width: 50%; }
.rm-cat-bajo  { width: 20%; }

/* Icono de plataforma cuadrado redondeado */
.rm-platform-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--md-sys-shape-small);
    flex-shrink: 0;
}

/* Avatar pequeño con inicial de usuario */
.rm-avatar-sm {
    width: 48px;
    height: 48px;
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* Texto extra pequeño */
.rm-text-xs {
    font-size: .75rem;
}

/* Overlay de bloqueo — z-index asegura que quede encima del contenido borroso */
.rm-lock-overlay {
    z-index: 10;
}

/* Tarjeta interior del overlay de bloqueo */
.rm-lock-card {
    max-width: 340px;
}

/* Progress bar slim para barras de categoría */
.rm-progress-sm {
    height: 6px;
}