#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;
}