/* Vistio Business v1.1.71 — Barra en el lateral original, con extremos
   acortados para respetar los radios redondeados. No cambia el contenido. */

#auth-modal .modal-panel.vb148-auth-shell {
  /* v1.1.58 reservaba un carril extra incluso con overflow oculto. */
  scrollbar-gutter: auto !important;
}

/* Revertir ÚNICAMENTE el desplazamiento lateral añadido en v1.1.70.
   Se conserva el contenedor interior y el desplazamiento independiente. */
#auth-modal .vb170-auth-scroll {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: calc(100dvh - 56px) !important;
  scrollbar-gutter: stable;
  /* En navegadores Blink/WebKit, habilitar la barra personalizada,
     donde es posible acortar los extremos mediante el track. */
  scrollbar-width: auto;
  scrollbar-color: auto;
}

/* Fina y en el borde habitual; el track reserva espacio en ambos extremos. */
#auth-modal .vb170-auth-scroll::-webkit-scrollbar {
  width: 7px !important;
  height: 0 !important;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-track {
  margin-block: 22px !important;
  border-radius: 999px;
  background: transparent;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 1px solid transparent;
  background: linear-gradient(180deg, #dfbc79, #ac8044) padding-box;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #eed09a, #c39453) padding-box;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-button,
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-button:vertical:increment,
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-button:vertical:decrement {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
#auth-modal .vb170-auth-scroll::-webkit-scrollbar-corner { background: transparent; }

/* Las barras de los marcos del panel mantienen su posición; solo se
   reducen grosor y longitud visible del carril cerca de las esquinas.
   No se modifican los overflow, alto, ancho o distribución existentes. */
#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: auto;
  scrollbar-color: auto;
}

:is(#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)::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
}
:is(#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)::-webkit-scrollbar-track:vertical {
  margin-block: 16px !important;
  background: transparent !important;
  border-radius: 999px;
}
:is(#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)::-webkit-scrollbar-track:horizontal {
  margin-inline: 16px !important;
  background: transparent !important;
  border-radius: 999px;
}
:is(#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)::-webkit-scrollbar-thumb {
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: #bc9455 padding-box !important;
}
:is(#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)::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Conservar el radio y la altura del modal premium en pantallas pequeñas. */
@media (max-width: 900px) {
  #auth-modal .vb170-auth-scroll { max-height: calc(100dvh - 40px) !important; }
}
@media (max-width: 640px) {
  #auth-modal .vb170-auth-scroll {
    width: 100% !important;
    margin: 0 !important;
    max-height: calc(100dvh - 24px) !important;
  }
  #auth-modal .vb170-auth-scroll::-webkit-scrollbar { width: 5px !important; }
  #auth-modal .vb170-auth-scroll::-webkit-scrollbar-track { margin-block: 18px !important; }
}

/* Firefox: conserva el tono dorado en barras nativas. El contorno del marco
   sigue recortando los extremos; el acortamiento del carril es para Blink/WebKit. */
@supports (-moz-appearance: none) {
  #auth-modal .vb170-auth-scroll,
  #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: #bc9455 transparent;
  }
}