/* Reglas propias que Bootstrap no cubre. El resto del look (colores, tipografia, radios)
   viene de css/bootstrap.min.css — el mismo tema compilado que usa la SPA de HPM Tareas
   (frontend/scss/theme.scss en el repo hpm_tareas), asi que los dos sitios comparten look. */

.auth-card { max-width: 420px; }

.auth-divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
    margin: 1.25rem 0;
}
.auth-divider::before,
.auth-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--bs-border-color);
}
.auth-divider::before { margin-right: 0.75em; }
.auth-divider::after { margin-left: 0.75em; }

/* --- Específico de hpm.ar --- */

.hero {
    background: linear-gradient(135deg, var(--bs-primary) 0%, #23272b 100%);
    color: #fff;
}
.hero h1 { font-weight: 700; }
.hero p { font-weight: 300; }

.icon-square {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius);
}
.icon-square img { max-width: 40px; max-height: 40px; }

.card-modulo .card-title { font-size: 1.05rem; }

/* Solapa para abrir el panel de tareas — fija al borde derecho, siempre por encima del
   offcanvas y su backdrop (que Bootstrap pone en z-index 1045/1040). */
#hpm-panel-toggle {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1050;
    border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding: 1em 0.4em;
    font-size: 0.8rem;
}

.hpm-panel-frame { width: 100%; height: 100%; border: 0; display: block; }