/* OpenPress: Reset password and Verify email pages (v1.18.1, real since v1.18.3). Loaded on those pages only. */

/* Per-field error under an input */
.op-field-error {
	margin-top: 0.4rem;
	font-size: 0.8125rem;
	line-height: 1.25rem;
	font-weight: 500;
	color: #be123c;
}
.op-field-error[hidden] { display: none; }
html.dark .op-field-error { color: #fb7185; }

/* Secondary (outline) full-size button */
.op-btn-secondary { background: #fff; color: #171717; border: 1px solid #e5e5e5; }
.op-btn-secondary:hover { background: #fafafa; border-color: #d4d4d4; }
html.dark .op-btn-secondary { background: #141b2d; color: #e8ecf4; border-color: #1d263b; }
html.dark .op-btn-secondary:hover { background: #1d263b; border-color: #2a3550; }

/* Waiting for the countdown: looks inactive but stays focusable (aria-disabled) */
.op-btn[aria-disabled="true"] { opacity: 0.6; cursor: not-allowed; }
.op-btn[aria-disabled="true"]:hover { background: #fff; border-color: #e5e5e5; }
.op-btn[aria-disabled="true"]:active { transform: none; }
html.dark .op-btn[aria-disabled="true"]:hover { background: #141b2d; border-color: #1d263b; }

/* The email address, kept inside the screen at 320px */
.op-email {
	display: inline-block;
	max-width: 100%;
	margin-top: 0.75rem;
	padding: 0.5rem 1rem;
	border: 1px solid #e5e5e5;
	border-radius: 0.75rem;
	background: #fafafa;
	color: #171717;
	font-weight: 600;
	overflow-wrap: anywhere;
	word-break: break-word;
}
html.dark .op-email { background: #141b2d; border-color: #1d263b; color: #e8ecf4; }