/*
 * Estilos propios del panel Vosyyo (complementan Bootstrap 5 CDN).
 */

body.with-sidebar {
    min-height: 100vh;
}

/* Sidebar: ancho fijo y sticky, estilo dashboard Bootstrap. */
.sidebar {
    position: sticky;
    top: 48px;
    height: calc(100vh - 48px);
    overflow-y: auto;
    border-right: 1px solid rgba(0, 0, 0, .08);
}

.sidebar .nav-link {
    font-size: .925rem;
    padding: .5rem 1rem;
    border-radius: .375rem;
    margin: 1px 8px;
}

.sidebar .nav-link.active {
    font-weight: 600;
}

/* Pantallas de autenticación: fondo suave. */
body.auth-page {
    background-color: #f4f6f9;
}

/* Matriz RBAC: filas más compactas y checks legibles. */
#rbac-matrix td {
    vertical-align: middle;
}

#rbac-matrix .form-check-label {
    cursor: pointer;
    user-select: none;
}

.navbar-brand {
    font-size: 1.05rem;
    padding-top: .55rem;
    padding-bottom: .55rem;
    background-color: rgba(0, 0, 0, .25);
}

/* Logo en la navbar oscura: badge claro para que resalte cualquier logo. */
.brand-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: .45rem;
    padding: .18rem .30rem;
    line-height: 1;
    flex: 0 0 auto;
}

/* Editor Quill (contenidos): el container de Quill fija height:100%, que
   dentro de un col sin altura definida desborda sobre los campos siguientes.
   Se normaliza a auto y el borde lo dibuja el wrapper. */
.ql-container.ql-snow {
    height: auto;
    border: 0;
}
.ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.ql-editor {
    min-height: 240px;
}

/* Cuerpo de contenidos: imágenes responsivas dentro del texto. */
.content-body img {
    max-width: 100%;
    height: auto;
}