/* PitClue sign-in screens (wp-login.php). Uses tokens.css. */
html{background:var(--bg)}
body.login.pcl{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,1fr);grid-template-rows:1fr auto;min-height:100vh;margin:0;padding:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font-sans)}
body.pcl *{box-sizing:border-box}

/* Brand panel */
.pcl-brand{position:relative;grid-row:1/3;grid-column:1;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:48px 56px;overflow:hidden;background:#1C1917;color:#FFFFFF}
.pcl-dial{position:absolute;right:-220px;bottom:-240px;width:760px;height:760px;pointer-events:none;opacity:.9}
.pcl-dial circle{fill:none;stroke:#2E2A27;stroke-width:2}.pcl-dial circle.thin{stroke-width:1}
.pcl-dial .trk{fill:none;stroke:#3A3532;stroke-width:10;stroke-linecap:round}
.pcl-dial .zone{fill:none;stroke:#F59E0B;stroke-width:10;stroke-linecap:round}
.pcl-dial .ndl{stroke:#F59E0B;stroke-width:5;stroke-linecap:round}
.pcl-logo{position:relative;color:#FFFFFF;font:700 26px/1 var(--font-sans);letter-spacing:-.03em;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.pcl-logo svg{flex-shrink:0}.pcl-logo .pc-logo__ring{fill:none;stroke:#FFFFFF;stroke-width:3.4;stroke-linecap:round}.pcl-logo .pc-logo__bang{stroke:#F59E0B;stroke-width:3.6;stroke-linecap:round}.pcl-logo .pc-logo__dot{fill:#F59E0B}
.pcl-logo .pc-logo__clue{color:#F59E0B}
.pcl-brand__txt{position:relative;max-width:460px}
.pcl-brand__h{margin:0 0 14px;font:700 clamp(30px,3.2vw,44px)/1.12 var(--font-sans);letter-spacing:-.025em}
.pcl-brand__p{margin:0;color:#A8A29E;font-size:17px;line-height:1.55}
.pcl-brand__list{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.pcl-brand__list li{padding:8px 14px;border:1px solid #3A3532;border-radius:999px;color:#D6D3D1;font:500 13px/1 var(--font-mono)}

/* Form column */
#login{grid-column:2;grid-row:1;align-self:center;width:100%;max-width:420px;margin:0 auto;padding:48px 24px 24px}
#login>h1{display:none}
.pcl-head{margin:0 0 20px;text-align:left}
.pcl-head__h{margin:0 0 8px;font:700 30px/1.15 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}
.pcl-head__p{margin:0;color:var(--ink-muted);font-size:15px;line-height:1.55}
.login form{margin:0;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:none;overflow:visible}
.login form p{margin-bottom:0}
.login label{display:block;margin-bottom:6px;color:var(--ink);font:600 14px/1.4 var(--font-sans)}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email]{width:100%;min-height:50px;margin:0 0 18px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font:400 16px/1.4 var(--font-sans);box-shadow:none}
.login form .input:focus,.login input:focus{border-color:var(--accent);outline:2px solid var(--focus);outline-offset:1px;box-shadow:none}
.login .user-pass-wrap{margin-bottom:0}
.login .wp-pwd{position:relative}
.login .wp-pwd .input{padding-right:52px}
.login .button.wp-hide-pw{position:absolute!important;top:0!important;right:4px!important;width:44px!important;height:50px!important;min-height:0!important;border:0!important;background:transparent!important;color:var(--ink-subtle)!important;box-shadow:none!important}
.login .button.wp-hide-pw:focus{outline:2px solid var(--focus);box-shadow:none}
.login .button.wp-hide-pw .dashicons{top:0}
.login .forgetmenot{float:none;display:flex;align-items:center;gap:8px;margin:0 0 22px}
.login .forgetmenot label{margin:0;font-weight:400;color:var(--ink-muted)}
.login input[type=checkbox]{width:18px;height:18px;margin:0;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);box-shadow:none}
.login input[type=checkbox]:checked::before{filter:none}
.login .submit,.login p.submit{display:block;clear:both;margin:0;padding:0}
.wp-core-ui.login .button-primary{float:none;display:block;width:100%;min-height:50px;padding:0 24px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font:600 16px/50px var(--font-sans);text-shadow:none;box-shadow:none}
.wp-core-ui.login .button-primary:hover,.wp-core-ui.login .button-primary:focus{background:var(--accent-hover);color:var(--on-accent);box-shadow:none}
.wp-core-ui.login .button-primary:focus{outline:2px solid var(--focus);outline-offset:2px}
.wp-core-ui.login .button-secondary,.login .button:not(.button-primary):not(.wp-hide-pw){min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);font:600 14px/42px var(--font-sans)}
.login .description,.login .indicator-hint,.login p.description{color:var(--ink-subtle);font-size:13px;line-height:1.5;margin:0 0 16px}
.login #pass-strength-result{width:100%;margin:-8px 0 14px;padding:8px 12px;border-radius:10px;font-size:13px;color:#1C1917}
.login .reset-pass-submit{display:flex;flex-direction:column;gap:10px}
.login .reset-pass-submit .button{width:100%}

/* Messages */
.login .message,.login .notice,.login .success,#login_error{margin:0 0 18px;padding:14px 16px;border:1px solid var(--risk-normal-line);border-left:4px solid var(--risk-normal-ink);border-radius:14px;background:var(--risk-normal-bg);color:var(--risk-normal-ink);box-shadow:none;font-size:14px;line-height:1.5}
.login .notice-error,#login_error{border-color:#F3B4C2;border-left-color:#B4234B;background:#FDF0F3;color:#7A1531}
.login .message a,.login .notice a,#login_error a{color:inherit;font-weight:600}

/* Links under the form */
.login #nav,.login #backtoblog{margin:16px 0 0;padding:0;text-align:center;font-size:14px}
.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:var(--ink-muted);text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover,.login .privacy-policy-page-link a:hover{color:var(--accent);text-decoration:underline}
.login .privacy-policy-page-link{margin:20px 0 0;text-align:center;font-size:13px}
.language-switcher{display:none}

.pcl-foot{grid-column:2;grid-row:2;margin:0;padding:20px 24px 28px;text-align:center;color:var(--ink-subtle);font-size:12px;line-height:1.6}
.pcl-foot a{color:var(--ink-muted);text-decoration:none}
.pcl-heart{color:#E11D48}

/* Dark theme: error colours */
:root[data-theme="dark"] .login .notice-error,:root[data-theme="dark"] #login_error{border-color:#5B1A2A;border-left-color:#F43F5E;background:#2A1218;color:#FECDD3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .login .notice-error,:root:not([data-theme="light"]) #login_error{border-color:#5B1A2A;border-left-color:#F43F5E;background:#2A1218;color:#FECDD3}}

/* Phones and small tablets: the panel becomes a compact band */
@media (max-width:900px){
body.login.pcl{display:block}
.pcl-brand{flex-direction:row;align-items:center;justify-content:space-between;padding:18px 20px;gap:12px}
.pcl-brand__txt,.pcl-brand__list{display:none}
.pcl-dial{width:300px;height:300px;right:-120px;bottom:auto;top:-130px;opacity:.6}
#login{padding:32px 16px 8px}
.login form{padding:22px}
.pcl-head__h{font-size:26px}
.pcl-foot{padding:16px 16px 24px}
}