/* Scoped, unlayered protection from Bootstrap/legacy styles on host pages. */
dialog#deposit-modal-window {
  position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none;
  margin: 0; padding: 0; border: 0; background: transparent;
}
dialog#deposit-modal-window:not([open]) { display: none !important; }
dialog#deposit-modal-window[open] { display: grid !important; place-items: center; }
dialog#deposit-modal-window::backdrop { display: block; background: rgb(0 0 0 / 40%); }
html:has(dialog#deposit-modal-window[open]),
body:has(dialog#deposit-modal-window[open]) { overflow: hidden !important; }
dialog#deposit-modal-window > .tw\:modal-box {
  box-sizing: border-box; width: calc(100% - 1rem); max-width: 48rem;
  max-height: calc(100dvh - 2rem); min-width: 0; margin: auto; padding: 0;
  overflow: auto; background: var(--color-base-300); color: var(--color-base-content);
}
@media (min-width: 48rem) {
  dialog#deposit-modal-window > .tw\:modal-box { max-width: 33.6rem; }
}
dialog#deposit-modal-window #deposit-options { margin: 0; border: 0; min-width: 0; }
dialog#deposit-modal-window #deposit-options > .panel-body { padding: .75rem; }
dialog#deposit-modal-window #deposit-options > .panel-body > .row { margin: 0; }
dialog#deposit-modal-window #deposit-options > .panel-body > .row > .col-xs-12 {
  width: 100%; float: none; padding: 0; min-width: 0;
}
dialog#deposit-modal-window #modal-customer-info-bar { display: block !important; }
dialog#deposit-modal-window #modal-customer-info-bar table { width: 100% !important; margin: 0; }
dialog#deposit-modal-window #modal-customer-info-bar td { padding-inline: 0 !important; border: 0 !important; }
dialog#deposit-modal-window #deposit-options > .panel-body table { border-collapse: collapse; }

/* Deposit workflow CAM breadcrumbs use the shared migrated breadcrumb presentation. */
.eco-deposit-breadcrumb .breadcrumb {
  display: flex; justify-content: flex-end; flex-wrap: nowrap; gap: 0;
  width: 100%; margin: 1rem 0 .75rem; padding: 0; list-style: none;
  background: transparent; font-size: clamp(.7rem, 2.6vw, 1rem);
}
.eco-deposit-breadcrumb .breadcrumb > li {
  display: block; position: relative; flex: 0 1 auto;
  height: auto; margin: 0; padding: .25rem .5rem .75rem;
  text-align: center; white-space: nowrap; background: none !important;
  border-bottom: .4rem solid var(--color-base-200);
  color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
}
.eco-deposit-breadcrumb .breadcrumb > li::before,
.eco-deposit-breadcrumb .breadcrumb > li::after { content: none; }
.eco-deposit-breadcrumb .breadcrumb > li.active {
  height: auto; background: none !important; border-bottom-color: var(--color-primary);
  color: var(--color-base-content); font-weight: 700;
}
.eco-deposit-breadcrumb .breadcrumb > li.active::after {
  content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  border-inline: .4rem solid transparent; border-bottom: .4rem solid var(--color-primary);
}