/* 鼠标经过、按下和键盘选中时给出反馈，保留按钮原有颜色和大小。 */
:where(button,a[href],summary,[role="button"],[role="tab"],[role="switch"],[role="menuitem"],input[type="button"],input[type="submit"],input[type="reset"]) {
  transition:filter .12s ease,outline-color .12s ease;
}

/* 触屏不保留鼠标悬停效果；等待处理或不可用的控件不提示可以点击。 */
@media (hover:hover) and (pointer:fine) {
  :where(button,a[href],summary,[role="button"],[role="tab"],[role="switch"],[role="menuitem"],input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled,[disabled],[aria-disabled="true"],[aria-busy="true"],[data-busy="true"],[data-loading="true"],.is-busy,.is-loading,[data-af-feedback]):not(:where([inert],[inert] *,[aria-disabled="true"] *,[aria-busy="true"] *,[data-busy="true"] *,[data-loading="true"] *,.is-busy *,.is-loading *)):hover {
    filter:brightness(1.08);
    outline:none;
  }

  :where(input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):not(:disabled,[disabled],[readonly],[aria-disabled="true"],[aria-busy="true"],[data-busy="true"],[data-loading="true"],.is-busy,.is-loading):not(:where([inert],[inert] *,[aria-disabled="true"] *,[aria-busy="true"] *,[data-busy="true"] *,[data-loading="true"] *,.is-busy *,.is-loading *)):hover {
    outline:none;
  }
}

:where(button,a[href],summary,[role="button"],[role="tab"],[role="switch"],[role="menuitem"],input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled,[disabled],[aria-disabled="true"],[aria-busy="true"],[data-busy="true"],[data-loading="true"],.is-busy,.is-loading,[data-af-feedback]):not(:where([inert],[inert] *,[aria-disabled="true"] *,[aria-busy="true"] *,[data-busy="true"] *,[data-loading="true"] *,.is-busy *,.is-loading *)):active {
  filter:brightness(.91);
}

:where(button,a[href],summary,[role="button"],[role="tab"],[role="switch"],[role="menuitem"],input,select,textarea):not(:disabled,[disabled],[aria-disabled="true"],[aria-busy="true"],[data-busy="true"],[data-loading="true"],.is-busy,.is-loading):not(:where([inert],[inert] *,[aria-disabled="true"] *,[aria-busy="true"] *,[data-busy="true"] *,[data-loading="true"] *,.is-busy *,.is-loading *)):focus-visible {
  outline:2px solid #3588ff!important;
  outline-offset:2px;
}

@media (prefers-reduced-motion:reduce) {
  :where(button,a[href],summary,[role="button"],[role="tab"],[role="switch"],[role="menuitem"],input,select,textarea) {
    transition:none!important;
  }
}

/* The actual result stays in toasts / inline messages. No floating corner badges. */
html body .af-marker{display:none!important}
/* Plain select controls remain native, including keyboard, validation and disabled state. */
@supports (appearance:base-select){
 @media (hover:hover) and (pointer:fine){
  html body select:not([multiple]):is(:not([size]),[size="1"]),
  html body select:not([multiple]):is(:not([size]),[size="1"])::picker(select){appearance:base-select!important}
  html body select:not([multiple]):is(:not([size]),[size="1"]){background-image:none!important;padding-right:12px!important;align-items:center;gap:16px}
  html body select:not([multiple]):is(:not([size]),[size="1"])::picker(select){padding:6px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#34475b;box-shadow:0 8px 28px #1d365421;max-height:320px;overflow:auto;margin-block:5px;font-size:13px;min-width:anchor-size(width)}
  html body select:not([multiple]):is(:not([size]),[size="1"])::picker-icon{color:#7c8ba1;font-size:11px;margin-left:auto}
  html body select:not([multiple]):is(:not([size]),[size="1"]) option{padding:10px 12px;min-height:38px;border-radius:6px;gap:10px;white-space:normal;line-height:1.5}
  html body select:not([multiple]):is(:not([size]),[size="1"]) option:checked{background:#edf4ff;color:#245db1;font-weight:600}
  html body select:not([multiple]):is(:not([size]),[size="1"]) option:is(:hover,:focus){background:#f1f5fa;color:#23364c}
  html body select:not([multiple]):is(:not([size]),[size="1"]) option:disabled{color:#98a4b3}
 }
}

/* Text fields use their own border as focus feedback, without a second outer ring. */
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select):focus{
 outline:none!important;box-shadow:none!important;border-color:#88a9d5!important;
}
@supports(appearance:base-select){
 html body select option:focus-visible{outline:none!important;box-shadow:none!important;background:#edf4ff;color:#245db1}
}
@supports(appearance:base-select){
 @media(hover:hover) and (pointer:fine){
  html body select:not([hidden]):not([multiple]):is(:not([size]),[size="1"]),
  html body #viewerComplaintDialog select:not([hidden]):not([multiple]):is(:not([size]),[size="1"]){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
 }
}