
/* ONYX v36 polish */
#loginBtn,#loginBtn #signLabel{animation:none!important;transition:none!important}
#loginBtn #signLabel{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:#162033!important;font-weight:500!important;font-size:14.5px!important;letter-spacing:.018em!important;text-transform:none!important;min-width:0!important}
#loginBtn .arrow{font-weight:300!important;color:#162033!important}

/* one-row lead overview */
.leadPerfRow{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:10px;align-items:stretch;margin-bottom:10px}
.leadPerfRow>#leadInboxCard,.leadPerfRow>#performanceCard{margin:0!important;min-height:154px!important;height:100%}
.leadPerfRow #performanceCard #performance{min-height:72px}
#discoveryCard{margin-top:0!important}

/* radar geometry: origin, sweep and blips all share the exact same center */
.radarVisual{right:86px!important;top:-11px!important;width:430px!important;height:108px!important;overflow:hidden!important}
.radarRings{left:22px!important;bottom:-72px!important;width:176px!important;height:176px!important}
.radarSweepLine{left:110px!important;bottom:16px!important;width:122px!important;height:2px!important;transform-origin:0 50%!important}
.radarOrigin{left:106px!important;bottom:12px!important;width:8px!important;height:8px!important;z-index:5!important}
.radarBlip{z-index:4!important}
.radarBlip.b1{left:73px!important;right:auto!important;top:38px!important}
.radarBlip.b2{left:150px!important;right:auto!important;top:56px!important}
.radarBlip.b3{left:125px!important;right:auto!important;top:24px!important;animation-delay:1.05s!important}
.radarLive{right:0!important;top:22px!important;width:178px!important}

/* 20% transparent helper glass = ~80% opaque */
.onyxInfoBubble{background:rgba(35,45,78,.80)!important;border:1px solid rgba(177,163,245,.32)!important;color:#eef1fb!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:0 16px 42px rgba(16,22,49,.20)!important}
.tourBubble{background:rgba(29,39,73,.82)!important;border-color:rgba(173,150,255,.50)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 24px 70px rgba(8,13,35,.24)!important}
.tourHint{background:rgba(56,61,96,.78)!important;border-color:rgba(225,193,118,.32)!important}

/* Light theme helpers */
.appShell.antonijaTheme .onyxInfoBubble{background:rgba(247,245,255,.82)!important;border-color:rgba(132,108,230,.25)!important;color:#3f4863!important;box-shadow:0 16px 42px rgba(75,65,120,.12)!important}
.appShell.antonijaTheme~.tourBubble{background:rgba(249,248,255,.84)!important;border:1px solid rgba(132,108,230,.38)!important;color:#29334b!important;box-shadow:0 24px 70px rgba(65,56,105,.15)!important}
.appShell.antonijaTheme~.tourBubble #tourStep{color:#735be2!important}.appShell.antonijaTheme~.tourBubble #tourTitle{color:#263149!important}.appShell.antonijaTheme~.tourBubble #tourText{color:#59647c!important}.appShell.antonijaTheme~.tourBubble .tourHint{background:rgba(237,232,255,.80)!important;border-color:rgba(132,108,230,.22)!important;color:#5b4d91!important}.appShell.antonijaTheme~.tourBubble .ghostBtn{background:rgba(255,255,255,.68)!important;color:#59627a!important;border-color:rgba(119,111,159,.20)!important}

/* Developer Ideas Lab */
.devDrawer{background:rgba(22,31,60,.84)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;overflow:auto!important}
.devDrawer>*{position:relative;z-index:2}
.eurekaArt{position:relative;height:160px;margin:-4px -2px 18px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 68% 24%,rgba(242,198,100,.24),transparent 20%),linear-gradient(135deg,rgba(113,88,210,.17),rgba(225,180,94,.08));border:1px solid rgba(174,158,237,.20)}
.eurekaArt svg{width:100%;height:100%;display:block}.eurekaArt .ideasLabel{position:absolute;left:18px;bottom:13px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#dfbc68}.eurekaArt .ideasSub{position:absolute;left:18px;bottom:30px;font-size:17px;font-weight:600;color:#f0f2fa}
.appShell.antonijaTheme~.devDrawer{background:rgba(250,249,255,.88)!important;color:#35405a!important;border-color:rgba(128,111,200,.18)!important;box-shadow:-24px 0 70px rgba(65,57,100,.15)!important}
.appShell.antonijaTheme~.devDrawer p{color:#68738a!important}.appShell.antonijaTheme~.devDrawer textarea,.appShell.antonijaTheme~.devDrawer select{background:rgba(255,255,255,.76)!important;color:#36405a!important;border-color:rgba(126,111,194,.20)!important}.appShell.antonijaTheme~.devDrawer .devClose{background:rgba(239,236,253,.82)!important;color:#5e4bc5!important;border-color:rgba(126,111,194,.20)!important}.appShell.antonijaTheme~.devDrawer .devNoteItem{color:#59647b!important;border-color:rgba(126,111,194,.12)!important}

/* Weather dock */
.weatherDock{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:47px;margin:-4px 0 10px;overflow:hidden}
.weatherBrand{height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:11px;border:1px solid rgba(225,180,94,.20);background:rgba(7,18,39,.64);color:#aeb9cb;font-size:9px;letter-spacing:.05em;white-space:nowrap}.weatherBrand .maple{font-size:14px;filter:saturate(.8)}
.weatherCity{height:42px;min-width:174px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:0 11px;border-radius:12px;border:1px solid rgba(137,151,190,.20);background:linear-gradient(145deg,rgba(11,27,56,.78),rgba(7,17,37,.72));box-shadow:0 7px 20px rgba(0,0,0,.08)}
.weatherIcon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(126,105,230,.10);color:#e5bb64}.weatherIcon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.weatherText{min-width:0}.weatherText b{display:block;color:#eef2f8;font-size:10.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weatherText span{display:block;color:#8996ad;font-size:8.5px;margin-top:2px;white-space:nowrap}.weatherTemp{font-size:17px;font-weight:550;color:#f1c66f}.weatherUpdated{font-size:8px;color:#76849e;margin-left:2px}
.appShell.antonijaTheme .weatherBrand{background:rgba(255,255,255,.78);border-color:#e4e0f3;color:#787f91}.appShell.antonijaTheme .weatherCity{background:rgba(255,255,255,.84);border-color:#e4e6ef;box-shadow:0 7px 20px rgba(65,57,100,.045)}.appShell.antonijaTheme .weatherIcon{background:#f1edff;color:#745be6}.appShell.antonijaTheme .weatherText b{color:#35405b}.appShell.antonijaTheme .weatherText span{color:#8d95a7}.appShell.antonijaTheme .weatherTemp{color:#6954d8}
.weatherIcon.isLive svg{animation:weatherFloat 3.2s ease-in-out infinite}@keyframes weatherFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}

/* clearly marked demo leads */
.demoLeadBadge{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-left:6px;border-radius:99px;font-size:8px;font-weight:800;letter-spacing:.08em;background:rgba(122,95,226,.12);border:1px solid rgba(122,95,226,.30);color:#9f87ff}.appShell.antonijaTheme .demoLeadBadge{background:#f0ebff;color:#7156dd;border-color:#d8cff9}

@media(max-width:1450px){.radarVisual{right:68px!important;width:380px!important}.weatherCity{min-width:155px}}
@media(max-width:1180px){.leadPerfRow{grid-template-columns:1fr}.radarVisual{display:none!important}.weatherDock{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}}
@media(max-width:760px){.leadPerfRow{grid-template-columns:1fr;gap:9px}.weatherDock{margin:0 0 10px;padding:0 1px 3px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.weatherDock::-webkit-scrollbar{display:none}.weatherBrand{flex:0 0 auto;height:38px}.weatherCity{flex:0 0 155px;min-width:155px;height:42px}.weatherText b{font-size:9.5px}.weatherTemp{font-size:15px}.devDrawer{width:100vw!important;max-width:none!important}.eurekaArt{height:130px}.appShell.antonijaTheme~.tourBubble{width:calc(100vw - 24px)!important;max-height:calc(100vh - 42px)!important;overflow:auto!important}.onyxInfoBubble{position:fixed!important;left:14px!important;right:14px!important;top:auto!important;bottom:18px!important;width:auto!important;max-width:none!important}}
@media(prefers-reduced-motion:reduce){.weatherIcon.isLive svg{animation:none!important}}
