#offcanvasEmpresas .avatar-delete-btn {
    top: 0;
}

/* Offcanvas / Modales en capas seguras */
.offcanvas {
    z-index: var(--bs-offcanvas-zindex) !important;
    background: var(--bg);
    color: var(--ink);
    border-left: 1px solid var(--border);
}

/* el panel no se recorta y pinta su sombra completa */
.offcanvas.offcanvas-end {
    right: 0;
    max-width: 520px;
    box-shadow: var(--sh-md);
}

.offcanvas .offcanvas-body {
    overflow-x: hidden;
}

.offcanvas .offcanvas-header {
    border-bottom: 1px solid var(--border);
}

.offcanvas :is(.form-label.small) {
    color: var(--ink);
}

/* Offcanvas Empresas: tema y bordes */
#offcanvasEmpresas {
    background: var(--bg, #000000);
    color: var(--ink, #f5f5f7);
    border-left: 1px solid var(--border, #2c2c2e);
}

#offcanvasEmpresas .offcanvas-header {
    border-bottom: 1px solid var(--border, #2c2c2e);
}

#offcanvasEmpresas .list-group-item {
    background: var(--card, #1c1c1e);
    color: var(--ink, #f5f5f7);
    border-color: var(--border, #2c2c2e);
}

/* Botón Cancelar en off-canvas (modo claro) */
body:not(.dark-mode) #offcanvasEmpresas .btn-outline-light {
    color: var(--ink) !important;
    border-color: var(--ink) !important;
}

body:not(.dark-mode) #offcanvasEmpresas .btn-outline-light:hover,
body:not(.dark-mode) #offcanvasEmpresas .btn-outline-light:focus {
    background: var(--ink) !important;
    color: var(--bg) !important;
    box-shadow: var(--focus);
}

html.offc-open {
    overflow-x: hidden !important;
}

body.offcanvas-open [data-route-shell] {
    transform: none !important;
    filter: none !important;
    contain: none !important;
}

body.offcanvas-open #sbBackdrop,
body.offcanvas-open .sb-backdrop {
    display: none !important;
}

body.offcanvas-open {
    padding-right: 0 !important;
}

body.offcanvas-open :is(.fixed-top, .fixed-bottom, .sticky-top) {
    padding-right: 0 !important;
}