/* Shared dropdown and modal surfaces. */
.idbarah-ui-v2 .dropdown-menu {
  background: var(--id-glass);
  border: 1px solid #fff;
  box-shadow: 0 16px 34px #29204425;
  backdrop-filter: blur(22px);
  border-radius: 0 !important;
  clip-path: var(--control-contour);
}
.idbarah-ui-v2 .modal { backdrop-filter: blur(13px); }
.idbarah-ui-v2 .modal-dialog {
  margin: 2rem auto;
  transform: translateY(15px) scale(.985);
  filter: blur(5px);
  transition: transform var(--id-panel-position) var(--id-soft-spring),
    filter var(--id-panel-blur) var(--id-ease-out);
}
.idbarah-ui-v2 .modal.show .modal-dialog { transform: none; filter: drop-shadow(var(--id-shadow-overlay)); }
.idbarah-ui-v2 .idbarah-overlay-surface {
  max-height: calc(100dvh - 4rem);
  background: linear-gradient(145deg, #fffffff5, #f5f2fbdc) !important;
  border: 1px solid #ffffffea !important;
  box-shadow: 0 28px 48px #29204438 !important;
  backdrop-filter: blur(25px) saturate(125%);
  border-radius: 0 !important;
  clip-path: var(--id-contour);
  overflow: hidden;
}
.idbarah-ui-v2 .modal-header { background: transparent !important; border-bottom: 1px solid #3b376f14 !important; }
.idbarah-ui-v2 .modal-title,
.idbarah-ui-v2 .modal-header .close { color: var(--id-text) !important; }
.idbarah-ui-v2 .idbarah-overlay-surface > form { display: flex; flex-direction: column; min-height: 0; }
.idbarah-ui-v2 .modal-body { background: #fbfafdde; min-height: 0; overflow-y: auto; }
.idbarah-ui-v2 .modal-footer { background: #fff9 !important; border-top: 1px solid #fff !important; }