/* Shieldy reminder Lolka/UI hotfix r27.
   Presentation only: keeps existing values/events/API behavior intact. */

/* The cabinet replaces native selects and entity/channel sources with its own
   accessible picker controls.  Inside the reminder editor the original 1px
   sources can leave a native-control "tail" in Chromium.  They are still kept
   in the DOM and remain readable/writable by JavaScript; only their rendering
   is disabled. */
#shieldy-reminder-foundation select.shieldy-native-select,
#shieldy-reminder-foundation .jj-channel-native-b4d02929f,
#shieldy-reminder-foundation .jj-channel-native-v512,
#shieldy-reminder-foundation .jj-entity-native-b9926bb5c{
  display:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Reminder picker buttons are the only visible controls.  Remove any old
   decorative field pseudo-elements left by cabinet form skins. */
#shieldy-reminder-foundation .field::before,
#shieldy-reminder-foundation .field::after{
  content:none!important;
  display:none!important;
}

/* The editor contains dropdown menus.  Never clip them at the card boundary. */
#shieldy-reminder-foundation .sh-reminder-editor-card-r9,
#shieldy-reminder-foundation .sh-reminder-editor-column-r9,
#shieldy-reminder-foundation .sh-reminder-premium-controls-r9,
#shieldy-reminder-foundation .sh-reminder-premium-controls-r9 .sh-auto-editor-grid{
  overflow:visible!important;
}

/* Logo and banner selectors sit near the bottom of a long form.  Their generic
   cabinet dropdown normally opens downward, which can put all options below
   the viewport.  For these two controls open upward and keep the menu bounded. */
#shieldy-reminder-foundation .field:has(#sh-reminder-logo-source-r9) .shieldy-select-menu,
#shieldy-reminder-foundation .field:has(#sh-reminder-banner-source-r9) .shieldy-select-menu,
#shieldy-reminder-foundation .field:has(#sh-reminder-banner-library-r9) .shieldy-select-menu{
  top:auto!important;
  bottom:calc(100% + 7px)!important;
  max-height:min(260px,42vh)!important;
  overflow:auto!important;
}

/* Keep the source row itself stable when an upload field becomes visible: the
   banner selector must not be pushed to a later implicit grid cell by the logo
   upload field. */
#shieldy-reminder-foundation .sh-reminder-premium-controls-r9 .field:has(#sh-reminder-logo-source-r9){
  grid-column:1!important;
}
#shieldy-reminder-foundation .sh-reminder-premium-controls-r9 .field:has(#sh-reminder-banner-source-r9){
  grid-column:2!important;
}
#shieldy-reminder-foundation #sh-reminder-logo-upload-field-r9{
  grid-column:1!important;
  min-width:0!important;
}
#shieldy-reminder-foundation #sh-reminder-banner-upload-field-r9.sh-reminder-banner-upload-r25{
  grid-column:2!important;
  min-width:0!important;
}

@media(max-width:680px){
  #shieldy-reminder-foundation .sh-reminder-premium-controls-r9 .field:has(#sh-reminder-logo-source-r9),
  #shieldy-reminder-foundation .sh-reminder-premium-controls-r9 .field:has(#sh-reminder-banner-source-r9),
  #shieldy-reminder-foundation #sh-reminder-logo-upload-field-r9,
  #shieldy-reminder-foundation #sh-reminder-banner-upload-field-r9.sh-reminder-banner-upload-r25{
    grid-column:1!important;
  }
}