/* Contraste en los formularios de citas, usuarios y cuenta. */
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) .dialog-top {
 background:#174ea6; color:#fff; margin:-26px -30px 22px;
 padding:20px 26px; align-items:flex-start; gap:16px;
}
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) .dialog-top .eyebrow {
 color:#fff; opacity:1;
}
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) .dialog-top h2 {
 color:#fff; margin:6px 0 0; font-weight:800;
}
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) .dialog-top .close {
 color:#fff; background:transparent; border:2px solid #fff;
 flex-shrink:0; line-height:1;
}
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) .dialog-top .close:hover {
 background:#103875;
}
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) :is(input,select,textarea) {
 border:2px solid #c62828; color:#172b3a;
}
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) :is(input,select,textarea):focus {
 border-color:#c62828; outline:3px solid #aacbff; outline-offset:2px;
}
:is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) select:disabled {
 opacity:1; color:#334155; background:#eef2f6;
}
@media(max-width:600px){
 :is(#event-dialog,#users-dialog,#settings-dialog,#recover-dialog) .dialog-top {
  margin:-20px -20px 20px; padding:18px 20px;
 }
}

#password-form > button.quiet{background:#176b36;color:#fff;border-color:#176b36;font-weight:700}
#password-form > button.quiet:hover{background:#115329;border-color:#115329}

#settings-dialog #test-push{background:#174ea6;color:#fff;border:1px solid #174ea6;font-weight:700}
#settings-dialog #test-push:hover{background:#103875;border-color:#103875}
#settings-dialog #disable-push{background:#c62828;color:#fff;border:1px solid #c62828;border-radius:10px;padding:11px 16px;font-weight:700;text-decoration:none}
#settings-dialog #disable-push:hover{background:#a51f1f;border-color:#a51f1f}

#users-list .user-row button.quiet{background:#174ea6;color:#fff;border-color:#174ea6;font-weight:700}
#users-list .user-row button.quiet:hover{background:#103875;border-color:#103875}
#users-dialog #new-user{background:#475569;color:#fff;border-color:#475569;font-weight:700}
#users-dialog #new-user:hover{background:#334155;border-color:#334155}

#access #access-error{color:#c62828;font-weight:700;font-size:14px;opacity:1}

#recover-dialog #recover-error{color:#c62828;font-weight:700}
#recover-code-form input{letter-spacing:5px;font-size:24px;font-weight:700}