/* GeeKPress Aurelian — geekui-userpages.css
   Lists, login & register SPAs (gxl / gxg / gxr). */

/* ---- Lists ---- */
#geekui-root-lists .gxl-title { font-family: var(--geekui-font-title) !important; letter-spacing: 0.06em; }
#geekui-root-lists .gxl-card {
	background: linear-gradient(180deg, rgba(21, 26, 44, 0.92), rgba(13, 16, 28, 0.96)) !important;
	border: 1px solid var(--gxl-border) !important;
	border-radius: 10px !important;
	transition: transform 0.2s ease, border-color 0.2s ease;
}
#geekui-root-lists .gxl-card:hover { transform: translateY(-3px); border-color: var(--gxl-border-2) !important; }
#geekui-root-lists .gxl-card-name { font-family: var(--geekui-font-title) !important; }
#geekui-root-lists .gxl-card-count,
#geekui-root-lists .gxl-card-owner { font-family: var(--geekui-font-mono); color: var(--gxl-text-mute); }
#geekui-root-lists .gxl-draft-badge {
	font-family: var(--geekui-font-mono) !important;
	border: 1px solid rgba(var(--aur-gold-rgb), 0.35) !important;
	background: rgba(var(--aur-gold-rgb), 0.1) !important;
	color: var(--aur-gold-bright) !important;
	border-radius: 5px !important;
}
#geekui-root-lists .gxl-search {
	background: rgba(15, 19, 34, 0.85) !important;
	border: 1px solid var(--gxl-border) !important;
	border-radius: 999px !important;
}
#geekui-root-lists .gxl-search:focus-within { border-color: var(--aur-gold) !important; }
#geekui-root-lists .gxl-pager-btn {
	border: 1px solid var(--gxl-border) !important;
	border-radius: 7px !important;
	font-family: var(--geekui-font-mono) !important;
}
#geekui-root-lists .gxl-row {
	border: 1px solid var(--gxl-border) !important;
	border-radius: 9px !important;
	background: rgba(16, 21, 42, 0.7) !important;
}
#geekui-root-lists .gxl-row:hover { border-color: var(--gxl-border-2) !important; }
#geekui-root-lists .gxl-row-title { font-family: var(--geekui-font-title) !important; }

/* ---- Login & register: a sealed gilded box ---- */
#geekui-root-login .gxg-box,
#geekui-root-register .gxr-box {
	background: linear-gradient(180deg, rgba(21, 26, 44, 0.94), rgba(13, 16, 28, 0.97)) !important;
	border: 1px solid rgba(var(--aur-gold-rgb), 0.28) !important;
	border-radius: 12px !important;
	box-shadow: inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.06), 0 22px 50px rgba(0, 0, 0, 0.5);
}
#geekui-root-login .gxg-title,
#geekui-root-register .gxr-title {
	font-family: var(--geekui-font-title) !important;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#geekui-root-login .gxg-subtitle,
#geekui-root-register .gxr-subtitle { color: var(--gxg-text-mute, var(--aur-text-mute)); }
#geekui-root-login .gxg-field,
#geekui-root-register .gxr-field {
	background: rgba(var(--aur-bg-rgb), 0.85) !important;
	border: 1px solid rgba(var(--aur-gold-rgb), 0.18) !important;
	border-radius: 8px !important;
	color: var(--aur-text) !important;
	font-family: var(--geekui-font-base) !important;
}
#geekui-root-login .gxg-field:focus,
#geekui-root-register .gxr-field:focus { border-color: var(--aur-gold) !important; outline: none; }
#geekui-root-login .gxg-btn,
#geekui-root-register .gxr-btn {
	background: linear-gradient(180deg, var(--aur-vbtn-1), var(--aur-vbtn-2)) !important;
	border: 1px solid rgba(var(--aur-violet-2-rgb), 0.6) !important;
	color: #f6f1ff !important;
	border-radius: 8px !important;
	font-family: var(--geekui-font-title) !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
#geekui-root-login .gxg-btn:hover,
#geekui-root-register .gxr-btn:hover { background: linear-gradient(180deg, var(--aur-vbtn-1), var(--aur-vbtn-2)) !important; }
#geekui-root-login .gxg-social-btn,
#geekui-root-register .gxr-social-btn {
	border: 1px solid rgba(var(--aur-gold-rgb), 0.2) !important;
	border-radius: 8px !important;
	background: rgba(16, 21, 42, 0.7) !important;
}
#geekui-root-login .gxg-social-btn:hover,
#geekui-root-register .gxr-social-btn:hover { border-color: rgba(var(--aur-gold-rgb), 0.4) !important; }
#geekui-root-login .gxg-msg--err,
#geekui-root-register .gxr-msg--err { color: var(--aur-hot) !important; }
#geekui-root-register .gxr-captcha {
	border: 1px solid rgba(var(--aur-gold-rgb), 0.2) !important;
	border-radius: 8px !important;
}

/* ════════════════════════════════════════════════════════════════
   MACHINED 3-D PLATES (auto sweep 2026-06-11)
   Theme-wide extension of theme.css .aur-frame — keep in sync.
   ════════════════════════════════════════════════════════════════ */
#geekui-root-lists .gxl-card {
	background:
		linear-gradient(180deg, var(--aur-plate-hi) 0%, var(--aur-plate-mid) 36%, var(--aur-plate-lo) 100%) padding-box,
		linear-gradient(150deg,
			rgba(var(--aur-gold-bright-rgb), 0.85) 0%,
			rgba(var(--aur-gold-rgb), 0.36) 22%,
			rgba(var(--aur-gold-dim-rgb), 0.18) 50%,
			rgba(var(--aur-violet-rgb), 0.26) 82%,
			rgba(var(--aur-violet-2-rgb), 0.55) 100%) border-box !important;
	border: 1px solid transparent !important;
	border-radius: 0 !important;
	clip-path: polygon(
		9px 0, calc(100% - 9px) 0, 100% 9px,
		100% calc(100% - 9px), calc(100% - 9px) 100%,
		9px 100%, 0 calc(100% - 9px), 0 9px);
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.42)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));
	box-shadow:
		inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.10),
		inset 0 -1px 0 rgba(0, 0, 0, 0.46) !important;
}
#geekui-root-lists .gxl-card:hover {
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 9px rgba(var(--aur-gold-rgb), 0.18));
}

/* ── Single-list view dressing (2026-06-11) — the detail page was a
   bare violet grid; pull it into the gilt plate language ───────── */
#geekui-root-lists .gxl-back {
	font-family: var(--geekui-font-mono) !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--aur-gold) !important;
}
#geekui-root-lists .gxl-back:hover { color: var(--aur-gold-bright) !important; }
#geekui-root-lists .gxl-single-owner,
#geekui-root-lists .gxl-single-count {
	font-family: var(--geekui-font-mono) !important;
	letter-spacing: 0.08em;
	color: var(--aur-text-mute) !important;
}
#geekui-root-lists .gxl-single-owner { color: var(--aur-gold) !important; }
#geekui-root-lists .gxl-single-head { border-bottom: 1px solid rgba(var(--aur-gold-rgb), 0.22) !important; }
#geekui-root-lists .gxl-single-head::after {
	background: linear-gradient(90deg, var(--aur-gold), transparent) !important;
}
#geekui-root-lists .gxl-single-sum {
	color: var(--aur-text-dim) !important;
	border-left: 2px solid rgba(var(--aur-gold-rgb), 0.3);
	padding-left: 16px;
}
/* view toggle → mini plates, gilt active (was violet pill) */
#geekui-root-lists .gxl-view-toggle button,
#geekui-root-lists .gxl-view-toggle a {
	background: linear-gradient(180deg, var(--aur-plate-hi), var(--aur-plate-lo)) !important;
	border: 1px solid var(--aur-line-soft) !important;
	border-radius: 0 !important;
	clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
	color: var(--aur-text-dim) !important;
	box-shadow: inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.10), inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
}
#geekui-root-lists .gxl-view-toggle .geekui-active,
#geekui-root-lists .gxl-view-toggle [class*="active"] {
	background: linear-gradient(180deg, var(--aur-vbtn-1), var(--aur-vbtn-2)) !important;
	color: #fff !important;
	border-color: rgba(var(--aur-violet-2-rgb), 0.6) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.35) !important;
}
/* item cards: mini plate edges on covers, gilt names */
/* posters carry their artwork as an INLINE background-image — never
   touch their background; the gradient edge rides a ::after ring */
#geekui-root-lists .gxl-item-poster {
	position: relative;
	border: 0 !important;
	border-radius: 0 !important;
	clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
	overflow: hidden;
	filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.4));
}
#geekui-root-lists .gxl-item-poster::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border: 1px solid transparent;
	background: linear-gradient(150deg,
		rgba(var(--aur-gold-bright-rgb), 0.8) 0%,
		rgba(var(--aur-gold-rgb), 0.32) 24%,
		rgba(var(--aur-gold-dim-rgb), 0.16) 55%,
		rgba(var(--aur-violet-2-rgb), 0.45) 100%) border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	        mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	        mask-composite: exclude;
}
#geekui-root-lists .gxl-item-poster img { border-radius: 0 !important; }
#geekui-root-lists .gxl-item:hover .gxl-item-poster {
	filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.4)) drop-shadow(0 0 9px rgba(var(--aur-gold-rgb), 0.22));
}
#geekui-root-lists .gxl-item-title {
	font-family: var(--geekui-font-title) !important;
	color: var(--aur-text) !important;
}
#geekui-root-lists .gxl-item:hover .gxl-item-title { color: var(--aur-gold-bright) !important; }
#geekui-root-lists .gxl-item-year {
	font-family: var(--geekui-font-mono) !important;
	color: var(--aur-text-mute) !important;
}