/* ============================================================
   Consola de administración (prefijo dp-adm-).

   Solo lo propio de sus pantallas: tarjetas de métrica y las filas
   del editor. El marco —cabecera, lateral, menú— está en
   docsportal-marco.css, porque ya no es exclusivo de la consola.

   Ningún color literal: todo sale de docsportal-theme.css.
   ============================================================ */

/* Radzen no trae utilidades de ancho y este proyecto no carga Bootstrap:
   `w-100` no existe aquí. Un control fuera de un RadzenFormField —que ya
   lleva su propio width— se estira con esta. */
.dp-ancho {
    width: 100%;
}

/* --- Tarjetas de métrica -------------------------------------- */
.dp-adm-metrica {
    text-align: center;
    padding: 0.75rem 0.5rem;
}

.dp-adm-metrica-n {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--dp-fg);
    line-height: 1.2;
}

/* El nombre del modelo es largo: se le baja el cuerpo para que no
   parta la tarjeta en dos líneas. */
.dp-adm-metrica-n--sm {
    font-size: 0.95rem;
    word-break: break-all;
}

.dp-adm-metrica-l {
    font-size: 0.78rem;
    color: var(--dp-muted);
    margin-top: 0.15rem;
}

/* --- Tarjetas del resumen ------------------------------------- */
.dp-adm-card-pie {
    border-top: 1px solid var(--dp-line);
}

/* --- Editor --------------------------------------------------- */
.dp-adm-num {
    min-width: 1.6rem;
    text-align: right;
    color: var(--dp-muted);
    flex: 0 0 auto;
}

.dp-adm-faq {
    padding: 0.6rem;
    border: 1px solid var(--dp-line);
    border-radius: 10px;
    background: var(--dp-code-bg);
}

.dp-adm-mono textarea,
textarea.dp-adm-mono,
.dp-adm-mono input {
    font-family: var(--dp-font-mono);
    font-size: 0.85rem;
}

/* La vista previa acompaña al formulario: se queda a la vista
   mientras se escribe, en lugar de irse hacia arriba. */
.dp-adm-prev {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
}

/* Periodo al que pertenece un bloque del panel de uso.

   Va escrito y no implicito porque la pagina mezcla dos ventanas de tiempo a proposito: el gasto
   y el uso son del mes en curso, pero las preguntas se acumulan desde siempre -la tabla no tiene
   dimension de mes- y el feedback es una lista de lo ultimo. Sin rotulo, quien compara "110
   consultas" con una tabla que suma 126 concluye que algo esta mal contado. */
.dp-adm-periodo {
    font-weight: 400;
    font-size: .78rem;
    color: var(--dp-muted);
}