/* ============================================================
 * WP Affiliate Pro — Frontend CSS
 *
 * Most of the frontend uses Tailwind CDN classes inline.
 * This file holds only what Tailwind can't express cleanly:
 *   - Toast notifications
 *   - Suspension/notice messages (when shown outside the dashboard)
 *   - Defensive resets for the dashboard root
 * ============================================================ */

/* Suspension / notice messages shown before dashboard renders */
.wpap-notice {
	max-width: 680px;
	margin: 24px auto;
	padding: 16px 20px;
	border-radius: 12px;
	font-size: 14px;
	line-height: 1.5;
}

.wpap-notice-info     { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; }
.wpap-notice-success  { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; }
.wpap-notice-warning  { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.wpap-notice-error    { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }

.wpap-btn {
	display: inline-block;
	margin-left: 12px;
	padding: 6px 14px;
	background: #4f46e5;
	color: #fff !important;
	text-decoration: none;
	font-weight: 500;
	font-size: 13px;
	border-radius: 6px;
}
.wpap-btn:hover { background: #4338ca; }

/* ============================================================
 * Toast notifications
 * ============================================================ */
.wpap-toast {
	position: fixed;
	bottom: 24px;
	right: 24px;
	max-width: 360px;
	padding: 12px 18px;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
	z-index: 99999;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.wpap-toast.is-visible { opacity: 1; transform: translateY(0); }
.wpap-toast-success { background: #059669; }
.wpap-toast-error   { background: #dc2626; }
.wpap-toast-info    { background: #2563eb; }

@media (max-width: 640px) {
	.wpap-toast {
		left: 16px;
		right: 16px;
		max-width: none;
		bottom: 16px;
	}
}

/* Dashboard root - ensure nothing leaks from theme */
.wpap-dashboard-root button:focus { outline: none; }
.wpap-dashboard-root input,
.wpap-dashboard-root select,
.wpap-dashboard-root textarea { font-family: inherit; }