/* Shieldy reminder form polish r26 — presentation only; no network/API changes. */

/*
 * The short blue tails under the left edge of reminder <select> controls were
 * native-select rendering artifacts colliding with the cabinet form skin.
 * Normalize only selects inside the reminder editor and draw one consistent
 * arrow ourselves. This does not change values, events or form structure.
 */
#shieldy-reminder-foundation .sh-reminder-editor-card-r9 .field > select,
#shieldy-reminder-foundation .sh-reminder-custom-interval-controls > select{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:1px solid var(--sh-auto-border)!important;
  border-left-width:1px!important;
  outline:0!important;
  box-shadow:none!important;
  background-color:var(--sh-auto-soft)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%236b7c93' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:12px 8px!important;
  padding-right:40px!important;
  overflow:hidden!important;
}

#shieldy-reminder-foundation .sh-reminder-editor-card-r9 .field > select:focus,
#shieldy-reminder-foundation .sh-reminder-custom-interval-controls > select:focus{
  border-color:var(--sh-auto-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--sh-auto-accent) 14%,transparent)!important;
}

/* Defensive reset in case a global cabinet skin adds decorative field tails. */
#shieldy-reminder-foundation .sh-reminder-editor-card-r9 .field:has(> select)::before,
#shieldy-reminder-foundation .sh-reminder-editor-card-r9 .field:has(> select)::after{
  content:none!important;
  display:none!important;
}

#shieldy-reminder-foundation .sh-reminder-delivery-field-r26 .sh-reminder-delivery-hint-r26{
  display:block!important;
  margin:-1px 0 7px!important;
  color:var(--sh-auto-muted)!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  font-weight:500!important;
}

/* r9 gives generic field helpers a top margin; the delivery helper belongs
   above the select, so keep its spacing explicit. */
#shieldy-reminder-foundation .sh-reminder-delivery-field-r26 > select{
  margin-top:0!important;
}

html[data-theme="dark"] #shieldy-reminder-foundation .sh-reminder-editor-card-r9 .field > select,
html[data-theme="dark"] #shieldy-reminder-foundation .sh-reminder-custom-interval-controls > select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%239fb0c6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}