/* Vistio Business v1.1.70 — Las barras respetan el contorno de los marcos.
   No aplica overflow ni dimensiones a controles ajenos. */

/* Marco exterior de acceso: conserva la forma y la iluminación. No desplaza contenido. */
#auth-modal .modal-panel.vb148-auth-shell {
  display: block !important;
  box-sizing: border-box;
  overflow: hidden !important;
  border-radius: 34px;
  min-width: 0;
  max-width: 100%;
  max-height: calc(100dvh - 56px);
}

/* La rejilla original vive ahora en el contenedor interior con su PROPIA barra.
   El margen derecho y vertical separa físicamente el scroll del marco exterior. */
#auth-modal .vb170-auth-scroll {
  display: grid;
  grid-template-columns: minmax(310px, 42%) minmax(0, 58%);
  align-items: stretch;
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 12px);
  min-width: 0;
  min-height: 0;
  max-height: calc(100dvh - 76px);
  margin: 10px 12px 10px 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #c49a5a transparent;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar { width: 9px; height: 0; }
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-track { background: transparent; }
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(#e2bf7e, #ad7d40) padding-box;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#efd19b, #c19453) padding-box;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-button { display:none; width:0; height:0; }
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-corner { background: transparent; }
#auth-modal .vb148-auth-aside,
#auth-modal .vb148-auth-main { min-width: 0; }

/* Corregir el sombreado del reflejo heredado: conservar sus reglas y velocidad.
   La capa exterior sigue recortada por el borde curvo. */
#auth-modal .modal-close { z-index: 6; }

/* Consistencia en el panel lateral y en los scrolls de editores/previews con marcos.
   Solo aspecto de barra; NO se fuerza scroll a elementos que no lo tienen. */
#workspace .sidebar,
#workspace .workspace-body,
#workspace #view-content,
#view-content .vb-booking-editor-form,
#view-content .vb-booking-editor-preview,
#view-content .vb-booking-preview-screen,
.vb-booking-public .vb-booking-preview-screen,
.vb-booking-confirm-card,
#workspace .vb138-table-wrap,
#workspace .vb138-chart {
  scrollbar-width: thin;
  scrollbar-color: #c49a5a transparent;
}
#workspace .sidebar::-webkit-scrollbar,
#workspace .workspace-body::-webkit-scrollbar,
#workspace #view-content::-webkit-scrollbar,
#view-content .vb-booking-editor-form::-webkit-scrollbar,
#view-content .vb-booking-editor-preview::-webkit-scrollbar,
#view-content .vb-booking-preview-screen::-webkit-scrollbar,
.vb-booking-public .vb-booking-preview-screen::-webkit-scrollbar,
.vb-booking-confirm-card::-webkit-scrollbar,
#workspace .vb138-table-wrap::-webkit-scrollbar,
#workspace .vb138-chart::-webkit-scrollbar { width: 9px; height: 9px; }
#workspace .sidebar::-webkit-scrollbar-track,
#workspace .workspace-body::-webkit-scrollbar-track,
#workspace #view-content::-webkit-scrollbar-track,
#view-content .vb-booking-editor-form::-webkit-scrollbar-track,
#view-content .vb-booking-editor-preview::-webkit-scrollbar-track,
#view-content .vb-booking-preview-screen::-webkit-scrollbar-track,
.vb-booking-public .vb-booking-preview-screen::-webkit-scrollbar-track,
.vb-booking-confirm-card::-webkit-scrollbar-track,
#workspace .vb138-table-wrap::-webkit-scrollbar-track,
#workspace .vb138-chart::-webkit-scrollbar-track { background: transparent; }
#workspace .sidebar::-webkit-scrollbar-thumb,
#workspace .workspace-body::-webkit-scrollbar-thumb,
#workspace #view-content::-webkit-scrollbar-thumb,
#view-content .vb-booking-editor-form::-webkit-scrollbar-thumb,
#view-content .vb-booking-editor-preview::-webkit-scrollbar-thumb,
#view-content .vb-booking-preview-screen::-webkit-scrollbar-thumb,
.vb-booking-public .vb-booking-preview-screen::-webkit-scrollbar-thumb,
.vb-booking-confirm-card::-webkit-scrollbar-thumb,
#workspace .vb138-table-wrap::-webkit-scrollbar-thumb,
#workspace .vb138-chart::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #bb9255 padding-box;
}
#workspace .sidebar::-webkit-scrollbar-button,
#workspace .workspace-body::-webkit-scrollbar-button,
#workspace #view-content::-webkit-scrollbar-button,
#view-content .vb-booking-editor-form::-webkit-scrollbar-button,
#view-content .vb-booking-editor-preview::-webkit-scrollbar-button,
#view-content .vb-booking-preview-screen::-webkit-scrollbar-button,
.vb-booking-public .vb-booking-preview-screen::-webkit-scrollbar-button,
.vb-booking-confirm-card::-webkit-scrollbar-button,
#workspace .vb138-table-wrap::-webkit-scrollbar-button,
#workspace .vb138-chart::-webkit-scrollbar-button { display:none; width:0; height:0; }
#workspace .sidebar::-webkit-scrollbar-corner,
#workspace .workspace-body::-webkit-scrollbar-corner,
#workspace #view-content::-webkit-scrollbar-corner,
#view-content .vb-booking-editor-form::-webkit-scrollbar-corner,
#view-content .vb-booking-editor-preview::-webkit-scrollbar-corner,
#view-content .vb-booking-preview-screen::-webkit-scrollbar-corner,
.vb-booking-public .vb-booking-preview-screen::-webkit-scrollbar-corner,
.vb-booking-confirm-card::-webkit-scrollbar-corner,
#workspace .vb138-table-wrap::-webkit-scrollbar-corner,
#workspace .vb138-chart::-webkit-scrollbar-corner { background: transparent; }

@media (max-width: 900px) {
  #auth-modal .modal-panel.vb148-auth-shell { max-height: calc(100dvh - 40px); }
  #auth-modal .vb170-auth-scroll {
    grid-template-columns: minmax(0, 1fr);
    max-height: calc(100dvh - 60px);
  }
}
@media (max-width: 640px) {
  #auth-modal .modal-panel.vb148-auth-shell { border-radius: 26px; max-height: calc(100dvh - 24px); }
  #auth-modal .vb170-auth-scroll {
    max-height: calc(100dvh - 44px);
    width: calc(100% - 9px);
    margin: 10px 9px 10px 0;
    scrollbar-gutter: stable;
  }
  #auth-modal .vb170-auth-scroll::-webkit-scrollbar { width: 6px; }
}