/*
 * V1.03.8.39 — Parallax por menu, relógio no título e temas completos.
 * Camadas exclusivamente decorativas, sem eventos bloqueantes e sem mover
 * filtros, tabelas, modais, relatórios ou controles operacionais.
 */
:root{
  --sgo-parallax-x:0;
  --sgo-parallax-y:0;
  --sgo-parallax-scroll:0px;
  --sgo-theme-950:#062d22;
  --sgo-theme-900:#0b3d2e;
  --sgo-theme-800:#11513d;
  --sgo-theme-700:#197052;
  --sgo-theme-100:#e7f3ed;
  --sgo-theme-50:#f3f9f6;
  --sgo-accent-rgb:25,112,82;
  --sgo-secondary:#b58a2d;
  --sgo-secondary-soft:#fbf4df;
  --sgo-canvas:#f2f6f4;
  --sgo-surface:#ffffff;
  --sgo-soft:#f7faf8;
  --sgo-line:#dbe6e1;
  --sgo-ink:#102a21;
  --sgo-muted:#60736b;
}

html[data-sgo-palette="azul"]{--sgo-theme-950:#071f3b;--sgo-theme-900:#0b345f;--sgo-theme-800:#145286;--sgo-theme-700:#1f6fa8;--sgo-theme-100:#e5f1fa;--sgo-theme-50:#f3f8fc;--sgo-accent-rgb:31,111,168;--sgo-secondary:#2a7f8f;--sgo-secondary-soft:#e7f5f7;--sgo-canvas:#eef4f8;--sgo-surface:#fff;--sgo-soft:#f5f9fc;--sgo-line:#d6e2ea;--sgo-ink:#10283b;--sgo-muted:#5e7280}
html[data-sgo-palette="grafite"]{--sgo-theme-950:#171b1f;--sgo-theme-900:#252b31;--sgo-theme-800:#39424a;--sgo-theme-700:#56636e;--sgo-theme-100:#e9edef;--sgo-theme-50:#f5f7f8;--sgo-accent-rgb:86,99,110;--sgo-secondary:#9a6a32;--sgo-secondary-soft:#f5ede2;--sgo-canvas:#f1f3f4;--sgo-surface:#fff;--sgo-soft:#f7f8f9;--sgo-line:#dbe0e3;--sgo-ink:#20262b;--sgo-muted:#667079}
html[data-sgo-palette="violeta"]{--sgo-theme-950:#241338;--sgo-theme-900:#3d2358;--sgo-theme-800:#5b337e;--sgo-theme-700:#7547a0;--sgo-theme-100:#f0e8f7;--sgo-theme-50:#faf7fc;--sgo-accent-rgb:117,71,160;--sgo-secondary:#a34f79;--sgo-secondary-soft:#faeaf2;--sgo-canvas:#f6f2f8;--sgo-surface:#fff;--sgo-soft:#fbf8fc;--sgo-line:#e4dbe9;--sgo-ink:#2b2032;--sgo-muted:#74687b}
html[data-sgo-palette]{
  --verde:var(--sgo-theme-900)!important;
  --verde2:var(--sgo-theme-800)!important;
  --verde3:var(--sgo-theme-100)!important;
  --green-900:var(--sgo-theme-950)!important;
  --green-800:var(--sgo-theme-900)!important;
  --green-700:var(--sgo-theme-700)!important;
  --green-100:var(--sgo-theme-100)!important;
  --brand:var(--sgo-theme-900)!important;
  --brand-2:var(--sgo-theme-800)!important;
  --brand-soft:var(--sgo-theme-100)!important;
  --ent-green-950:var(--sgo-theme-950)!important;
  --ent-green-900:var(--sgo-theme-900)!important;
  --ent-green-800:var(--sgo-theme-800)!important;
  --ent-green-700:var(--sgo-theme-700)!important;
  --ent-green-600:var(--sgo-theme-700)!important;
  --ent-green-100:var(--sgo-theme-100)!important;
  --ent-green-50:var(--sgo-theme-50)!important;
  --campo-green:var(--sgo-theme-900)!important;
  --ai-green:var(--sgo-theme-900)!important;
  --ai-green2:var(--sgo-theme-800)!important;
  --ai-green3:var(--sgo-theme-700)!important;
  --bg:var(--sgo-canvas)!important;
  --txt:var(--sgo-ink)!important;
  --muted:var(--sgo-muted)!important;
  --line:var(--sgo-line)!important;
  --ent-ink:var(--sgo-ink)!important;
  --ent-text:var(--sgo-ink)!important;
  --ent-muted:var(--sgo-muted)!important;
  --ent-line:var(--sgo-line)!important;
  --ent-line-strong:color-mix(in srgb,var(--sgo-line) 72%,var(--sgo-theme-700))!important;
  --ent-surface:var(--sgo-surface)!important;
  --ent-soft:var(--sgo-soft)!important;
  --ent-canvas:var(--sgo-canvas)!important;
}

/* A paleta troca somente a identidade principal; cores operacionais permanecem soberanas. */
html[data-sgo-palette] #sidebarPrincipal.sidebar{background:linear-gradient(180deg,var(--sgo-theme-950),var(--sgo-theme-900) 54%,var(--sgo-theme-950))!important}
html[data-sgo-palette] #loginView.login-screen::before{background:linear-gradient(112deg,var(--sgo-theme-950) 0%,var(--sgo-theme-900) 47%,#fff 47.15%,#fff 100%)!important}
html[data-sgo-palette] #loginView .login-hero{background:linear-gradient(145deg,var(--sgo-theme-950),var(--sgo-theme-900) 58%,var(--sgo-theme-800))!important}
html[data-sgo-palette] .status-hero-v166,
html[data-sgo-palette] .monit-hero,
html[data-sgo-palette] .fac-hero,
html[data-sgo-palette] .gos-hero,
html[data-sgo-palette] .usuarios-hero,
html[data-sgo-palette] .mat-command-hero-p26{background:linear-gradient(135deg,var(--sgo-theme-950),var(--sgo-theme-900) 62%,var(--sgo-theme-800))!important}
html[data-sgo-palette] .status-v166{--sv-green-950:var(--sgo-theme-950);--sv-green-900:var(--sgo-theme-900);--sv-green-800:var(--sgo-theme-800);--sv-green-700:var(--sgo-theme-700);--sv-green-100:var(--sgo-theme-100);--sv-green-50:var(--sgo-theme-50);--sv-ink:var(--sgo-ink);--sv-muted:var(--sgo-muted);--sv-line:var(--sgo-line);--sv-bg:var(--sgo-canvas);--sv-card:var(--sgo-surface)}
html[data-sgo-palette] .monit-page{--green:var(--sgo-theme-900);--green2:var(--sgo-theme-700);--green3:var(--sgo-theme-100);--line:var(--sgo-line);--text:var(--sgo-ink);--muted:var(--sgo-muted);--bg:var(--sgo-canvas)}
html[data-sgo-palette] .gos-page{--gos-brand:var(--sgo-theme-900);--gos-brand-2:var(--sgo-theme-800);--gos-line:var(--sgo-line);--gos-soft:var(--sgo-soft);--gos-muted:var(--sgo-muted)}
html[data-sgo-palette] .fac-page{--fac-brand:var(--sgo-theme-900);--fac-brand2:var(--sgo-theme-800);--fac-line:var(--sgo-line);--fac-soft:var(--sgo-soft);--fac-muted:var(--sgo-muted)}
html[data-sgo-palette] .materiais-page{--mat-ink:var(--sgo-ink);--mat-muted:var(--sgo-muted);--mat-green:var(--sgo-theme-900);--mat-green-2:var(--sgo-theme-700);--mat-soft:var(--sgo-theme-100);--mat-soft-2:var(--sgo-soft)}
html[data-sgo-palette] .usuarios-oficial-page{--usr-green:var(--sgo-theme-900);--usr-green-2:var(--sgo-theme-700);--usr-line:var(--sgo-line);--usr-text:var(--sgo-ink);--usr-muted:var(--sgo-muted)}
html[data-sgo-palette] .btn.primary,
html[data-sgo-palette] #btnLogin{background:linear-gradient(135deg,var(--sgo-theme-900),var(--sgo-theme-800))!important;border-color:var(--sgo-theme-900)!important}
html[data-sgo-palette] .side-menu .menu-item.active{background:var(--sgo-theme-700)!important;box-shadow:0 10px 26px rgba(var(--sgo-accent-rgb),.25)!important}
html[data-sgo-palette] body{background:radial-gradient(circle at top left,rgba(var(--sgo-accent-rgb),.11),transparent 34%),linear-gradient(180deg,var(--sgo-soft),var(--sgo-canvas))!important;color:var(--sgo-ink)!important}
html[data-sgo-palette] .filters,
html[data-sgo-palette] .toolbar-line,
html[data-sgo-palette] .status-tabs-v166{background:color-mix(in srgb,var(--sgo-surface) 88%,var(--sgo-theme-50))!important;border-color:var(--sgo-line)!important}
html[data-sgo-palette] input:focus,
html[data-sgo-palette] select:focus,
html[data-sgo-palette] textarea:focus{border-color:var(--sgo-theme-700)!important;box-shadow:0 0 0 3px rgba(var(--sgo-accent-rgb),.12)!important}
html[data-sgo-palette] .status-eyebrow-v166::before,
html[data-sgo-palette] .sgo-parallax-status-dot-v103838{background:var(--sgo-secondary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sgo-secondary) 18%,transparent)!important}
html[data-sgo-palette] .data-table thead th,
html[data-sgo-palette] .consultas-table thead th{background:var(--sgo-theme-900)!important}

.app-shell:not(.hidden) .app.main,
.app-shell:not(.hidden) .topbar,
#menuHost{
  position:relative;
  isolation:isolate;
}

.app-shell:not(.hidden) .app.main{overflow-x:clip}
.app-shell:not(.hidden) .topbar{overflow:hidden}
.app-shell:not(.hidden) .topbar > *:not(.sgo-topbar-parallax-v103838),
#menuHost > *:not(.sgo-menu-parallax-v103838){position:relative;z-index:2}

.sgo-topbar-parallax-v103838,
.sgo-menu-parallax-v103838,
.sgo-parallax-surface-v103839,
.sgo-login-parallax-v103838{
  position:absolute!important;
  pointer-events:none!important;
  user-select:none!important;
  overflow:hidden!important;
  contain:layout paint style;
  will-change:transform;
}

.sgo-topbar-parallax-v103838{
  inset:-34px!important;
  z-index:0!important;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:34px 34px;
  transform:translate3d(calc(var(--sgo-parallax-x) * 10px),calc(var(--sgo-parallax-scroll) * .12),0);
}

.sgo-topbar-parallax-v103838 i,
.sgo-menu-parallax-v103838 i,
.sgo-parallax-surface-v103839 i,
.sgo-login-parallax-v103838 i{
  position:absolute;
  display:block;
  border-radius:50%;
  pointer-events:none!important;
  will-change:transform;
}

.sgo-topbar-parallax-v103838 i{border:18px solid rgba(var(--sgo-accent-rgb),.16)}
.sgo-topbar-parallax-v103838 i:nth-child(1){width:170px;height:170px;right:7%;top:-96px;transform:translate3d(calc(var(--sgo-parallax-x) * 18px),calc(var(--sgo-parallax-scroll) * .20),0)}
.sgo-topbar-parallax-v103838 i:nth-child(2){width:95px;height:95px;right:27%;bottom:-65px;border-width:1px;background:rgba(255,255,255,.035);transform:translate3d(calc(var(--sgo-parallax-x) * -13px),calc(var(--sgo-parallax-scroll) * .27),0)}
.sgo-topbar-parallax-v103838 i:nth-child(3){width:54px;height:54px;left:38%;top:14px;border-width:1px;transform:translate3d(calc(var(--sgo-parallax-x) * 7px),calc(var(--sgo-parallax-scroll) * .08),0)}

/* Camada comum atrás do conteúdo: permanece presente mesmo nos menus que ocultam o topbar. */
.sgo-menu-parallax-v103838{
  inset:0 -18px -18px!important;
  z-index:0!important;
  opacity:.72;
  background:
    radial-gradient(circle at 91% 7%,rgba(var(--sgo-accent-rgb),.10),transparent 20%),
    radial-gradient(circle at 8% 48%,rgba(var(--sgo-accent-rgb),.055),transparent 24%),
    linear-gradient(rgba(var(--sgo-accent-rgb),.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--sgo-accent-rgb),.022) 1px,transparent 1px);
  background-size:auto,auto,52px 52px,52px 52px;
  transform:translate3d(calc(var(--sgo-parallax-x) * 7px),calc(var(--sgo-parallax-scroll) * -.035),0);
}
.sgo-menu-parallax-v103838 i{border:1px solid rgba(var(--sgo-accent-rgb),.12)}
.sgo-menu-parallax-v103838 i:nth-child(1){width:260px;height:260px;right:-110px;top:8%;transform:translate3d(calc(var(--sgo-parallax-x) * 14px),calc(var(--sgo-parallax-y) * 9px),0)}
.sgo-menu-parallax-v103838 i:nth-child(2){width:120px;height:120px;left:4%;top:44%;background:rgba(var(--sgo-accent-rgb),.035);transform:translate3d(calc(var(--sgo-parallax-x) * -10px),calc(var(--sgo-parallax-y) * -7px),0)}
.sgo-menu-parallax-v103838 i:nth-child(3){width:72px;height:72px;right:29%;bottom:4%;transform:translate3d(calc(var(--sgo-parallax-x) * 8px),calc(var(--sgo-parallax-y) * -5px),0)}

/* V1.03.8.39: camada aplicada ao bloco superior real de cada menu permitido. */
.sgo-parallax-surface-host-v103839{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.sgo-parallax-surface-host-v103839 > *:not(.sgo-parallax-surface-v103839){position:relative;z-index:2}
.sgo-parallax-surface-v103839{
  inset:-30px!important;
  z-index:0!important;
  opacity:.92;
  background:
    radial-gradient(circle at 86% 12%,rgba(var(--sgo-accent-rgb),.15),transparent 22%),
    linear-gradient(rgba(var(--sgo-accent-rgb),.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--sgo-accent-rgb),.055) 1px,transparent 1px);
  background-size:auto,38px 38px,38px 38px;
  transform:translate3d(calc(var(--sgo-parallax-x) * 14px),calc(var(--sgo-parallax-y) * 9px),0);
}
.sgo-parallax-surface-v103839 i{border:1px solid rgba(var(--sgo-accent-rgb),.17)}
.sgo-parallax-surface-v103839 i:nth-child(1){width:220px;height:220px;right:-74px;top:-112px;border-width:28px;transform:translate3d(calc(var(--sgo-parallax-x) * 24px),calc(var(--sgo-parallax-y) * 15px),0)}
.sgo-parallax-surface-v103839 i:nth-child(2){width:92px;height:92px;right:29%;bottom:-52px;background:rgba(var(--sgo-accent-rgb),.07);transform:translate3d(calc(var(--sgo-parallax-x) * -18px),calc(var(--sgo-parallax-y) * -12px),0)}
.sgo-parallax-surface-v103839 i:nth-child(3){width:48px;height:48px;left:38%;top:14px;transform:translate3d(calc(var(--sgo-parallax-x) * 11px),calc(var(--sgo-parallax-y) * -8px),0)}
.status-hero-v166 .sgo-parallax-surface-v103839,
.monit-hero .sgo-parallax-surface-v103839,
.fac-hero .sgo-parallax-surface-v103839,
.gos-hero .sgo-parallax-surface-v103839,
.usuarios-hero .sgo-parallax-surface-v103839,
.mat-command-hero-p26 .sgo-parallax-surface-v103839{
  background:
    radial-gradient(circle at 86% 12%,rgba(111,230,176,.18),transparent 22%),
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:auto,38px 38px,38px 38px;
}
.status-hero-v166 .sgo-parallax-surface-v103839 i,
.monit-hero .sgo-parallax-surface-v103839 i,
.fac-hero .sgo-parallax-surface-v103839 i,
.gos-hero .sgo-parallax-surface-v103839 i,
.usuarios-hero .sgo-parallax-surface-v103839 i,
.mat-command-hero-p26 .sgo-parallax-surface-v103839 i{border-color:rgba(255,255,255,.16)}

body[data-current-menu="mapa-equipamentos"] .sgo-topbar-parallax-v103838,
body[data-current-menu="painel-apontamentos"] .sgo-topbar-parallax-v103838,
#menuHost.sgo-parallax-excluded-v103839 > .sgo-menu-parallax-v103838,
#menuHost.sgo-parallax-excluded-v103839 .sgo-parallax-surface-v103839{display:none!important}
body[data-current-menu="mapa-equipamentos"] .app-shell .sidebar .brand-logo,
body[data-current-menu="painel-apontamentos"] .app-shell .sidebar .brand-logo{transform:none!important}

/* Relógio do Status: ocupa a área imediatamente após o título. */
.status-title-clock-v103839{display:flex;align-items:center;gap:18px;min-width:0;flex-wrap:wrap}
.status-title-clock-v103839 h2{flex:0 1 auto}
.status-realtime-clock-v103839{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 13px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:11px;
  background:rgba(255,255,255,.10);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:.82rem;
  font-weight:950;
  letter-spacing:.025em;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
body[data-current-menu="sistema"] #pimsRealtimeClockDock{display:none!important}

/* Submenu Paleta de Cores, dentro de Status do Sistema. */
.status-palette-grid-v103839{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.status-palette-card-v103839{
  min-width:0;display:grid;grid-template-rows:74px 1fr auto;gap:12px;padding:13px;
  border:1px solid var(--sv-line);border-radius:17px;background:var(--sgo-surface);color:var(--sv-ink);
  text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(var(--sgo-accent-rgb),.055);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.status-palette-card-v103839:hover{transform:translateY(-2px);border-color:var(--sgo-theme-700);box-shadow:0 15px 32px rgba(var(--sgo-accent-rgb),.10)}
.status-palette-card-v103839.is-selected{border-color:var(--sgo-theme-700);box-shadow:0 0 0 2px rgba(var(--sgo-accent-rgb),.14),0 15px 32px rgba(var(--sgo-accent-rgb),.10)}
.status-palette-preview-v103839{display:grid;grid-template-columns:1.35fr 1fr .72fr .8fr .8fr;overflow:hidden;border-radius:12px;border:1px solid rgba(0,0,0,.06)}
.status-palette-preview-v103839 i{display:block;background:var(--palette-color)}
.status-palette-card-v103839>span:nth-child(2){display:grid;gap:5px}
.status-palette-card-v103839 strong{font-size:.91rem;color:var(--sv-ink)}
.status-palette-card-v103839 small{color:var(--sv-muted);font-size:.72rem;font-weight:700;line-height:1.35}
.status-palette-card-v103839 b{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:10px;background:var(--sgo-theme-50);color:var(--sgo-theme-900);font-size:.72rem;font-weight:950}
.status-palette-card-v103839.is-selected b{background:var(--sgo-theme-900);color:#fff}
.status-palette-note-v103839{display:grid;gap:4px;margin-top:14px;padding:14px 16px;border:1px solid var(--sv-line);border-radius:15px;background:var(--sgo-theme-50)}
.status-palette-note-v103839 strong{color:var(--sgo-theme-900)}
.status-palette-note-v103839 span{color:var(--sv-muted);font-size:.78rem;font-weight:700;line-height:1.42}

.app-shell:not(.hidden) .sidebar .brand-logo{
  transform:translate3d(calc(var(--sgo-parallax-x) * 3px),calc(var(--sgo-parallax-y) * 2px),0);
  will-change:transform;
}

/* Login: profundidade própria e mais perceptível, mantendo o formulário intacto. */
#loginView.login-screen{isolation:isolate;perspective:1200px}
#loginView > *:not(.sgo-login-parallax-v103838){position:relative;z-index:2}
.sgo-login-parallax-v103838{
  inset:-5%!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 18% 22%,rgba(var(--sgo-accent-rgb),.18),transparent 20%),
    radial-gradient(circle at 76% 78%,rgba(var(--sgo-accent-rgb),.09),transparent 25%);
  transform:translate3d(calc(var(--sgo-parallax-x) * 20px),calc(var(--sgo-parallax-y) * 14px),0) scale(1.04);
}
.sgo-login-grid-v103838{
  position:absolute;
  inset:-8%;
  opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:48px 48px;
  transform:translate3d(calc(var(--sgo-parallax-x) * -13px),calc(var(--sgo-parallax-y) * -9px),0) rotate(-1deg);
}
.sgo-login-parallax-v103838 i{border:1px solid rgba(255,255,255,.19);box-shadow:0 24px 70px rgba(2,37,26,.10)}
.sgo-login-parallax-v103838 i:nth-of-type(1){width:440px;height:440px;left:-170px;top:-170px;border-width:54px;border-color:rgba(var(--sgo-accent-rgb),.14);transform:translate3d(calc(var(--sgo-parallax-x) * 38px),calc(var(--sgo-parallax-y) * 26px),0)}
.sgo-login-parallax-v103838 i:nth-of-type(2){width:230px;height:230px;left:35%;top:9%;border-width:24px;border-color:rgba(255,255,255,.075);transform:translate3d(calc(var(--sgo-parallax-x) * -31px),calc(var(--sgo-parallax-y) * -21px),0)}
.sgo-login-parallax-v103838 i:nth-of-type(3){width:96px;height:96px;left:10%;bottom:12%;background:rgba(255,255,255,.045);transform:translate3d(calc(var(--sgo-parallax-x) * 27px),calc(var(--sgo-parallax-y) * -18px),0)}
.sgo-login-parallax-v103838 i:nth-of-type(4){width:520px;height:520px;right:-260px;bottom:-260px;border-width:65px;border-color:rgba(19,108,79,.07);transform:translate3d(calc(var(--sgo-parallax-x) * -24px),calc(var(--sgo-parallax-y) * 17px),0)}
.sgo-login-parallax-v103838 i:nth-of-type(5){width:150px;height:150px;right:35%;bottom:8%;border-color:rgba(17,112,79,.12);transform:translate3d(calc(var(--sgo-parallax-x) * 18px),calc(var(--sgo-parallax-y) * -28px),0)}
.sgo-login-parallax-v103838 i:nth-of-type(6){width:44px;height:44px;right:9%;top:16%;background:rgba(60,174,128,.08);border-color:rgba(17,112,79,.14);transform:translate3d(calc(var(--sgo-parallax-x) * -36px),calc(var(--sgo-parallax-y) * 25px),0)}

#loginView .brand-login{transform:translate3d(calc(var(--sgo-parallax-x) * 8px),calc(var(--sgo-parallax-y) * 5px),0);will-change:transform}
#loginView .login-copy{transform:translate3d(calc(var(--sgo-parallax-x) * 12px),calc(var(--sgo-parallax-y) * 8px),0);will-change:transform}
#loginView .login-card{
  transform:translate3d(calc(var(--sgo-parallax-x) * -5px),calc(var(--sgo-parallax-y) * -3px),0) rotateY(calc(var(--sgo-parallax-x) * -.7deg)) rotateX(calc(var(--sgo-parallax-y) * .45deg));
  transform-origin:center;
  will-change:transform;
}
#loginView .login-logo{transform:translate3d(calc(var(--sgo-parallax-x) * -4px),calc(var(--sgo-parallax-y) * -3px),0);will-change:transform}

/* O único controle do efeito fica dentro de Status do Sistema. */
.status-v166 .sgo-parallax-status-toggle-v103838{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.sgo-parallax-status-dot-v103838{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#5ee0a5;box-shadow:0 0 0 4px rgba(94,224,165,.15)}
body.sgo-parallax-paused-v103838 .sgo-parallax-status-dot-v103838{background:#a7b2ad;box-shadow:none}

body.sgo-parallax-paused-v103838 .sgo-topbar-parallax-v103838,
body.sgo-parallax-paused-v103838 .sgo-topbar-parallax-v103838 i,
body.sgo-parallax-paused-v103838 .sgo-menu-parallax-v103838,
body.sgo-parallax-paused-v103838 .sgo-menu-parallax-v103838 i,
body.sgo-parallax-paused-v103838 .sgo-parallax-surface-v103839,
body.sgo-parallax-paused-v103838 .sgo-parallax-surface-v103839 i,
body.sgo-parallax-paused-v103838 .sgo-login-parallax-v103838,
body.sgo-parallax-paused-v103838 .sgo-login-parallax-v103838 i,
body.sgo-parallax-paused-v103838 .sgo-login-grid-v103838,
body.sgo-parallax-paused-v103838 .app-shell .sidebar .brand-logo,
body.sgo-parallax-paused-v103838 #loginView .brand-login,
body.sgo-parallax-paused-v103838 #loginView .login-copy,
body.sgo-parallax-paused-v103838 #loginView .login-card,
body.sgo-parallax-paused-v103838 #loginView .login-logo{transform:none!important}

@media(max-width:900px){
  .sgo-menu-parallax-v103838{opacity:.48}
  .sgo-login-parallax-v103838{transform:translate3d(calc(var(--sgo-parallax-x) * 10px),calc(var(--sgo-parallax-y) * 7px),0) scale(1.02)}
  #loginView .login-card{transform:translate3d(calc(var(--sgo-parallax-x) * -2px),calc(var(--sgo-parallax-y) * -2px),0)}
  .sgo-login-parallax-v103838 i:nth-of-type(1){width:300px;height:300px;left:-160px;top:-120px}
  .sgo-login-parallax-v103838 i:nth-of-type(2){left:36%;top:3%;opacity:.62}
  .sgo-login-parallax-v103838 i:nth-of-type(4){width:380px;height:380px;right:-240px;bottom:-170px}
  .sgo-parallax-surface-v103839{transform:translate3d(calc(var(--sgo-parallax-x) * 8px),calc(var(--sgo-parallax-y) * 5px),0)}
  .status-palette-grid-v103839{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:520px){
  .sgo-login-grid-v103838{background-size:38px 38px;opacity:.25}
  .sgo-login-parallax-v103838 i:nth-of-type(2),
  .sgo-login-parallax-v103838 i:nth-of-type(5){display:none}
  .status-v166 .sgo-parallax-status-toggle-v103838{flex:1 1 100%!important}
  .status-title-clock-v103839{gap:10px}
  .status-realtime-clock-v103839{width:100%;justify-content:flex-start}
  .status-palette-grid-v103839{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .sgo-topbar-parallax-v103838,
  .sgo-topbar-parallax-v103838 i,
  .sgo-menu-parallax-v103838,
  .sgo-menu-parallax-v103838 i,
  .sgo-parallax-surface-v103839,
  .sgo-parallax-surface-v103839 i,
  .sgo-login-parallax-v103838,
  .sgo-login-parallax-v103838 i,
  .sgo-login-grid-v103838,
  .app-shell:not(.hidden) .sidebar .brand-logo,
  #loginView .brand-login,
  #loginView .login-copy,
  #loginView .login-card,
  #loginView .login-logo{transform:none!important;animation:none!important;transition:none!important}
}

@media print{
  .sgo-topbar-parallax-v103838,
  .sgo-menu-parallax-v103838,
  .sgo-parallax-surface-v103839,
  .sgo-login-parallax-v103838,
  .sgo-parallax-status-toggle-v103838{display:none!important}
  .app-shell .sidebar .brand-logo,
  #loginView .brand-login,
  #loginView .login-copy,
  #loginView .login-card,
  #loginView .login-logo{transform:none!important}
}