[data-auth-client-form] [data-auth-invalid] { border: 1px solid #b42318 !important; box-shadow: 0 0 0 1px #b42318 !important; }
[data-auth-field-error] { display: block; margin: 4px 0 0; padding: 7px 10px; border-left: 3px solid #b42318; border-radius: 5px; background: #fff1ef; color: #922f28 !important; font: 500 12px/1.5 sans-serif; text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; }
[data-auth-feedback] { grid-column: 1 / -1; margin: 12px 0 0; padding: 12px 14px; border-radius: 10px; color: #922f28 !important; background: #fff1ef; font-size: 14px; line-height: 1.6; text-transform: none; overflow-wrap: anywhere; }
[data-auth-feedback][hidden] { display: none !important; }
[data-auth-feedback][data-status="pending"] { color: #475569 !important; background: #f1f5f9; }
[data-auth-feedback][data-status="success"] { color: #185c39 !important; background: #edf7f0; }
[data-auth-client-form][aria-busy="true"] :is(button[type="submit"], input[type="submit"]) { opacity: .75; cursor: wait; }
[data-auth-client-form][aria-busy="true"] button[type="submit"]::before { content: ''; display: inline-block; width: 14px; height: 14px; margin-inline-end: 9px; vertical-align: -2px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: auth-client-spin .8s linear infinite; }
@keyframes auth-client-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { [data-auth-client-form][aria-busy="true"] button[type="submit"]::before { animation: none; } }