/* ============================================================
   SCHUMANN RESONANCE LIVE — ULTRA PREMIUM HEADER v2 (ATLAS)
   Benzersiz, katmanlı cam (glass), aurora border, orbiting
   logo ring, live broadcast strip, neon frequency meter.
   Overrides all .topbar / .brand / .topnav / .ticker / .dash-*.
   ============================================================ */

/* ---------- TOPBAR SHELL ---------- */
.topbar{
    position:sticky; top:0; z-index:90;
    backdrop-filter:blur(34px) saturate(2.1) brightness(1.04);
    -webkit-backdrop-filter:blur(34px) saturate(2.1) brightness(1.04);
    background:
        linear-gradient(180deg,rgba(9,13,19,.86),rgba(9,13,19,.62)),
        radial-gradient(120% 80% at 50% -40%,rgba(232,161,58,.18),transparent 60%);
    border-bottom:1px solid rgba(232,161,58,.22);
    box-shadow:
        inset 0 1px 0 rgba(245,196,96,.10),
        0 10px 50px rgba(0,0,0,.62),
        0 0 80px rgba(232,161,58,.06);
    transition:transform .5s var(--ease),box-shadow .4s,background .4s;
}
.topbar.scrolled{
    background:
        linear-gradient(180deg,rgba(7,10,14,.96),rgba(7,10,14,.88)),
        radial-gradient(120% 80% at 50% -40%,rgba(232,161,58,.12),transparent 60%);
    box-shadow:
        inset 0 1px 0 rgba(245,196,96,.14),
        0 14px 60px rgba(0,0,0,.72),
        0 0 90px rgba(232,161,58,.10);
}
/* Animated aurora underline */
.topbar::after{
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
    background:linear-gradient(90deg,
        transparent 4%,
        rgba(245,196,96,.55) 22%,
        rgba(63,217,194,.55) 50%,
        rgba(245,196,96,.55) 78%,
        transparent 96%);
    background-size:200% 100%;
    opacity:.7; pointer-events:none;
    animation:topbarAurora 9s linear infinite;
}
.topbar::before{
    content:""; position:absolute; top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg,transparent,rgba(245,196,96,.22),rgba(63,217,194,.18),transparent);
    pointer-events:none;
}
@keyframes topbarAurora{
    0%{background-position:0% 0}
    100%{background-position:200% 0}
}
.topbar.hide{transform:translateY(-100%)}

.topbar__inner{
    max-width:var(--maxw); margin:0 auto;
    padding:13px 32px;
    display:flex; align-items:center; gap:24px;
    position:relative;
}

/* ---------- BRAND / LOGO — orbiting ring ---------- */
.brand{ display:flex; align-items:center; gap:13px; flex-shrink:0; overflow:hidden; transition:transform .3s var(--ease); }
.brand:hover{ transform:translateY(-1px) }
.brand__mark{
    width:38px; height:38px; flex-shrink:0; position:relative;
    filter:drop-shadow(0 0 14px rgba(232,161,58,.6));
    transition:filter .4s,transform .6s var(--ease);
}
.brand__mark::before{
    /* outer orbit ring */
    content:""; position:absolute; inset:-5px; border-radius:50%;
    border:1px dashed rgba(245,196,96,.35);
    animation:brandOrbit 14s linear infinite;
}
.brand__mark::after{
    /* inner glow halo */
    content:""; position:absolute; inset:-2px; border-radius:50%;
    background:radial-gradient(circle,rgba(245,196,96,.28),transparent 68%);
    animation:brandPulse 3.2s ease-in-out infinite;
}
@keyframes brandOrbit{ to{ transform:rotate(360deg) } }
@keyframes brandPulse{ 0%,100%{opacity:.5;transform:scale(1)} 50%{opacity:.9;transform:scale(1.12)} }
.brand:hover .brand__mark{ transform:rotate(24deg) scale(1.08); filter:drop-shadow(0 0 30px rgba(245,196,96,.95)) }

.brand__word{
    font-family:var(--font); font-weight:600; font-size:17px;
    letter-spacing:.13em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    background:linear-gradient(110deg,var(--cream) 20%,var(--amber-b) 55%,var(--cream) 90%);
    background-size:220% 100%;
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    animation:wordShimmer 8s ease-in-out infinite;
}
@keyframes wordShimmer{ 0%,100%{background-position:0% 0} 50%{background-position:100% 0} }

/* OBSERVATORY badge — premium etched chip */
.brand__badge{
    font-family:var(--mono); font-size:8px; font-weight:700;
    letter-spacing:.2em; color:var(--amber-b);
    padding:3px 7px; border-radius:5px; flex-shrink:0;
    background:linear-gradient(135deg,rgba(232,161,58,.22),rgba(232,161,58,.08));
    border:1px solid rgba(245,196,96,.32);
    box-shadow:inset 0 1px 0 rgba(245,196,96,.25),0 0 10px rgba(232,161,58,.18);
    text-shadow:0 0 8px rgba(232,161,58,.5);
    position:relative;
}
.brand__badge::before{
    content:""; position:absolute; left:0; top:50%; width:3px; height:3px;
    border-radius:50%; background:var(--amber-b); transform:translateY(-50%);
    box-shadow:0 0 6px var(--amber-b); display:none;
}

/* ---------- TOPNAV ---------- */
.topnav{ display:flex; gap:2px; margin-left:auto }
.topnav a{
    font-family:var(--mono); font-size:10.5px; letter-spacing:.16em;
    text-transform:uppercase; color:var(--dim);
    padding:9px 14px; border-radius:999px; position:relative;
    transition:color .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease);
}
.topnav a:hover{
    color:var(--amber-b);
    background:linear-gradient(135deg,rgba(232,161,58,.14),rgba(232,161,58,.04));
    box-shadow:0 0 18px rgba(232,161,58,.18),inset 0 0 0 1px rgba(245,196,96,.18);
}
.topnav a::after{
    content:""; position:absolute; bottom:5px; left:50%; width:0; height:1.5px;
    background:var(--amber-b); border-radius:1px; transform:translateX(-50%);
    transition:width .28s var(--ease); box-shadow:0 0 6px var(--amber-b);
}
.topnav a:hover::after{ width:42% }

/* ---------- DASHBOARD STRIP (.topbar__dash) ---------- */
.topbar__dash{ display:flex; align-items:center; gap:10px; margin-left:auto; flex-wrap:wrap }

/* LIVE chip */
.dash-live{
    display:flex; align-items:center; gap:6px; padding:5px 10px; border-radius:8px;
    border:1px solid rgba(63,217,194,.28);
    background:linear-gradient(135deg,rgba(63,217,194,.12),rgba(7,10,14,.35));
    box-shadow:inset 0 1px 0 rgba(63,217,194,.15);
}
.dash-live__dot{
    width:6px; height:6px; border-radius:50%; background:var(--teal-b);
    box-shadow:0 0 8px var(--teal-b),0 0 14px rgba(63,217,194,.5);
    animation:livePulse 1.6s ease-in-out infinite;
}
@keyframes livePulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.8)} }
.dash-live__label{ font-family:var(--mono); font-size:9px; font-weight:700; letter-spacing:.2em; color:var(--teal-b); text-shadow:0 0 8px rgba(63,217,194,.4) }

/* FREQUENCY meter — neon */
.dash-freq{
    display:flex; align-items:baseline; gap:4px; padding:5px 12px; border-radius:8px;
    border:1px solid rgba(245,196,96,.3);
    background:linear-gradient(135deg,rgba(232,161,58,.14),rgba(7,10,14,.4));
    box-shadow:inset 0 1px 0 rgba(245,196,96,.2),0 0 16px rgba(232,161,58,.1);
    position:relative; overflow:hidden;
}
.dash-freq__glow{
    position:absolute; inset:-6px;
    background:radial-gradient(circle at 50% 50%,rgba(232,161,58,.2),transparent 70%);
    pointer-events:none; animation:freqGlow 2.4s ease-in-out infinite;
}
@keyframes freqGlow{ 0%,100%{opacity:.6} 50%{opacity:1} }
.dash-freq__val{
    font-family:var(--mono); font-weight:700; font-size:15px;
    font-variant-numeric:tabular-nums; color:var(--cream);
    text-shadow:0 0 12px rgba(245,196,96,.5); position:relative;
    min-width:38px; text-align:right;
}
.dash-freq__unit{ font-family:var(--mono); font-size:9px; color:var(--amber-b); position:relative; letter-spacing:.05em }

/* SIGNAL bar */
.dash-signal{
    display:flex; align-items:center; gap:6px; padding:5px 9px; border-radius:8px;
    border:1px solid rgba(63,217,194,.2);
    background:linear-gradient(135deg,rgba(43,182,163,.08),rgba(7,10,14,.35));
}
.dash-signal__bar{
    width:42px; height:5px; border-radius:99px;
    background:rgba(255,255,255,.07); overflow:hidden;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.4);
}
.dash-signal__fill{
    height:100%; border-radius:99px;
    background:linear-gradient(90deg,var(--teal),var(--amber),var(--amber-b));
    box-shadow:0 0 8px rgba(232,161,58,.5);
    transition:width .6s var(--ease);
}
.dash-signal__pct{ font-family:var(--mono); font-size:9.5px; font-weight:700; color:var(--teal-b); min-width:24px; text-align:right; text-shadow:0 0 6px rgba(63,217,194,.4) }

/* Kp */
.dash-kp{
    display:flex; align-items:center; gap:5px; padding:5px 9px; border-radius:8px;
    border:1px solid rgba(232,161,58,.2);
    background:linear-gradient(135deg,rgba(232,161,58,.06),rgba(7,10,14,.35));
}
.dash-kp__dot{ width:6px; height:6px; border-radius:50%; box-shadow:0 0 6px currentColor }
.dash-kp__val{ font-family:var(--mono); font-size:9.5px; font-weight:700; color:var(--cream) }
.dash-kp__label{ font-family:var(--mono); font-size:8px; letter-spacing:.12em; color:var(--mute); text-transform:uppercase }

/* WATCHERS */
.dash-watch{
    display:flex; align-items:center; gap:4px; padding:5px 8px; border-radius:8px;
    border:1px solid rgba(63,217,194,.18);
    background:linear-gradient(135deg,rgba(43,182,163,.06),rgba(7,10,14,.35));
}
.dash-watch__icon{ font-size:11px; filter:drop-shadow(0 0 5px rgba(63,217,194,.6)) }
.dash-watch__num{ font-family:var(--mono); font-size:10px; font-weight:700; color:var(--teal-b); text-shadow:0 0 8px rgba(63,217,194,.4); font-variant-numeric:tabular-nums; min-width:16px; text-align:center }

/* LANGUAGE switcher */
.dash-lang{ position:relative }
.dash-lang__btn{
    display:flex; align-items:center; gap:6px; font-family:var(--mono); font-size:10px;
    letter-spacing:.1em; color:var(--dim); padding:6px 11px; border-radius:9px;
    border:1px solid rgba(245,196,96,.28);
    background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(232,161,58,.06));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    transition:.28s var(--ease); cursor:pointer;
}
.dash-lang__btn:hover{
    border-color:rgba(245,196,96,.5); color:var(--cream);
    box-shadow:0 0 22px rgba(232,161,58,.18),inset 0 1px 0 rgba(245,196,96,.18);
    transform:translateY(-1px);
}
.dash-lang__code{ color:var(--amber-b); font-weight:700; letter-spacing:.08em; font-size:10px; text-shadow:0 0 6px rgba(232,161,58,.4) }
.dash-lang__chev{ font-size:8px; color:var(--mute); transition:transform .25s }
.dash-lang.open .dash-lang__chev{ transform:rotate(180deg) }
.dash-lang__drop{
    position:absolute; top:calc(100% + 12px); right:0; width:260px;
    max-height:0; overflow:hidden;
    background:linear-gradient(165deg,var(--panel-2),var(--panel));
    border:1px solid rgba(245,196,96,.28); border-radius:14px;
    box-shadow:0 28px 64px rgba(0,0,0,.7),0 0 0 1px rgba(232,161,58,.08),0 0 40px rgba(232,161,58,.08);
    z-index:100; transition:max-height .35s var(--ease),opacity .3s; opacity:0; pointer-events:none;
}
.dash-lang.open .dash-lang__drop{ max-height:400px; overflow-y:auto; opacity:1; pointer-events:auto }
.dash-lang__drop::-webkit-scrollbar{ width:5px }
.dash-lang__drop::-webkit-scrollbar-track{ background:transparent }
.dash-lang__drop::-webkit-scrollbar-thumb{ background:rgba(245,196,96,.3); border-radius:99px }
.dash-lang-opt{
    display:flex; align-items:center; gap:8px; padding:10px 16px;
    font-family:var(--mono); font-size:10.5px; color:var(--dim); transition:.18s;
    border-bottom:1px solid rgba(255,255,255,.03);
}
.dash-lang-opt:hover{ background:rgba(232,161,58,.1); color:var(--cream); padding-left:22px }
.dash-lang-opt.active{ color:var(--amber-b); background:linear-gradient(135deg,rgba(232,161,58,.16),rgba(232,161,58,.04)); font-weight:700 }

/* ---------- WAVE SVG strip ---------- */
.topbar__wave{ position:relative }
.topbar__wave svg path{ stroke-dasharray:4 6; animation:waveFlow 6s linear infinite }
@keyframes waveFlow{ to{ stroke-dashoffset:-100 } }

/* ---------- HAMBURGER ---------- */
.topnav-toggle{ display:none; flex-direction:column; gap:4px; cursor:pointer; background:none; border:none; padding:8px; margin-left:auto }
.topnav-toggle span{ display:block; width:20px; height:2px; background:var(--dim); border-radius:2px; transition:.3s var(--ease); transform-origin:center }
.topnav-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(6px) rotate(45deg); background:var(--amber-b) }
.topnav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0 }
.topnav-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); background:var(--amber-b) }

/* ---------- TICKER — premium marquee ---------- */
.ticker{
    overflow:hidden; position:relative;
    background:linear-gradient(180deg,rgba(11,15,21,.95),rgba(11,15,21,.85));
    border-bottom:1px solid rgba(232,161,58,.18);
    box-shadow:inset 0 1px 0 rgba(245,196,96,.06);
    padding:9px 0;
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.ticker__track{ display:flex; width:max-content; animation:ticker 55s linear infinite; font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:var(--dim) }
.ticker:hover .ticker__track{ animation-play-state:paused }
.ticker b{ color:var(--amber-b); font-weight:700; text-shadow:0 0 8px rgba(232,161,58,.35); margin:0 2px }
.t-sep{ color:var(--teal); opacity:.5; margin:0 14px; text-shadow:0 0 6px rgba(63,217,194,.5) }
.t-item{ display:inline-flex; align-items:center }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
    .topbar__inner{ gap:16px; padding:12px 20px }
    .brand__word{ font-size:15px }
    .topnav{ display:none }
}
@media (max-width:760px){
    .topbar__inner{ padding:11px 14px; gap:10px }
    .brand__word{ font-size:13px; letter-spacing:.08em }
    .brand__badge{ display:none }
    .brand__mark{ width:32px; height:32px }
    .topbar__dash{ gap:6px }
    .dash-live{ padding:3px 6px }
    .dash-live__label{ font-size:8px }
    .dash-freq{ padding:3px 7px }
    .dash-freq__val{ font-size:12px; min-width:30px }
    .dash-freq__unit{ font-size:8px }
    .dash-signal{ padding:2px 5px }
    .dash-signal__bar{ width:32px; height:3px }
    .dash-signal__pct{ font-size:8px; min-width:20px }
    .dash-kp{ padding:2px 6px }
    .dash-kp__dot{ width:5px; height:5px }
    .dash-kp__val{ font-size:8.5px }
    .dash-kp__label{ font-size:7px }
    .dash-watch{ padding:2px 5px }
    .dash-watch__icon{ font-size:10px }
    .dash-watch__num{ font-size:9px }
    .dash-lang__btn{ padding:4px 7px; font-size:9px }
    .dash-lang__code{ font-size:9px }
    .dash-lang__drop{ width:210px; right:auto; left:0 }
    .topnav{ display:none }
    .topnav.open{
        display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0;
        background:linear-gradient(165deg,rgba(9,13,19,.98),rgba(9,13,19,.92));
        backdrop-filter:blur(24px); border-top:1px solid rgba(232,161,58,.2);
        padding:14px 20px; gap:2px; z-index:95;
    }
    .topnav.open a{ width:100%; padding:12px 14px; border-radius:10px }
    .topnav-toggle{ display:flex }
    .ticker__track{ font-size:10px }
    .t-sep{ margin:0 10px }
}

/* ============================================================
   BROADCAST STATUS STRIP — unique top micro-bar
   (inserted by JS, class .sr-bcast)
   ============================================================ */
.sr-bcast{
    position:relative; z-index:91;
    display:flex; align-items:center; justify-content:center; gap:14px;
    padding:5px 16px; font-family:var(--mono); font-size:10px; letter-spacing:.14em;
    color:var(--dim); text-transform:uppercase; text-align:center;
    background:linear-gradient(90deg,
        rgba(11,15,21,.95),
        rgba(15,20,28,.9),
        rgba(11,15,21,.95));
    border-bottom:1px solid rgba(232,161,58,.16);
    box-shadow:inset 0 -1px 0 rgba(245,196,96,.05);
    overflow:hidden; flex-wrap:wrap;
}
.sr-bcast__item{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap }
.sr-bcast__key{ color:var(--mute); font-size:9px }
.sr-bcast__val{ color:var(--cream); font-weight:700; font-variant-numeric:tabular-nums }
.sr-bcast__sep{ color:rgba(63,217,194,.4); font-size:8px }
.sr-bcast__live{ color:var(--teal-b); font-weight:700; display:inline-flex; align-items:center; gap:5px; text-shadow:0 0 8px rgba(63,217,194,.4) }
.sr-bcast__live::before{
    content:""; width:5px; height:5px; border-radius:50%; background:var(--teal-b);
    box-shadow:0 0 8px var(--teal-b); animation:livePulse 1.6s ease-in-out infinite;
}
@media (max-width:760px){
    .sr-bcast{ font-size:8.5px; gap:8px; padding:4px 10px; letter-spacing:.08em }
    .sr-bcast__key{ font-size:8px }
    .sr-bcast__sep{ display:none }
}