/* ONYX v38 — Apollo polish, tooltip UX, animated weather, seasonal Canada ribbon */

/* Notification must always read clearly */
#notifControl strong,.notifControl strong{opacity:1!important;visibility:visible!important;white-space:nowrap!important;font-weight:600!important}
.appShell.antonijaTheme #notifControl strong,.appShell.antonijaTheme .notifControl strong{color:#35415b!important}
.appShell:not(.antonijaTheme) #notifControl strong,.appShell:not(.antonijaTheme) .notifControl strong{color:#dce5f4!important}
.appShell.antonijaTheme #notifControl>span:first-child{color:#c58b24!important;filter:none!important}
.appShell:not(.antonijaTheme) #notifControl>span:first-child{color:#e7bc63!important}

/* Help bubbles: hover is disabled; v38 JS controls one preview + click thereafter */
.onyxInfoWrap:hover>.onyxInfoBubble{opacity:0!important;pointer-events:none!important;transform:translateY(-3px)!important}
.onyxInfoWrap.infoPeek>.onyxInfoBubble,.onyxInfoWrap.infoOpen>.onyxInfoBubble{opacity:1!important;pointer-events:auto!important;transform:none!important}
.onyxInfoBubble{position:fixed!important;right:auto!important;top:auto!important;width:min(286px,calc(100vw - 28px))!important;z-index:10050!important;border-radius:12px!important;line-height:1.5!important;backdrop-filter:blur(15px) saturate(1.06)!important;-webkit-backdrop-filter:blur(15px) saturate(1.06)!important}
.appShell.antonijaTheme .onyxInfoBubble{background:rgba(246,243,255,.80)!important;color:#3e4862!important;border:1px solid rgba(115,91,212,.24)!important;box-shadow:0 16px 42px rgba(55,48,94,.14)!important}
.appShell:not(.antonijaTheme) .onyxInfoBubble{background:rgba(28,40,74,.80)!important;color:#eef2fa!important;border:1px solid rgba(167,149,238,.30)!important;box-shadow:0 16px 42px rgba(0,0,0,.24)!important}
.onyxInfoBtn{cursor:pointer!important}

/* Developer Notes tab: half tucked while closed, full drawer remains unchanged */
@media(min-width:821px){
 .devNotesTab{right:-18px!important;transition:right .18s ease,filter .18s ease!important;opacity:.92!important}
 .devNotesTab:hover,.devNotesTab:focus-visible{right:0!important;opacity:1!important;filter:brightness(1.04)}
}

/* Seasonal Canada panorama ribbon */
.seasonalCanadaStrip{height:58px;position:relative;overflow:hidden;margin:-2px 0 8px;border-radius:14px;border:1px solid rgba(132,146,193,.18);box-shadow:0 8px 26px rgba(39,46,81,.06);isolation:isolate}
.seasonalCanadaStrip svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.seasonalCanadaStrip:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,16,39,.06),transparent 38%,rgba(91,73,180,.08));z-index:1}
.seasonalCanadaMeta{position:absolute;left:14px;bottom:8px;z-index:2;display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:999px;font-size:8.5px;letter-spacing:.055em;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.seasonalCanadaMeta .leaf{font-size:12px}
.appShell.antonijaTheme .seasonalCanadaStrip{background:linear-gradient(90deg,#eef2ff,#f4efff 52%,#edf7ff);border-color:#dedff0}
.appShell.antonijaTheme .seasonalCanadaMeta{background:rgba(255,255,255,.70);color:#59637b;border:1px solid rgba(117,101,190,.15)}
.appShell:not(.antonijaTheme) .seasonalCanadaStrip{background:linear-gradient(90deg,#071632,#101a43 50%,#07142d);border-color:rgba(135,151,198,.22);box-shadow:0 9px 28px rgba(0,0,0,.12)}
.appShell:not(.antonijaTheme) .seasonalCanadaMeta{background:rgba(7,16,36,.68);color:#d9e1ef;border:1px solid rgba(170,157,222,.18)}
.seasonalCanadaStrip .skyline{transition:opacity .35s ease}

/* Theme-sensitive exact-logo tone; same artwork, only tonal treatment */
.appShell.antonijaTheme #onyxSideLogo{filter:saturate(.72) brightness(1.08) contrast(.94) drop-shadow(0 7px 18px rgba(84,72,128,.08))!important;opacity:.94!important}
.appShell:not(.antonijaTheme) #onyxSideLogo{filter:saturate(1.04) brightness(.98) contrast(1.06) drop-shadow(0 8px 20px rgba(0,0,0,.22))!important;opacity:1!important}

/* APOLLO / UNIVERSE DISCOVERY RADAR — restrained, professional */
#discoveryCard{position:relative!important;overflow:hidden!important;isolation:isolate!important;border-left-width:1px!important}
#discoveryCard:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 61% 32%,rgba(114,84,230,.13),transparent 17%),radial-gradient(circle at 72% 50%,rgba(230,186,100,.075),transparent 21%),radial-gradient(circle at 28% 76%,rgba(80,134,218,.055),transparent 24%)}
#discoveryCard:after{content:"";position:absolute;inset:-15%;z-index:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle,rgba(135,111,232,.34) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(218,180,105,.24) 0 1px,transparent 1.25px);background-size:73px 73px,119px 119px;background-position:0 0,31px 17px;animation:onyxStarDrift 18s linear infinite}
#discoveryCard>*{position:relative;z-index:1}
.appShell.antonijaTheme #discoveryCard{background:linear-gradient(145deg,#fff 0%,#fbf9ff 53%,#f5f3ff 100%)!important;border-color:#dcd6f2!important;box-shadow:0 10px 30px rgba(70,58,118,.06)!important}
.appShell:not(.antonijaTheme) #discoveryCard{background:linear-gradient(145deg,#08162f 0%,#0b1736 55%,#0a122d 100%)!important;border-color:rgba(139,124,205,.28)!important}
.radarVisual{overflow:visible!important;right:78px!important;top:-4px!important;width:420px!important;height:112px!important}
.radarRings{left:42px!important;top:-25px!important;bottom:auto!important;width:166px!important;height:166px!important;border:1px solid rgba(119,91,230,.19)!important;box-shadow:0 0 0 24px rgba(119,91,230,.035),0 0 0 48px rgba(119,91,230,.024),0 0 0 72px rgba(119,91,230,.014),0 0 38px rgba(113,87,222,.08)!important}
.radarRings:before,.radarRings:after{content:"";position:absolute;inset:25%;border-radius:50%;border:1px dashed rgba(219,181,102,.18)}
.radarRings:after{inset:43%;border-style:solid;border-color:rgba(110,91,207,.24)}
.radarSweepLine{left:125px!important;top:58px!important;bottom:auto!important;width:108px!important;height:1.5px!important;transform-origin:0 50%!important;background:linear-gradient(90deg,#8f72f0,rgba(217,180,100,.38),transparent)!important;box-shadow:0 0 12px rgba(122,95,226,.32)!important}
.radarOrigin{left:121px!important;top:54px!important;bottom:auto!important;width:8px!important;height:8px!important;background:#735be2!important;box-shadow:0 0 0 4px rgba(115,91,226,.10),0 0 14px rgba(115,91,226,.42)!important}
.radarBlip{background:#43cf8c!important;box-shadow:0 0 0 3px rgba(67,207,140,.10),0 0 13px rgba(67,207,140,.60)!important}
.radarBlip.b1{left:80px!important;top:37px!important}.radarBlip.b2{left:161px!important;top:49px!important}.radarBlip.b3{left:145px!important;top:20px!important}
.radarLive{right:0!important;top:22px!important;width:176px!important}
.appShell.antonijaTheme .radarLive b{color:#536079!important}.appShell.antonijaTheme .scanText{color:#748098!important}
.appShell:not(.antonijaTheme) .radarLive b{color:#d5deec!important}.appShell:not(.antonijaTheme) .scanText{color:#9ba7bd!important}
#radarRefresh{z-index:6!important}
@keyframes onyxStarDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(22px,14px,0)}}

/* Weather: brighter and softly animated by real condition */
.weatherDock{overflow:visible!important}
.weatherUpdated{font-size:8.5px!important;color:#667188!important;font-weight:550!important;min-width:76px!important;text-align:right!important;align-self:center!important}
.appShell:not(.antonijaTheme) .weatherUpdated{color:#9aa8bd!important}
.weatherIcon{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(119,91,230,.12),rgba(80,156,224,.08))!important}
.weatherIcon svg{position:relative;z-index:3;transition:color .2s ease!important}
.appShell.antonijaTheme .weatherIcon{background:linear-gradient(145deg,#f0ebff,#ecf7ff)!important;color:#6954df!important}
.weatherIcon.wxClear{color:#e0a42e!important;background:linear-gradient(145deg,rgba(255,215,116,.24),rgba(255,244,205,.12))!important}
.weatherIcon.wxCloud{color:#6985c5!important}.weatherIcon.wxRain{color:#368ccc!important}.weatherIcon.wxSnow{color:#76a9d8!important}.weatherIcon.wxStorm{color:#7257d8!important}.weatherIcon.wxFog{color:#7e8ba7!important}
.weatherIcon.wxCloud:before{content:"";position:absolute;z-index:1;width:13px;height:13px;border-radius:50%;right:4px;top:4px;background:#f2b944;box-shadow:0 0 8px rgba(242,185,68,.35)}
.weatherIcon.wxCloud:after{content:"";position:absolute;z-index:2;left:3px;top:15px;width:20px;height:8px;border-radius:9px;background:rgba(150,169,207,.84);box-shadow:8px -4px 0 -1px rgba(150,169,207,.84);animation:wxCloudDrift 4.4s ease-in-out infinite}
.weatherIcon.wxRain:after{content:"";position:absolute;z-index:4;left:6px;right:5px;top:17px;height:12px;background:repeating-linear-gradient(115deg,transparent 0 4px,rgba(52,145,207,.78) 5px 6px,transparent 7px 10px);animation:wxRain .75s linear infinite}
.weatherIcon.wxStorm:after{content:"";position:absolute;z-index:4;left:13px;top:13px;width:7px;height:13px;background:#e5b849;clip-path:polygon(56% 0,100% 0,67% 42%,100% 42%,25% 100%,43% 55%,13% 55%);animation:wxFlash 2.2s ease-in-out infinite}
.weatherIcon.wxSnow:after{content:"✦  ·  ✦";position:absolute;z-index:4;left:3px;top:14px;font-size:7px;letter-spacing:1px;color:#78a9d5;animation:wxSnow 2.8s linear infinite}
.weatherIcon.wxFog:after{content:"";position:absolute;z-index:4;left:5px;right:5px;top:11px;height:12px;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(119,136,164,.58) 4px 5px);animation:wxFog 3.8s ease-in-out infinite}
@keyframes wxCloudDrift{0%,100%{transform:translateX(-2px)}50%{transform:translateX(3px)}}
@keyframes wxRain{from{transform:translateY(-3px)}to{transform:translateY(4px)}}
@keyframes wxFlash{0%,88%,100%{opacity:.25}91%,95%{opacity:1;filter:drop-shadow(0 0 5px #f0c45a)}}
@keyframes wxSnow{0%{transform:translateY(-3px);opacity:.4}50%{opacity:1}100%{transform:translateY(5px);opacity:.35}}
@keyframes wxFog{0%,100%{transform:translateX(-2px);opacity:.48}50%{transform:translateX(2px);opacity:.8}}

/* Make collapsed LEFT navigation slightly slimmer; expanded stays the same */
.appShell:not(.menuExpanded) .appGrid{grid-template-columns:166px minmax(0,1fr)!important}
.appShell:not(.menuExpanded) .sidebar{padding-left:10px!important;padding-right:10px!important}
.appShell.menuExpanded .appGrid{grid-template-columns:250px minmax(0,1fr)!important}

@media(max-width:1180px){.seasonalCanadaStrip{height:52px}.radarVisual{display:none!important}}
@media(max-width:820px){.seasonalCanadaStrip{height:48px;margin-bottom:8px}.seasonalCanadaMeta{left:9px;bottom:6px;font-size:7.8px}.appShell:not(.menuExpanded) .appGrid,.appShell.menuExpanded .appGrid{grid-template-columns:1fr!important}.weatherUpdated{min-width:auto!important;text-align:left!important}}
@media(prefers-reduced-motion:reduce){#discoveryCard:after,.weatherIcon:before,.weatherIcon:after{animation:none!important}}