/* === EmechNET Overrides (clean) — dark gray gradients kept === */

/* Palette (dark gray) */
:root{
  --nav-grad-from:#181818;
  --nav-grad-mid:#1e1e1e;
  --nav-grad-to:#141414;
  --topbar:#101010;
  --ft-grad-from:#181818;
  --ft-grad-mid:#1e1e1e;
  --ft-grad-to:#141414;
}

/* Top superbar (small 'logged in as...' line) */
.superbar{ background:var(--topbar); border-bottom:1px solid #1b1b1b; color:#e8eaee; }
.superbar-inner{ display:flex; justify-content:flex-end; align-items:center; height:34px; padding:0 12px; font-size:12px; }
.superbar a,.superbar span{ color:#f0f2f5; text-decoration:none; }

/* Header (keep two-row style if present) */
.navbar{ background:linear-gradient(180deg,var(--nav-grad-from),var(--nav-grad-mid) 60%,var(--nav-grad-to)); border-bottom:1px solid #222; }
.nav-inner{ display:flex; flex-direction:column; align-items:center; gap:0; }
.brand{ display:flex; align-items:center; justify-content:center; padding:10px 0; }
.brand img.logo{ height:84px; width:auto; margin:0; }
.mainnav{ display:flex; gap:22px; justify-content:center; width:100%; border-top:1px solid #232323;
          background:linear-gradient(180deg,var(--nav-grad-mid),var(--nav-grad-to)); }
.mainnav a{ color:#e1e5ea; text-decoration:none; padding:14px 0; border-bottom:3px solid transparent; font-weight:600; }
.mainnav a:hover,.mainnav a.active{ color:#fff; border-bottom-color:#8aa0ff; }
.mainnav a{ font-size:18px!important; padding:18px 0!important; font-weight:600!important; }

/* Footer — full width, same dark gray gradient */
.site-footer{
  background:linear-gradient(180deg,var(--ft-grad-from),var(--ft-grad-mid) 60%,var(--ft-grad-to));
  border-top:1px solid #222;
  color:#cfd8e3;
  position:relative;
  width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}
.site-footer .wrap{ max-width:1100px; margin:0 auto; }
.footer-top{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:36px 0; text-align:left; }
.footer-bottom{ border-top:1px solid #222; padding:14px 0; color:#aab4c3; font-size:14px; text-align:center; }

.site-footer h4{ margin:0 0 10px; font-size:16px; color:#e9edf3; }
.ft-list{ list-style:none; margin:0; padding:0; }
.ft-list li{ margin:6px 0; }
.ft-list a{ color:#d1d5db; text-decoration:none; }
.ft-list a:hover{ color:#fff; }

/* Status tick colors (used by live footer) */
.ft-tick{ font-weight:700; color:#22c55e; }     /* green = all OK */
.ft-tick.partial{ color:#f59e0b; }              /* orange = partial */
.ft-tick.down{ color:#ef4444; }                 /* red = all down */

@media (max-width: 900px){
  .footer-top{ grid-template-columns:1fr 1fr; }
}