/* ==========================================================
   Luxa Users — Base Styles
   Scoped under .lxu-wrap to avoid theme conflicts.
   ========================================================== */

.lxu-wrap {
	--lxu-primary:       #6366f1;
	--lxu-primary-hover: #4f46e5;
	--lxu-primary-rgb:   99, 102, 241;
	--lxu-bg:            #ffffff;
	--lxu-text:          #0f172a;
	--lxu-muted:         #64748b;
	--lxu-border:        #e2e8f0;
	--lxu-surface:       #f8fafc;
	--lxu-input-bg:      #ffffff;
	--lxu-error:         #dc2626;
	--lxu-error-bg:      #fef2f2;
	--lxu-success:       #16a34a;
	--lxu-success-bg:    #f0fdf4;
	--lxu-radius:        10px;
	--lxu-shadow:        0 1px 3px rgba(0,0,0,.04);

	box-sizing: border-box;
	max-width: 420px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--lxu-text);
}

.lxu-wrap *,
.lxu-wrap *::before,
.lxu-wrap *::after {
	box-sizing: inherit;
}

.lxu-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.lxu-panel[hidden] {
	display: none !important;
}

/* Buttons */
.lxu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 20px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
	border: 1.5px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background-color .15s, border-color .15s, opacity .15s;
	line-height: 1.2;
}

.lxu-btn-full {
	width: 100%;
}

.lxu-btn-sm {
	padding: 7px 14px;
	font-size: 13px;
}

.lxu-btn-primary {
	background: var(--lxu-primary);
	color: #fff;
}
.lxu-btn-primary:hover {
	background: var(--lxu-primary-hover);
	color: #fff;
}
.lxu-btn-primary:disabled {
	opacity: .6;
	cursor: not-allowed;
}

.lxu-btn-outline {
	background: #fff;
	color: var(--lxu-text);
	border-color: var(--lxu-border);
}
.lxu-btn-outline:hover {
	background: var(--lxu-surface);
	color: var(--lxu-text);
}

.lxu-btn[data-loading="1"] .lxu-btn-text {
	display: none;
}
.lxu-btn[data-loading="1"] .lxu-btn-loading {
	display: inline-flex !important;
}

/* Notices */
.lxu-notice {
	margin-top: 14px;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.5;
}
.lxu-notice[hidden] {
	display: none;
}
.lxu-notice.is-error {
	background: var(--lxu-error-bg);
	color: var(--lxu-error);
}
.lxu-notice.is-success {
	background: var(--lxu-success-bg);
	color: var(--lxu-success);
}

/* Verify / info panels */
.lxu-verify-notice {
	text-align: center;
	padding: 20px 10px;
}
.lxu-verify-icon {
	font-size: 40px;
	width: 40px;
	height: 40px;
	color: var(--lxu-primary);
	margin-bottom: 10px;
}
.lxu-verify-notice h3 {
	margin: 0 0 8px;
	font-size: 17px;
}
.lxu-verify-notice p {
	margin: 0 0 16px;
	color: var(--lxu-muted);
	font-size: 14px;
}