
/* ONYX AgentOS v45 — live parity / layout polish */
:root{--v45-violet:#765cff;--v45-violet2:#9b82ff;--v45-ink:#17213c;--v45-muted:#71809e;--v45-line:#e3e6f2;--v45-gold:#e8b64f;--v45-green:#2fb579;--v45-hot:#f45f68;--v45-warm:#e7a634}
.appShell.antonijaTheme,.appShell.antoniaTheme{--v45-panel:rgba(255,255,255,.94);--v45-soft:#f7f5ff;--v45-ink:#17213c;--v45-muted:#71809e;--v45-line:#e1e4f0}
.appShell:not(.antonijaTheme):not(.antoniaTheme){--v45-panel:rgba(10,20,46,.92);--v45-soft:#111e42;--v45-ink:#f5f7ff;--v45-muted:#aeb9d5;--v45-line:rgba(146,158,205,.23)}
.mainArea{padding-top:18px!important}
.topbar{margin-bottom:10px!important;align-items:center!important}
.topbar h2{letter-spacing:-.025em!important}.topbar p{opacity:.8!important}
/* REAL PHOTO HEADER */
.seasonalCanadaStrip.v41PhotoStrip{height:118px!important;min-height:118px!important;border-radius:16px!important;position:relative!important;overflow:hidden!important;margin:0 0 14px!important;background-image:linear-gradient(90deg,rgba(250,250,255,.10),rgba(242,239,255,.04) 48%,rgba(236,232,255,.13)),var(--v45-photo)!important;background-size:cover!important;background-position:center 54%!important;background-repeat:no-repeat!important;filter:none!important;box-shadow:0 10px 30px rgba(48,58,110,.10),inset 0 0 0 1px rgba(126,103,238,.20)!important}
.appShell:not(.antonijaTheme):not(.antoniaTheme) .seasonalCanadaStrip.v41PhotoStrip{background-image:linear-gradient(90deg,rgba(6,13,33,.22),rgba(16,17,50,.08) 48%,rgba(22,16,58,.24)),var(--v45-photo)!important;box-shadow:0 12px 32px rgba(0,0,0,.25),inset 0 0 0 1px rgba(155,130,255,.25)!important}
.seasonalCanadaStrip:before,.seasonalCanadaStrip:after{filter:none!important;backdrop-filter:none!important}
.seasonalCanadaMeta{position:absolute!important;left:14px!important;bottom:12px!important;z-index:4!important;background:rgba(255,255,255,.88)!important;color:#25304b!important;border:1px solid rgba(126,103,238,.18)!important;padding:6px 12px!important;border-radius:999px!important;font-size:10px!important;font-weight:700!important;box-shadow:0 5px 16px rgba(27,34,70,.10)!important;backdrop-filter:blur(10px)!important}
.appShell:not(.antonijaTheme):not(.antoniaTheme) .seasonalCanadaMeta{background:rgba(8,17,43,.78)!important;color:#f4f5ff!important;border-color:rgba(188,168,255,.24)!important}
.v41PhotoCredit{display:none!important}
/* WEATHER INSIDE PHOTO */
.seasonalCanadaStrip .weatherDock{position:absolute!important;right:12px!important;bottom:10px!important;z-index:5!important;margin:0!important;width:auto!important;display:flex!important;align-items:center!important;gap:7px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
.seasonalCanadaStrip .weatherBrand,.seasonalCanadaStrip .weatherCity{height:44px!important;border-radius:12px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(117,119,177,.16)!important;box-shadow:0 5px 16px rgba(28,35,76,.10)!important;backdrop-filter:blur(12px)!important;color:#26314d!important}
.seasonalCanadaStrip .weatherBrand{padding:0 11px!important;font-size:9px!important;gap:6px!important}.seasonalCanadaStrip .weatherCity{padding:5px 10px!important;min-width:154px!important}
.seasonalCanadaStrip .weatherUpdated{order:-2!important;align-self:center!important;color:rgba(35,45,70,.74)!important;font-size:8px!important;font-weight:600!important;text-shadow:0 1px 4px rgba(255,255,255,.85)!important;white-space:nowrap!important}
.seasonalCanadaStrip .weatherBrand{order:-1!important}.seasonalCanadaStrip .weatherCity{order:0!important}
.appShell:not(.antonijaTheme):not(.antoniaTheme) .seasonalCanadaStrip .weatherBrand,.appShell:not(.antonijaTheme):not(.antoniaTheme) .seasonalCanadaStrip .weatherCity{background:rgba(7,17,42,.78)!important;color:#f4f6ff!important;border-color:rgba(172,153,255,.22)!important}
.appShell:not(.antonijaTheme):not(.antoniaTheme) .seasonalCanadaStrip .weatherUpdated{color:rgba(245,247,255,.82)!important;text-shadow:0 1px 5px rgba(0,0,0,.8)!important}
.weatherIcon.isLive{width:32px!important;height:32px!important}.weatherIcon.isLive svg{width:22px!important;height:22px!important}.weatherText b{font-size:10px!important}.weatherText span{font-size:8px!important}.weatherTemp{font-size:16px!important}
/* KPI */
.metrics{gap:10px!important;margin-bottom:10px!important}.metrics .metric{min-height:96px!important;padding:13px 14px!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(31,42,88,.06)!important}.metricIcon{width:34px!important;height:34px!important}.metrics .metric strong{font-size:24px!important}.metrics .metric small{font-size:8px!important}.metricSub{font-size:9px!important}
/* MAIN GRID */
.workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 365px!important;gap:12px!important;align-items:start!important}.workspace>div{min-width:0!important}.workspace>div:first-child{display:block!important}.workspace>div:nth-child(2){display:grid!important;gap:12px!important;align-content:start!important}
.leadPerfRow{display:grid!important;grid-template-columns:minmax(500px,1.12fr) minmax(390px,.88fr)!important;gap:12px!important;align-items:stretch!important;width:100%!important}.leadPerfRow>#leadInboxCard,.leadPerfRow>#performanceCard{width:auto!important;min-width:0!important;margin:0!important;height:100%!important}
.card{border-radius:15px!important;box-shadow:0 7px 22px rgba(36,45,91,.055)!important}
#leadInboxCard{min-height:384px!important}#performanceCard{min-height:384px!important;padding:14px!important}
#leadInboxCard .toolbar{gap:8px!important;margin-bottom:10px!important}.toolbar h3{margin-right:auto!important}.toolbar .smallBtn,.toolbar .ghostBtn{height:32px!important;font-size:9px!important;border-radius:9px!important;padding:0 12px!important}
/* LEADS */
#leads{display:grid!important;gap:8px!important}.lead{border-radius:12px!important;padding:11px 12px!important;min-height:76px!important;box-shadow:none!important}.leadTop{gap:10px!important}.leadName{font-size:12px!important;font-weight:750!important}.lead .meta{font-size:8px!important;gap:8px!important;margin-top:4px!important}.leadActions{gap:5px!important;margin-top:8px!important;flex-wrap:wrap!important}.leadActions button{height:25px!important;border-radius:7px!important;padding:0 9px!important;font-size:8px!important}.badges{gap:5px!important}.badge{font-size:8px!important;min-height:25px!important;border-radius:999px!important;padding:4px 8px!important}.demoLeadBadge{font-size:7px!important;padding:2px 6px!important;margin-left:6px!important}
/* PERFORMANCE */
.v41PerfHead{margin-bottom:11px!important}.v41PerfHead h3{font-size:14px!important}.v41PerfHead p{font-size:9px!important}.v41PerfGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.v41PerfMetric{min-width:0!important;padding:10px 7px!important;border-radius:11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important}.v41PerfMetric>div:last-child strong{display:none!important}.v41PerfMetric small{font-size:7px!important}.v41PerfMetric em{font-size:7px!important}.v41PerfRing{width:66px!important;height:66px!important}.v41PerfRing b{font-size:14px!important}.v41Activity{margin-top:10px!important;display:grid!important;gap:6px!important}.v41Activity:before{content:"Today's Activity";font-size:12px;font-weight:750;color:var(--v45-ink);margin:1px 0 2px}.v41ActivityRow{min-height:31px!important;border-radius:9px!important;font-size:9px!important;padding:6px 9px!important}
/* RIGHT RAIL */
#leadPagesCard,#campaignCard,#importCard{padding:14px!important;margin:0!important}.workspace>div:nth-child(2) h3{font-size:13px!important}.workspace>div:nth-child(2) .muted{font-size:9px!important;line-height:1.45!important}.workspace>div:nth-child(2) .smallBtn.primary{width:100%!important;height:34px!important;border-radius:9px!important}.formField{margin-top:9px!important}.formField label{font-size:8px!important}.formField input,.formField select{height:34px!important;font-size:9px!important;border-radius:8px!important}
/* DISCOVERY RADAR FULL WIDTH */
#discoveryCard.v41RadarCard{width:100%!important;margin:12px 0 0!important;min-height:286px!important;padding:0!important;overflow:hidden!important;border-radius:17px!important;position:relative!important;background:linear-gradient(110deg,rgba(248,247,255,.98),rgba(244,241,255,.96) 45%,rgba(239,242,255,.98))!important}
.appShell:not(.antonijaTheme):not(.antoniaTheme) #discoveryCard.v41RadarCard{background:linear-gradient(110deg,#0a1632,#111c43 45%,#101632)!important}
.v41RadarShell{display:grid!important;grid-template-columns:minmax(280px,.78fr) minmax(430px,1.45fr) minmax(250px,.72fr)!important;gap:0!important;min-height:286px!important;align-items:stretch!important}.v41RadarCopy{padding:18px 16px 16px 18px!important;z-index:3!important}.v41RadarTitle{font-size:16px!important;letter-spacing:.02em!important}.v41RadarDesc{font-size:9px!important;line-height:1.5!important;max-width:310px!important}.v41RegionChips{gap:6px!important;margin:12px 0!important}.v41RegionChip{font-size:8px!important;padding:5px 10px!important}.v41RadarVisual{min-height:286px!important;position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 48% 50%,rgba(88,92,235,.17),transparent 40%),linear-gradient(135deg,rgba(74,53,180,.06),rgba(57,102,211,.04))!important}.v41RadarOrb{width:270px!important;height:270px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;opacity:.90!important;filter:saturate(.78) contrast(.96)!important}.v41CanadaMap{opacity:.52!important;filter:hue-rotate(2deg) saturate(.65) brightness(1.08)!important}.appShell:not(.antonijaTheme):not(.antoniaTheme) .v41CanadaMap{opacity:.65!important;filter:saturate(.76) brightness(1.2)!important}.v41SweepLine{opacity:.58!important}.v41Blip{box-shadow:0 0 10px currentColor!important}.v41FocusCard{right:10px!important;top:24px!important;min-width:130px!important;padding:10px!important;background:rgba(40,37,98,.72)!important;backdrop-filter:blur(8px)!important}.v41FocusCard h4{font-size:10px!important}.v41FocusCard li{font-size:8px!important}.v41Access{font-size:6.5px!important}
.v45RadarSide{padding:14px!important;border-left:1px solid rgba(128,117,190,.15)!important;background:rgba(255,255,255,.46)!important;display:grid!important;grid-template-rows:auto 1fr!important;gap:10px!important;z-index:4!important}.appShell:not(.antonijaTheme):not(.antoniaTheme) .v45RadarSide{background:rgba(5,13,34,.42)!important;border-left-color:rgba(160,146,226,.18)!important}.v45RadarBox{border:1px solid rgba(120,105,206,.18)!important;border-radius:11px!important;background:rgba(255,255,255,.70)!important;padding:10px!important}.appShell:not(.antonijaTheme):not(.antoniaTheme) .v45RadarBox{background:rgba(9,20,48,.70)!important;border-color:rgba(157,139,240,.22)!important}.v45RadarBox h4{font-size:10px!important;margin:0 0 8px!important}.v45FilterRow,.v45Finding{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:31px!important;border-top:1px solid rgba(128,130,170,.11)!important;font-size:8px!important}.v45FilterRow:first-of-type,.v45Finding:first-of-type{border-top:0!important}.v45MiniSwitch{width:29px!important;height:17px!important;border:0!important;border-radius:999px!important;background:#ccd1df!important;position:relative!important;padding:0!important}.v45MiniSwitch:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.18s}.v45MiniSwitch.on{background:#2db878!important}.v45MiniSwitch.on:after{transform:translateX(12px)}.v45Finding{justify-content:flex-start!important}.v45FindingIcon{width:22px!important;height:22px!important;border-radius:7px!important;display:grid!important;place-items:center!important;background:rgba(118,92,255,.10)!important}.v45FindingCopy{min-width:0!important;flex:1!important}.v45FindingCopy b{display:block!important;font-size:8px!important}.v45FindingCopy span{font-size:7px!important;color:var(--v45-muted)!important}.v45Finding time{font-size:6.5px!important;color:var(--v45-muted)!important;white-space:nowrap!important}
/* Developer mascot + vertical rail */
.eurekaArt{display:none!important}.devNotesTab.v43MascotTab{width:194px!important;height:270px!important;right:-50px!important;top:35%!important;overflow:visible!important;background:transparent!important;z-index:181!important}.devNotesTab.v43MascotTab img.v43DeveloperMascot{position:absolute!important;width:142px!important;height:215px!important;object-fit:contain!important;right:40px!important;top:0!important;filter:drop-shadow(-8px 12px 18px rgba(67,45,150,.24))!important}.v45DevRail{position:absolute!important;right:0!important;top:70px!important;width:55px!important;height:194px!important;border-radius:16px 0 0 16px!important;background:linear-gradient(180deg,#18204d,#2d2181)!important;border:1px solid rgba(239,185,77,.75)!important;border-right:0!important;box-shadow:-7px 10px 24px rgba(37,31,98,.20)!important;color:#f3c55e!important;display:flex!important;align-items:center!important;justify-content:center!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.09em!important}.v45DevRail:before{content:"✦";margin-bottom:8px;color:#ffdc82}.devNotesTab.v43MascotTab:hover{right:-17px!important}.devDrawer.inlineTestNotes{z-index:220!important}.devDrawer.inlineTestNotes:not(.open){right:-430px!important;pointer-events:none!important}.devDrawer.inlineTestNotes.open{right:0!important;pointer-events:auto!important}
/* tooltip safety */
.onyxInfoBubble{z-index:300!important;max-width:270px!important}.onyxInfoWrap:not(.infoOpen):not(.infoPeek)>.onyxInfoBubble{display:none!important}
@media(max-width:1380px){.leadPerfRow{grid-template-columns:minmax(430px,1.05fr) minmax(340px,.95fr)!important}.workspace{grid-template-columns:minmax(0,1fr) 330px!important}.v41RadarShell{grid-template-columns:270px minmax(360px,1fr) 240px!important}.v41RadarOrb{width:240px!important;height:240px!important}.seasonalCanadaStrip .weatherCity{min-width:135px!important}}
@media(max-width:1120px){.workspace{grid-template-columns:1fr!important}.workspace>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important}.workspace>div:nth-child(2)>#importCard{grid-column:1/-1!important}.v41RadarShell{grid-template-columns:260px minmax(330px,1fr)!important}.v45RadarSide{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}.seasonalCanadaStrip .weatherBrand{display:none!important}}
@media(max-width:820px){.mainArea{padding:12px!important}.seasonalCanadaStrip.v41PhotoStrip{height:138px!important;min-height:138px!important}.seasonalCanadaStrip .weatherDock{left:10px!important;right:10px!important;bottom:8px!important;overflow-x:auto!important;justify-content:flex-start!important}.seasonalCanadaStrip .weatherUpdated{display:none!important}.seasonalCanadaMeta{top:9px!important;bottom:auto!important}.leadPerfRow{grid-template-columns:1fr!important}.workspace>div:nth-child(2){grid-template-columns:1fr!important}.workspace>div:nth-child(2)>#importCard{grid-column:auto!important}.v41PerfGrid{grid-template-columns:repeat(2,1fr)!important}.v41RadarShell{grid-template-columns:1fr!important}.v41RadarCopy{padding-bottom:8px!important}.v41RadarVisual{min-height:300px!important}.v45RadarSide{grid-template-columns:1fr!important}.devNotesTab.v43MascotTab{width:82px!important;height:120px!important;right:-28px!important;top:48%!important}.devNotesTab.v43MascotTab img.v43DeveloperMascot{width:70px!important;height:108px!important;right:16px!important;top:0!important}.v45DevRail{width:27px!important;height:90px!important;right:0!important;top:28px!important;border-radius:9px 0 0 9px!important;font-size:0!important}.v45DevRail:before{font-size:11px!important;margin:0!important}.devNotesTab.v43MascotTab:hover{right:-18px!important}.devDrawer.inlineTestNotes{width:min(92vw,360px)!important;right:-96vw!important}.devDrawer.inlineTestNotes.open{right:0!important}.onyxInfoBubble{position:fixed!important;left:50%!important;right:auto!important;bottom:14px!important;top:auto!important;width:min(236px,calc(100vw - 32px))!important;max-height:30vh!important;transform:translateX(-50%)!important}}
