/* Ajustes propios sobre Tabler (https://tabler.io). Usa sus variables --tblr-*
   para respetar el tema claro/oscuro. */

:root {
    --app-accent: #42affa;
}

.navbar-brand-logo {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2rem; height: 2rem; border-radius: .6rem; margin-right: .5rem;
    background: linear-gradient(135deg, #42affa, #7c5cff); color: #fff; font-size: 1.15rem;
}

/* Tarjetas de métricas */
.kpi-value { font-size: 1.45rem; font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kpi-link { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; }
.kpi-link:hover .card { border-color: var(--tblr-primary); }

/* Iconos de fuente (Tabler Icons) dentro de campos con icono */
.input-icon-addon .ti.icon { vertical-align: middle; font-size: 1.1rem; }

/* Tablas: números alineados y filas clicables */
.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
tr[data-href] { cursor: pointer; }
.table td { vertical-align: middle; }
.text-truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Zona de subida (arrastrar y soltar) */
.dropzone-area {
    border: 2px dashed var(--tblr-border-color); border-radius: var(--tblr-border-radius-lg);
    padding: 2rem 1rem; text-align: center; cursor: pointer;
    transition: border-color .15s, background-color .15s;
}
.dropzone-area:hover, .dropzone-area.dragover {
    border-color: var(--tblr-primary); background: rgba(var(--tblr-primary-rgb), .06);
}
.dropzone-area .ti { font-size: 2.5rem; color: var(--tblr-primary); }

/* Barras horizontales de tiempo por diapositiva */
.bar-cell { min-width: 120px; width: 35%; }

/* Tarjetas de presentaciones en el inicio */
.deck-card .deck-cover {
    height: 92px; display: flex; align-items: center; justify-content: center; font-size: 2.4rem;
    color: #fff; border-top-left-radius: inherit; border-top-right-radius: inherit;
    background: linear-gradient(135deg, #1f6fb2, #7c5cff);
}

/* Borrador de email generado por la IA */
.email-draft { white-space: pre-line; }

/* Código del ID de presentación */
.code-id { font-family: var(--tblr-font-monospace); font-size: .85em; }