/* SMRC Base - CSS variables, glass surface primitives, buttons, alerts */
/* =====================================================
   SMRC App Shell - Glassmorphic Modern UI
   ===================================================== */

:root {
	--smrc-primary: #6366f1;
	--smrc-primary-dark: #4338ca;
	--smrc-primary-light: #eef2ff;
	--smrc-accent: #06b6d4;
	--smrc-pink: #ec4899;
	--smrc-success: #16a34a;
	--smrc-success-bg: rgba(22,163,74,.12);
	--smrc-danger: #dc2626;
	--smrc-danger-bg: rgba(220,38,38,.12);
	--smrc-warn: #d97706;
	--smrc-warn-bg: rgba(217,119,6,.14);
	--smrc-ink: #0f172a;
	--smrc-body: #475569;
	--smrc-muted: #94a3b8;
	--smrc-border: rgba(15,23,42,.08);
	--smrc-glass-border: rgba(255,255,255,.55);
	--smrc-radius: 18px;
	--smrc-radius-sm: 12px;
	--smrc-shadow: 0 1px 2px rgba(15,23,42,.05), 0 12px 32px -12px rgba(15,23,42,.18);
	--smrc-shadow-lg: 0 20px 44px -12px rgba(79,70,229,.35);
	--smrc-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--smrc-heading-font: 'Manrope', var(--smrc-font);
}

html.smrc-app-page, body.smrc-app-page { margin-top: 0 !important; }
#wpadminbar { display: none !important; }

/* Vivid animated gradient mesh backdrop behind the glass cards */
body.smrc-app-page {
	background-color: #eef1fb;
	background-image:
		radial-gradient(900px 500px at 8% 0%, rgba(99,102,241,.28), transparent 60%),
		radial-gradient(800px 500px at 95% 10%, rgba(6,182,212,.24), transparent 55%),
		radial-gradient(700px 460px at 50% 100%, rgba(236,72,153,.16), transparent 60%),
		linear-gradient(180deg, #eef1fb 0%, #f4f6fd 100%);
	background-attachment: fixed;
	min-height: 100vh;
}

.smrc-auth-wrap, .smrc-portal-wrap {
	font-family: var(--smrc-font);
	color: var(--smrc-body);
	max-width: 100%;
	-webkit-font-smoothing: antialiased;
}
.smrc-auth-wrap, .smrc-auth-wrap * ,
.smrc-portal-wrap, .smrc-portal-wrap * { box-sizing: border-box; }

.smrc-auth-wrap h1, .smrc-auth-wrap h2, .smrc-auth-wrap h3,
.smrc-portal-wrap h1, .smrc-portal-wrap h2, .smrc-portal-wrap h3 {
	font-family: var(--smrc-heading-font);
	color: var(--smrc-ink);
}

/* Base "glass" surface used everywhere: cards, panels, nav, topbar */
.smrc-glass {
	background: rgba(255,255,255,.62);
	backdrop-filter: blur(18px) saturate(160%);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	border: 1px solid var(--smrc-glass-border);
	box-shadow: var(--smrc-shadow);
}

.smrc-box { padding:16px; border-radius: var(--smrc-radius); }
.smrc-notice { text-align:center; }

/* Buttons */
.smrc-btn {
	margin-top:16px; background: linear-gradient(135deg, var(--smrc-primary), var(--smrc-accent));
	color:#fff; border:none; padding:12px 22px; border-radius: 12px; font-size:14px; cursor:pointer;
	font-weight:700; font-family:var(--smrc-font); box-shadow: 0 8px 20px -6px rgba(99,102,241,.55);
	transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease; letter-spacing:.01em;
}
.smrc-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -8px rgba(99,102,241,.6); }
.smrc-btn:active { transform: translateY(0); }
.smrc-btn:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.smrc-btn-ghost {
	background: rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.4);
	box-shadow:none; backdrop-filter: blur(6px);
}
.smrc-btn-ghost:hover { background:rgba(255,255,255,.24); box-shadow:none; }
.smrc-btn-danger { background: linear-gradient(135deg, #f87171, var(--smrc-danger)); box-shadow: 0 8px 20px -6px rgba(220,38,38,.45); }
.smrc-btn-secondary { background: linear-gradient(135deg, #94a3b8, #64748b); box-shadow: 0 8px 20px -6px rgba(100,116,139,.4); }
.smrc-btn-sm { padding:9px 15px; font-size:12.5px; margin-top:0; }

/* Alerts */
.smrc-alert { padding:13px 16px; border-radius: var(--smrc-radius-sm); margin-bottom:14px; font-size:13.5px; font-weight:600; border:1px solid transparent; }
.smrc-alert.ok { background:var(--smrc-success-bg); color:#166534; border-color:rgba(22,163,74,.3); }
.smrc-alert.err { background:var(--smrc-danger-bg); color:#991b1b; border-color:rgba(220,38,38,.3); }
.smrc-muted { color:var(--smrc-muted); font-size:13px; }


.smrc-pw-wrap { position: relative; display: block; }
.smrc-pw-wrap > input { width: 100%; padding-right: 2.6rem; }
.smrc-pw-eye {
	position: absolute; top: 50%; right: .5rem; transform: translateY(-50%);
	background: none; border: 0; cursor: pointer; font-size: 1rem; line-height: 1;
	padding: .25rem; opacity: .55; color: inherit;
}
.smrc-pw-eye:hover, .smrc-pw-eye.is-on { opacity: 1; }
.smrc-row-repeat { background: rgba(220, 53, 69, .08); }
.smrc-pill-danger { background: #dc3545; color: #fff; }