/* Suppress WebKit/Chromium tap flashes throughout the phone UI, including
 * dialogs inserted outside #app. Selected tabs, score colors and caret/selection
 * behavior are intentionally unchanged. */
html.pePhoneTouch12344,
html.pePhoneTouch12344 *,
html.pePhoneTouch12344 *::before,
html.pePhoneTouch12344 *::after {
  -webkit-tap-highlight-color: transparent !important;
}
/* Legacy press-only fills are separate from the native tap flash. Restore
 * their resting appearance without changing persistent selected states. */
html.pePhoneTouch12344 body .mobileTabCurrent:active { background:#fff !important; }
html.pePhoneTouch12344 body .mobileTabOptions button:not(.active):active { background:#fff !important; border-color:#dbe3ef !important; }
html.pePhoneTouch12344 body #mobileStudentSelector .mobileStudentPersonButton:not(:disabled):active { background:#fff !important; border-color:#bfcddd !important; }
html.pePhoneTouch12344 body .mobileProgressPickerButton:active:not(:disabled) { background:#fff !important; border-color:#c8d4e2 !important; }
html.pePhoneTouch12344 body .mobileCalendarAddButton:active { background:#f4f9ff !important; border-color:#79aee0 !important; }
html.pePhoneTouch12344 body .mobileClubMemberEdit:active { background:#fff !important; }
/* Programmatic focus after a touch must not leave a blue focus glow. Keep the
 * focus itself (including modal focus-return and editable fields) intact. */
html.pePhoneTouch12344[data-pe-phone-input="touch"] body :is(button,a,input,textarea,select,[role="button"],[tabindex]):focus,
html.pePhoneTouch12344[data-pe-phone-input="touch"] body .calendarAddModal .calEditGrid textarea:focus,
html.pePhoneTouch12344[data-pe-phone-input="touch"] body #app #homeTodayList > :focus,
html.pePhoneTouch12344[data-pe-phone-input="touch"] body #peAssessRoster12342 .pa42Student:focus,
html.pePhoneTouch12344[data-pe-phone-input="touch"] body.pePapsRoster12342 .pr42p-student:focus,
html.pePhoneTouch12344[data-pe-phone-input="touch"] body .pa42Modal :focus {
  outline: none !important;
  box-shadow: none !important;
}
/* A physical keyboard still gets a visible, neutral focus indicator. */
html.pePhoneTouch12344[data-pe-phone-input="keyboard"] body :focus-visible,
html.pePhoneTouch12344[data-pe-phone-input="keyboard"] body #app #homeTodayList > :focus-visible,
html.pePhoneTouch12344[data-pe-phone-input="keyboard"] body #peAssessRoster12342 .pa42Student:focus-visible,
html.pePhoneTouch12344[data-pe-phone-input="keyboard"] body.pePapsRoster12342 .pr42p-student:focus-visible,
html.pePhoneTouch12344[data-pe-phone-input="keyboard"] body .pa42Modal :focus-visible {
  outline: 2px solid #52616b !important;
  outline-offset: -2px !important;
}