/* Perfection42 Admin Styling */

:root {
	--p42-brand: #e53935;           /* primary brand red from logo */
	--p42-brand-600: #c62828;       /* darker hover */
	--p42-success: #46b450;         /* WP success green */
	--p42-error: #dc3232;           /* WP error red */
}

/* Admin notices polish */
.p42-notice {
	border-radius: 6px;
	padding: 12px 14px 12px 44px;
	position: relative;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
	border-left-width: 6px;
}

.p42-notice.notice-success { border-left-color: var(--p42-success); }
.p42-notice.notice-error,
.p42-notice.notice-warning { border-left-color: var(--p42-error); }

.p42-notice::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
}

/* Dashicons markers */
.p42-notice.notice-success::before { content: "\f147"; font: normal 20px/1 dashicons; color: var(--p42-success); }
.p42-notice.notice-error::before { content: "\f153"; font: normal 20px/1 dashicons; color: var(--p42-error); }

.p42-notice .notice-dismiss { top: 2px; right: 8px; }

/* Password field UI */
.p42-password-wrap { display: flex; align-items: center; gap: 6px; }
.p42-toggle-password { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border-radius: 4px; cursor: pointer; }
.p42-toggle-password .dashicons { font-size: 18px; line-height: 1; }
.p42-toggle-password:focus { outline: 2px solid var(--p42-brand); outline-offset: 1px; }
.p42-toggle-password:hover { border-color: var(--p42-brand-600); }

/* Forgot password link placement */
.td-password .p42-forgot-link { margin-top: 6px; display: inline-block; text-decoration: none; }
.td-password .p42-forgot-link:hover,
.td-password .p42-forgot-link:focus { color: var(--p42-brand-600); }

/* Inline AJAX error refinement */
.p42-inline-error { margin-top: 8px; padding: 8px 10px; border-left: 4px solid var(--p42-error); background: #fff; }