/* papp_notes' look: pmgr's palette (hbempire src/pmgr's index.html :root) as the
   design tokens the notes' --nt-* tokens read (papp_libs notes/notes.css "Theming"),
   so the page is pmgr's dark one before any style preset; and its sign-in page.
   pmgr was dark only, so these hold in light mode too. */

:root {
	color-scheme: dark;
	--surface-1: #181a20;
	--surface-page: #0f1117;
	--surface-sunken: #23262f;
	--text-primary: #e2e4e9;
	--text-secondary: #9ca0ab;
	--text-muted: #6b7080;
	--axis: #2e3140;
	--border: #2e3140;
	--series-1: #6366f1;
	--radius: 8px;
	--radius-sm: 6px;
}

body { background: var(--surface-page); }

/* ---- sign-in ---- */

body.pn-login {
	margin: 0;
	min-height: 100vh;
	display: grid;
	place-items: center;
	background: var(--surface-page);
	color: var(--text-primary);
	font: 14px/1.5 "Segoe UI", system-ui, -apple-system, sans-serif;
}

.pn-card {
	width: min(340px, calc(100vw - 32px));
	box-sizing: border-box;
	padding: 24px;
	background: var(--surface-1);
	border: 1px solid var(--border);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pn-brand { font-size: 22px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.pn-brand img { width: 30px; height: 30px; }
.pn-sub, .pn-foot { margin: 0; color: var(--text-secondary); font-size: 13px; }
.pn-foot { font-size: 12px; color: var(--text-muted); }
.pn-card label { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .6px; margin-top: 6px; }
.pn-card input { font: 14px "Segoe UI", system-ui, sans-serif; text-transform: none; letter-spacing: 0; padding: 7px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-sunken); color: var(--text-primary); }
.pn-card input:focus { outline: none; border-color: var(--series-1); }
.pn-card button { font: inherit; padding: 7px; border: 1px solid var(--series-1); border-radius: var(--radius-sm); background: var(--series-1); color: #fff; cursor: pointer; }
.pn-card button:hover { background: #5558e6; }
.pn-err { margin: 0; min-height: 1.2em; color: #ef4444; font-size: 13px; }