/* EGViewer: EverGrid Technology look, matching www.evergridtech.com (navy #12294D, red #C0392B, IBM Plex Sans +
   Space Grotesk, 4px buttons, 8px cards). Injected by /usr/local/bin/egviewer_sync.sh into the copied NEP build. */

/* Theme variables: the portal reads these (antReset.scss maps most Ant Design colours to --base-color).
   [theme-oem] raises specificity above the portal's own :root[theme-mode=...] rules. */
:root[theme-mode="light"][theme-oem] {
	--login-bg: linear-gradient(135deg, #0D1E39 0%, #12294D 55%, #1E3A66 100%);
	--sider-color: #fff;
	--base-color: #C0392B;
	--base-color-light: #C0392B1F;
	--bg-color: #F4F6F9;
	--text-color: #1B2430;
}
:root[theme-mode="dark"][theme-oem] {
	--login-bg: linear-gradient(135deg, #0D1E39 0%, #12294D 55%, #1E3A66 100%);
	--sider-color: #0D1E39;
	--base-color: #E0604F;
	--base-color-light: #E0604F26;
}

/* Type */
body, body [class^="ant-"], body [class*=" ant-"], #web-view {
	font-family: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.login-layout-box .head, .login-layout-box .head *, .ant-modal-title, .ant-drawer-title, .ant-card-head-title, h1, h2, h3 {
	font-family: 'Space Grotesk', 'IBM Plex Sans', system-ui, sans-serif !important;
	letter-spacing: 0.2px;
}

/* Buttons: EverGrid red, 4px corners, like the website */
#web-view .ant-btn, #web-view .ant-btn-round { border-radius: 4px; }
#web-view .ant-btn-primary { background: #C0392B; border-color: #C0392B; font-weight: 600; }
#web-view .ant-btn-primary:hover, #web-view .ant-btn-primary:focus { background: #A33024; border-color: #A33024; }
:root[theme-mode="dark"] #web-view .ant-btn-primary { background: #E0604F; border-color: #E0604F; }

/* Sign-in page: navy hero like the homepage, white wordmark, white card */
.login-layout-box .top .logo { content: url(/egviewer-logo-white.png); width: 168px !important; height: auto !important; }
.login-layout-box .square, .login-layout-box .circle { opacity: 0.18; }
.login-layout-box .container {
	border-radius: 8px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.30) !important;
	border-top: 4px solid #C0392B;
}
.login-layout-box .ant-btn-primary { height: 46px; font-size: 15px; letter-spacing: 0.2px; }
.login-layout-box .rt-btn { color: #12294D !important; }
.login-layout-box .rt-btn:hover { color: #C0392B !important; }
.login-layout-box .bd-b:focus-within { border-bottom-color: #C0392B !important; }
.login-layout-box .lang-select { color: #12294D; }

/* Footer and links */
#footer-layout { color: #56606E; font-size: 13px; }
#footer-layout .link { color: #12294D; }
#footer-layout .link:hover { color: #C0392B; }
a:focus-visible, button:focus-visible { outline: 3px solid #E0604F; outline-offset: 2px; }

/* No NEP app: hide the "Download APP" side button (it offers the NEPViewer app) */
.side-menus a[aria-label="Download APP"] { display: none !important; }