/* SMRC Theme - toggle button + full dark mode overrides */
/* =====================================================
   Theme toggle button
   ===================================================== */
.smrc-theme-toggle {
	width:38px; height:38px; border-radius:50%; border:1.5px solid rgba(255,255,255,.4);
	background: rgba(255,255,255,.14); color:#fff; font-size:16px; cursor:pointer;
	display:flex; align-items:center; justify-content:center; transition: all .15s ease; backdrop-filter: blur(6px);
}
.smrc-theme-toggle:hover { background: rgba(255,255,255,.26); transform: translateY(-1px); }
.smrc-topbar-actions { display:flex; align-items:center; gap:10px; }
.smrc-nav-toggle {
	display:inline-flex; align-items:center; gap:8px; flex-shrink:0;
	min-height:44px; padding:8px 14px 8px 12px; border-radius:12px;
	background:#1e3a8a; color:#ffffff; border:2px solid rgba(255,255,255,.35);
	font-size:14px; font-weight:700; line-height:1; cursor:pointer;
}
.smrc-nav-toggle-bars { display:inline-flex; flex-direction:column; justify-content:center; gap:4px; width:20px; height:16px; }
.smrc-nav-toggle-bars span { display:block; height:3px; width:100%; border-radius:2px; background:#ffffff; }
.smrc-theme-toggle-auth {
	position:absolute; top:22px; right:22px; border-color: rgba(15,23,42,.12); background: rgba(15,23,42,.05); color:var(--smrc-ink);
}
.smrc-auth-wrap { position:relative; }

/* =====================================================
   Dark mode - overrides glass surfaces to dark translucent panels
   ===================================================== */
body.smrc-app-page.smrc-dark {
	background-color: #0b1020;
	background-image:
		radial-gradient(900px 500px at 8% 0%, rgba(99,102,241,.30), transparent 60%),
		radial-gradient(800px 500px at 95% 10%, rgba(6,182,212,.22), transparent 55%),
		radial-gradient(700px 460px at 50% 100%, rgba(236,72,153,.14), transparent 60%),
		linear-gradient(180deg, #0b1020 0%, #0d1226 100%);
}
body.smrc-app-page.smrc-dark .smrc-auth-wrap h1, body.smrc-app-page.smrc-dark .smrc-auth-wrap h2, body.smrc-app-page.smrc-dark .smrc-auth-wrap h3,
body.smrc-app-page.smrc-dark .smrc-portal-wrap h1, body.smrc-app-page.smrc-dark .smrc-portal-wrap h2, body.smrc-app-page.smrc-dark .smrc-portal-wrap h3,
body.smrc-app-page.smrc-dark .smrc-h1, body.smrc-app-page.smrc-dark .smrc-choice-title, body.smrc-app-page.smrc-dark .smrc-stat-value {
	color: #f1f5f9;
}
body.smrc-app-page.smrc-dark .smrc-auth-wrap,
body.smrc-app-page.smrc-dark .smrc-portal-body,
body.smrc-app-page.smrc-dark .smrc-card,
body.smrc-app-page.smrc-dark .smrc-stat-card,
body.smrc-app-page.smrc-dark .smrc-choice-card,
body.smrc-app-page.smrc-dark .smrc-modal-box {
	background: rgba(15,23,42,.68); border-color: rgba(255,255,255,.1);
}
body.smrc-app-page.smrc-dark .smrc-portal-nav { border-color: rgba(255,255,255,.08); }
body.smrc-app-page.smrc-dark .smrc-portal-nav button { color:#cbd5e1; }
body.smrc-app-page.smrc-dark .smrc-portal-nav button:hover { background: rgba(99,102,241,.16); color:#fff; }
body.smrc-app-page.smrc-dark .smrc-portal-nav button.active { background: linear-gradient(135deg, rgba(99,102,241,.3), rgba(6,182,212,.2)); color:#c7d2fe; }
body.smrc-app-page.smrc-dark .smrc-choice-card { border-color: rgba(255,255,255,.1); }
body.smrc-app-page.smrc-dark .smrc-choice-card:hover { background: rgba(99,102,241,.14); }
body.smrc-app-page.smrc-dark .smrc-choice-desc, body.smrc-app-page.smrc-dark .smrc-muted { color:#94a3b8; }
body.smrc-app-page.smrc-dark .smrc-table { background: rgba(15,23,42,.4); }
body.smrc-app-page.smrc-dark .smrc-table th { background: rgba(99,102,241,.14); color:#e2e8f0; }
body.smrc-app-page.smrc-dark .smrc-table td { border-color: rgba(255,255,255,.06); color:#cbd5e1; }
body.smrc-app-page.smrc-dark .smrc-table tr:hover td { background: rgba(99,102,241,.08); }
body.smrc-app-page.smrc-dark .smrc-auth-wrap label,
body.smrc-app-page.smrc-dark .smrc-inline-form label,
body.smrc-app-page.smrc-dark .smrc-card form label { color:#cbd5e1; }
body.smrc-app-page.smrc-dark .smrc-auth-wrap input, body.smrc-app-page.smrc-dark .smrc-auth-wrap select, body.smrc-app-page.smrc-dark .smrc-auth-wrap textarea,
body.smrc-app-page.smrc-dark .smrc-inline-form input, body.smrc-app-page.smrc-dark .smrc-inline-form select,
body.smrc-app-page.smrc-dark .smrc-card form input, body.smrc-app-page.smrc-dark .smrc-card form textarea, body.smrc-app-page.smrc-dark .smrc-card form select {
	background: rgba(15,23,42,.5); border-color: rgba(255,255,255,.12); color:#f1f5f9;
}
body.smrc-app-page.smrc-dark .smrc-table input[type=number], body.smrc-app-page.smrc-dark .smrc-table input[type=text] {
	background: rgba(15,23,42,.5); border-color: rgba(255,255,255,.14); color:#f1f5f9;
}
/* Report card stays a solid printable white document even in dark mode */
body.smrc-app-page.smrc-dark .smrc-reportcard { background:#fff; color:#0f172a; }