/* =====================================================================
   SRTTS logo: white "SRTTS" lettering, no box behind it anywhere
   (same as the landing page). Original blue files: assets/img/original-blue/
   A thin navy edge on the artwork keeps the white letters readable on light pages.
   ===================================================================== */
:root {
  --logo-edge: drop-shadow(0 0 1px #0b1b4d) drop-shadow(0 0 1px #0b1b4d) drop-shadow(0 0 2px rgba(11, 27, 77, .9)) drop-shadow(0 4px 10px rgba(11, 27, 77, .45));
}

/* Sidebar (light and dark theme) */
html .sb .sb-logo,
html[data-theme="dark"] .sb .sb-logo {
  background: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  filter: var(--logo-edge);
}

/* Login / register side panel: logo sits straight on the panel */
.ov-logo-card {
  background: none;
  box-shadow: none;
  padding: 0;
}
.ov-logo-card .brand-img { filter: var(--logo-edge); }

/* Mobile logo above the forms */
.brand-img.pane-logo {
  background: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  filter: var(--logo-edge);
}

/* Email verification page */
.verify-logo {
  background: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  filter: var(--logo-edge);
}

/* Landing page header logo and the small sidebar icon: same visible edge */
.l3d-brand img { filter: var(--logo-edge); }
html .sb .sb-mark,
html[data-theme="dark"] .sb .sb-mark { filter: var(--logo-edge); }

/* Sidebar logo: a little bigger (was 34px, 30px on short screens). Only the logo; nothing else moves much. */
html .sb .sb-logo {
  height: 46px;
}
@media (pointer: fine) and (max-height: 700px) {
  html .sb .sb-logo {
    height: 42px;
  }
}

/* Phone top bar, like the landing page header: stays at the top while scrolling.
   At the very top it is see-through; after a little scroll it turns into a blurred bar with a soft shadow.
   (The top bar is hidden on desktop.) */
@media (max-width: 768px) {
  body.page-app .app-topbar {
    display: block;
    position: sticky;
    top: 0;
    z-index: 240;               /* above the page, below the Menu button (250) and the drawer (300) */
    height: 68px;
    padding: 0;
    transition: background .3s, box-shadow .3s, backdrop-filter .3s;
  }
  body.page-app .app-topbar.is-scrolled {
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
  }
  html[data-theme="dark"] body.page-app .app-topbar.is-scrolled {
    background: rgba(6, 9, 24, .82);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
  }
}