/* POPBRA header + WinGo dashboard shell. Live dashboard keeps its own components. */
:root { --pop-red: #ef2b2d; --bg: #f7f7fc; }
body { background: #e9e9f0; }
.app-shell { max-width: 600px; margin: auto; background: var(--bg); min-height: 100dvh; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible { outline: 3px solid #ffb52c; outline-offset: 4px; }
.pop-header { position: sticky; top: 0; z-index: 90; height: 54px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(105deg,#dc080b,#f63839); color: white; }
.pop-brand { display: flex; align-items: center; gap: 4px; font-size: 25px; font-weight: 800; letter-spacing: -.8px; }
.pop-brand svg { width: 25px; height: 31px; }
.pop-brand-logo { height: 30px; width: auto; display: block; }
.header-actions { display: flex; gap: 7px; }
.signals-heading { display: flex; justify-content: space-between; align-items: center; padding: 18px 16px 8px; border-top: 1px solid var(--border); }
.signals-heading h2 { font-size: 19px; }
.signals-heading span { color: #1a8f5c; font-size: 10px; font-weight: 800; }
.page { padding-bottom: 20px; }
[hidden] { display: none !important; }
@media(min-width:600px) { .app-shell { box-shadow: 0 0 50px #26203912; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation: none !important; transition: none !important; } }