/* GRAINATION — 2.0 login page auth notices + pane pinning (WO-011 §C-4).
   Enqueued by mu-plugins/gn2-auth-reset.php on page 109127 only.
   No acid anywhere — so this needs no §A-3 acid-protocol decision. */

/* Pane pinning. The widget's own inline CSS shows a pane via :target; gn2-auth.js mirrors
   location.hash onto data-pane (and keeps it in sync on hashchange) so the history-scrub in
   step (5) of the JS can't collapse the pane. data-pane, when present, wins over :target here
   by specificity: `.auth-form[data-pane] .auth-pane` (0,3,0) beats the inline `.auth-pane:target`
   (0,2,0), and the id rule below (1,2,0) shows the pinned one. When JS hasn't run / there's no
   hash, data-pane is absent and the inline :target system is the baseline — no regression, no
   flash. */
.auth-form[data-pane] .auth-pane { display: none; }
.auth-form[data-pane="pane-login"]    #pane-login,
.auth-form[data-pane="pane-register"] #pane-register,
.auth-form[data-pane="pane-lost"]     #pane-lost,
.auth-form[data-pane="pane-reset"]    #pane-reset { display: block; }

/* Notice — mirrors the system notice look (mono kicker, hairline + left rule). No acid. */
.gn2-note {
	border: 1px solid var(--line);
	border-left: 3px solid var(--cobalt);
	background: var(--paper);
	padding: 14px 16px;
	margin: 0 0 18px;
	max-width: 44ch;
}
.gn2-note--err { border-left-color: #EA3A17; }
.gn2-note-k {
	display: block;
	font-family: var(--mono);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--ink);
	margin-bottom: 4px;
}
.gn2-note-b { margin: 0; font-size: 14px; line-height: 1.5; color: var(--mut); }