/* Identidade eTryit — ambiente de desenvolvimento. */
:root {
  --sidebar-bg: #202020;
  --sidebar-text: #f5f5f5;
  --sidebar-muted: #c1c1c1;
}
html:has(#loginScreen.acesso:not([hidden])) { border-color: #202020 !important; }
.acesso { --a-fundo: color-mix(in srgb, var(--brand) 18%, #202020); --a-menta: var(--brand); --a-menta-clara: color-mix(in srgb, var(--brand) 30%, #fff); --a-verde: color-mix(in srgb, var(--brand) 68%, #000); --a-verde-digital: var(--brand); }
.acesso-marca { background: var(--a-fundo) !important; }
.acesso-marca-luz { background: radial-gradient(ellipse at 85% 85%, color-mix(in srgb, var(--brand) 23%, transparent), transparent 60%) !important; }
.acesso-arte { background: url('/brand/etryit/etryit-wordmark.svg?v=1') center / min(78%, 480px) auto no-repeat !important; }
.acesso-arte-camadas { visibility: hidden !important; }
.acesso-botao { background: var(--a-verde) !important; color: #fff !important; }
html body .sidebar { background: var(--etryit-sidebar-base, #f77f00) !important; --sidebar-bg: var(--etryit-sidebar-base, #f77f00); --sidebar-text: var(--etryit-sidebar-text, #202020); --sidebar-muted: var(--etryit-sidebar-text, #202020); }
html body .sidebar .nav-submenu:before { background: color-mix(in srgb, var(--brand) 45%, transparent) !important; }
html body .sidebar :is(.brand-copy, .brand-copy strong, .brand-copy span, .nav-group-toggle, .nav-button, .nav-submenu-button, .nav-submenu-toggle, .nav-mode-button, .sidebar-collapse-toggle, .sidebar-footer button) { color: var(--etryit-sidebar-text, #202020) !important; }
html body .dashboard-hero, html body .employee-hero-v2 { background: radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 60%), linear-gradient(135deg,#202020,#383432) !important; }
html body .employee-hero-v2.status-paused { background: radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--brand) 20%, transparent), transparent 60%), linear-gradient(135deg,#292929,#423830) !important; }
.bottom-nav-center-circle { background: color-mix(in srgb, var(--brand) 68%, #000) !important; }
html body .primary-action, html body .login-submit { background: color-mix(in srgb, var(--brand) 68%, #000) !important; color: #fff !important; }