@import url('./mobile-viewport-lock.css?v=1');

/* Drawer modal correction: one frame, one close control, viewport-safe scrolling. */
#modal-root .modal:has(> .clean-drawer){
  width:min(92vw,420px);
  max-width:420px;
  margin:auto 0;
  padding:0;
  border:0;
  border-radius:22px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
#modal-root .modal:has(> .clean-drawer) > .modal-global-close{display:none}
#modal-root .modal > .clean-drawer{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:420px;
  max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)));
  margin:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  box-shadow:var(--shadow);
}
#modal-root .clean-drawer .drawer-head{
  position:sticky;
  top:-24px;
  z-index:4;
  margin:-24px -24px 0;
  padding:24px 24px 12px;
  background:linear-gradient(180deg,#0d0f10 82%,rgba(13,15,16,.94));
}
@media(max-width:700px){
  #modal-root .modal:has(> .clean-drawer){width:min(calc(100vw - 16px),420px)!important}
  #modal-root .modal > .clean-drawer{
    max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));
  }
}

/* Date fields: keep the active border inside the rounded input so it cannot be clipped by the two-column field wrapper. */
.field input[type="date"]:focus,
.field input[type="date"]:focus-visible{
  outline:none!important;
  border-color:var(--gold-2)!important;
  box-shadow:inset 0 0 0 1px var(--gold-2)!important;
}