/**
 * WP Realtime Chat - dedicated sign-in card (v0.6.1)
 * Loaded only for logged-out visitors, separately from chat.bundle.css.
 * Palette matches the chat sidebar (#3f0e40) with an indigo accent.
 */
.wprc-login-wrap{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:24px 16px;box-sizing:border-box;font-family:'Segoe UI',Tahoma,sans-serif}
.wprc-login-wrap *{box-sizing:border-box}
.wprc-login-card{width:100%;max-width:420px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 24px 64px rgba(0,0,0,.15);animation:wprc-login-in .3s ease}
@keyframes wprc-login-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.wprc-login-header{padding:32px 32px 28px;text-align:center;background:#3f0e40}
.wprc-login-logo{display:block;margin-bottom:12px;font-size:38px;line-height:1}
.wprc-login-title{margin:0 0 5px;font-size:20px;font-weight:800;color:#fff}
.wprc-login-subtitle{margin:0;font-size:13px;color:rgba(255,255,255,.65)}
.wprc-login-body{padding:28px 32px 32px}
.wprc-login-error{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;border:1px solid #ffc1c1;border-left:4px solid #dc3545;border-radius:8px;background:#fff0f0;font-size:13px;color:#c0392b}
.wprc-login-field{margin-bottom:18px}
.wprc-login-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}
.wprc-login-input{width:100%;padding:12px 16px;border:2px solid #e8eaf0;border-radius:10px;background:#f7f8fc;color:#1a1a2e;font:inherit;font-size:15px;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.wprc-login-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px rgba(79,70,229,.12)}
.wprc-login-row{display:flex;align-items:center;margin-bottom:22px;font-size:13px}
.wprc-login-remember{display:flex;align-items:center;gap:7px;color:#555;cursor:pointer}
.wprc-login-remember input{width:18px;height:18px;flex:none;accent-color:#4f46e5;cursor:pointer}
.wprc-login-submit{width:100%;padding:14px;border:0;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff;font:inherit;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .12s}
.wprc-login-submit:hover{opacity:.92;transform:translateY(-1px)}
.wprc-login-submit:active{opacity:.85;transform:none}
.wprc-login-footer{margin:20px 0 0;text-align:center;font-size:13px;line-height:1.6}
.wprc-login-footer a{color:#4f46e5;font-weight:600;text-decoration:none}
.wprc-login-footer a:hover{text-decoration:underline}
@media (max-width:480px){
.wprc-login-wrap{align-items:flex-start;min-height:auto;padding:32px 12px 16px}
.wprc-login-card{border-radius:16px}
.wprc-login-header{padding:24px 20px 20px}
.wprc-login-logo{font-size:32px}
.wprc-login-title{font-size:18px}
.wprc-login-body{padding:20px 20px 24px}
.wprc-login-input{padding:13px 14px;font-size:16px}
.wprc-login-submit{padding:15px}
}

/* v0.7.4 - always light, whatever the site/browser/chat theme: explicit colours so nothing can turn invisible */
.wprc-login-wrap,.wprc-login-wrap *{color-scheme:light}
.wprc-login-wrap .wprc-login-card{background:#fff!important;color:#1a1a2e!important}
.wprc-login-wrap .wprc-login-label{color:#4b5563!important}
.wprc-login-wrap .wprc-login-remember{color:#374151!important}
.wprc-login-wrap .wprc-login-input,.wprc-login-wrap .wprc-login-input:-webkit-autofill{background:#f7f8fc!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;border:2px solid #d9dcea!important;caret-color:#1a1a2e;box-shadow:0 0 0 1000px #f7f8fc inset!important}
.wprc-login-wrap .wprc-login-input::placeholder{color:#8a90a6!important;opacity:1}
.wprc-login-wrap .wprc-login-input:focus{background:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px rgba(79,70,229,.15)!important}
.wprc-login-wrap .wprc-login-submit{background:linear-gradient(135deg,#4f46e5,#818cf8)!important;color:#fff!important}
.wprc-login-wrap .wprc-login-footer a{color:#4f46e5!important}
.wprc-login-wrap .wprc-login-error{background:#fff0f0!important;color:#b42318!important;border-color:#ffc1c1!important}

/* v0.9.12: sign-in view fills the whole window so no theme header, footer, menu or page content shows around the form */
.wprc-login-wrap{position:fixed;inset:0;z-index:2147483000;min-height:0;overflow-y:auto;background:#eef0f7;padding:24px 16px}
.wprc-login-wrap .wprc-login-card{margin:auto}
html:has(.wprc-login-wrap),html:has(.wprc-login-wrap) body{overflow:hidden}
@media (max-width:480px){.wprc-login-wrap{align-items:flex-start;padding:32px 12px 16px}}

/* v0.9.16: "Logging in..." indicator on the Sign In button */
.wprc-login-submit.is-loading,.wprc-login-submit:disabled{opacity:.75;cursor:wait;transform:none}
.wprc-login-spinner{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:wprc-login-spin .7s linear infinite}
@keyframes wprc-login-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.wprc-login-spinner{animation-duration:1.6s}}