/* StreamSpotting look, loaded after the pine skin (config/backpack/theme-tabler.php). */

/* Calm background instead of pinstripes. */
body { background-image: none !important; background-color: #f4f6f8 !important; }
[data-bs-theme=dark] body { background-image: none !important; background-color: #0f1418 !important; }

/* Sidebar: brand + group labels. */
.navbar-vertical .navbar-brand { font-size: 1.1rem; letter-spacing: .01em; }
.navbar-vertical .nav-separator {
    padding: 1.1rem 1rem .35rem; font-size: .68rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: .08em; color: rgba(255, 255, 255, .45); list-style: none;
}
.navbar-vertical .nav-link.active, .navbar-vertical .nav-item.active > .nav-link { background: rgba(255, 255, 255, .06); border-radius: 6px; }

/* Cards and tables. */
.card { border-radius: 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
.page-header h1, .container-fluid > h1 { font-weight: 700; letter-spacing: -.01em; }
.drift-table td, .drift-table th { white-space: nowrap; }
.drift-table thead th { font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; }

/* Home: quick links. */
.portal-link { transition: transform .08s ease, box-shadow .08s ease; }
.portal-link:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16, 24, 40, .08); }

/* Sidebar footer: data backfill status. */
.navbar-vertical .data-status { list-style: none; margin-top: 1.5rem; }
.navbar-vertical .data-status-box {
    margin: 0 .75rem; padding: .75rem; border-radius: 8px; font-size: .78rem;
    background: rgba(255, 255, 255, .05); color: rgba(255, 255, 255, .8);
}
.navbar-vertical .data-status-box .progress { background: rgba(255, 255, 255, .1); height: 4px; }
.navbar-vertical .data-status-sub { font-size: .7rem; color: rgba(255, 255, 255, .5); margin-top: 2px; }

/* Logo: mark + "Stream" (inherits text colour) + "Spotting" (green; darker on light backgrounds for contrast) */
.ss-logo { display: inline-flex; align-items: center; gap: .55rem; font-weight: 700; font-size: 1.05rem; letter-spacing: -.01em; color: inherit; }
.ss-logo img { width: 32px; height: 32px; border-radius: 7px; flex: none; }
.ss-logo-spot { color: #148a3f; }
[data-bs-theme="dark"] .ss-logo-spot, .navbar-dark .ss-logo-spot, .navbar[data-bs-theme="dark"] .ss-logo-spot { color: #1db954; }