/* Estilos mínimos para cumplir CSP sin inline */
.auth-modal .modal-dialog {
    max-width: min(520px, 92vw);
}

.auth-modal .modal-content {
    min-height: 50vh;
}

.app-shell[hidden] {
    display: none !important;
}

body {
    -webkit-user-select: none;
    user-select: none;
}


/* Ajustes de tema claro */
.navbar.bg-white {
    background-color: #fff !important;
}

:root {
    --c-text-strong: #0f172a;
    /* slate-900 */
    --c-text: #000000;
    /* near-black */
    --c-muted: #475569;
    /* slate-600 */
    --c-border: #000000;
    /* slate-600 */
    --c-border-soft: #032a60;
    /* slate-400 */
    --c-bg-section: #f8fafc;
    /* slate-50 */
}

/* Títulos y etiquetas bien visibles */
.card-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--c-text-strong) !important;
    font-weight: 700;
}

.form-label {
    color: var(--c-text-strong) !important;
    font-weight: 600;
}

/* Campos de formulario */
.form-control,
.form-select,
.form-check-input {
    color: var(--c-text) !important;
    border-color: var(--c-border) !important;
    background-color: #fff !important;
}

.form-control::placeholder {
    color: var(--c-muted) !important;
    opacity: 1;
}

/* Listas múltiples (tu selector de arriba) */
select[multiple].form-select {
    border-width: 2px !important;
    background-image: none;
    /* quita el caret de select multiple */
}

select[multiple].form-select option {
    padding: .375rem .5rem;
}

/* Tarjetas y separadores */
.card {
    border: 1px solid var(--c-border-soft) !important;
}

.card .card-body+.card-body {
    border-top: 1px solid var(--c-border-soft);
}

/* Bloques dentro del formulario para “cuerpos de campos” más legibles */
[data-entity-mount] .card,
[data-entity-mount] .section,
[data-entity-mount] .fieldset {
    background-color: var(--c-bg-section);
    background-color: lightgrey;
    border: 1px solid var(--c-border-soft);
    border-radius: .5rem;
    padding: .75rem .75rem;
    margin-bottom: .75rem;
}

[data-entity-mount] .form-text,
.text-muted {
    color: var(--c-muted) !important;
}

.viewer-iframe {
    min-height: 70vh;
    border: 0;
}