/* Shared, native form controls for the public site and the owner panel. */
html body :is(button,a,input,select,summary):focus:not(:focus-visible){outline:none}
html body :is(button,a,input,select,summary):focus-visible,
html body dialog .bookmark:focus-visible,
html body .saved-link:focus-visible{
  outline:2px solid #8993a1;
  outline-offset:4px;
}
html body select{
  appearance:none;
  -webkit-appearance:none;
  color:#596478;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4.5 6.5 3.5 3.5 3.5-3.5' stroke='%23868f9d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:16px;
  border:1px solid #e1e5ec;
  border-radius:12px;
  padding-right:38px;
  cursor:pointer;
  transition:border-color .18s,background-color .18s;
}
html body select:hover{border-color:#c4cbd5;background-color:#fcfcfd}
html body select:disabled{opacity:.55;cursor:default}
html body select option{color:#4f5b6d;background:#fff}
html body input[type=checkbox]:not(#promotion-enabled){
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  min-width:18px;
  flex-shrink:0;
  padding:0;
  margin:0;
  border:1px solid #cbd2dd;
  border-radius:6px;
  background:#fff no-repeat center / 13px;
  vertical-align:middle;
  cursor:pointer;
  transition:background-color .15s,border-color .15s;
}
html body input[type=checkbox]:not(#promotion-enabled):hover{border-color:#8f9aab}
html body input[type=checkbox]:not(#promotion-enabled):checked{
  background-color:#586a87;
  border-color:#586a87;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3.5 8 3 3 6-6' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html body input[type=checkbox]:disabled{opacity:.5;cursor:default}
html body .filter-chip{background:#fff;border-color:#e1e5ec;border-radius:12px;color:#7a8597;gap:9px}
html body .filter-chip:hover{border-color:#c4cbd5}
html body .filter-chip:has(input:checked){background:#eceff4;border-color:#d6dce5;color:#52647f}
html body .promotion-toggle input:checked{background:#586a87;border-color:#586a87}
html body .inline-check{gap:8px}
html body :is(button,a,select,input,summary){-webkit-tap-highlight-color:transparent}
/* Keep focus within the rounded control instead of a detached outer frame. */
html body :is(.dialog-close,.modal-close):focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 2px #68778c;
  background-color:#f3f5f9;
  color:#43516a;
}
html body select:focus-visible,
html body .discovery-selects select:focus-visible{
  outline:none;
  border-color:#68778c;
  box-shadow:inset 0 0 0 1px #68778c;
}
@media(forced-colors:active){
  html body input[type=checkbox]:not(#promotion-enabled){appearance:auto;-webkit-appearance:auto;background-image:none}
  html body select{appearance:auto;-webkit-appearance:auto;background-image:none}
  html body :is(.dialog-close,.modal-close):focus-visible,
  html body select:focus-visible,
  html body .discovery-selects select:focus-visible{
    outline:2px solid Highlight;
    outline-offset:2px;
    box-shadow:none;
  }
}
@media(prefers-reduced-motion:reduce){
  html body select,html body input[type=checkbox]{transition:none}
}