/* v33 mobile/responsive + login label hardening */
#loginBtn #signLabel{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;color:#101828!important;font-weight:800!important;font-size:15px!important;line-height:1!important;letter-spacing:.055em!important;text-transform:uppercase!important;min-width:84px!important}
#loginBtn{position:relative!important;color:#101828!important}
#loginBtn .arrow{color:#101828!important;font-weight:800!important}

@media(max-width:820px){
 html,body{max-width:100%;overflow-x:hidden!important}
 .loginPage{min-height:100svh!important;height:auto!important;overflow:auto!important;background-attachment:scroll!important;background-position:58% center!important}
 .loginGrid{display:flex!important;flex-direction:column!important;min-height:100svh!important;height:auto!important;padding:14px 14px 30px!important;gap:0!important}
 .heroCol{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;width:100%!important;padding:58px 0 12px!important;margin:0!important}
 .heroCol>.pilotEyebrow,.heroCol>.heroTitle,.heroCol>.heroRule,.heroCol>.heroCopy,.heroCol>.featureList,.heroCol>.heroFooter{display:none!important}
 .heroCol .brandCss:not(.sideBrand),#onyxLoginLogo{display:block!important;width:148px!important;max-width:42vw!important;margin:0 auto!important}
 .loginCol{display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important}
 .loginPanel{width:min(100%,430px)!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:24px 20px 22px!important;border-radius:20px!important;background:rgba(7,18,52,.88)!important}
 .loginPanel h1{font-size:28px!important;line-height:1.15!important;margin-bottom:6px!important}
 .loginSub{font-size:13px!important;margin-bottom:24px!important}
 .field{margin-top:15px!important}.fieldLabel{font-size:12px!important}.inputBox{min-height:56px!important}.inputBox input{font-size:15px!important}
 .loginMeta{gap:10px!important;flex-wrap:wrap!important}.remember,.forgot{font-size:11px!important}
 .signBtn{height:56px!important;margin-top:18px!important}.ssoBtn{height:54px!important}.orRow{margin:18px 0!important}
 .loginLangToggle{position:fixed!important;top:12px!important;right:12px!important;z-index:30!important}
 .loginBottom{position:static!important;display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;padding:12px 14px 6px!important;font-size:9px!important}

 .appShell{width:100%!important;max-width:100%!important;overflow-x:hidden!important;min-height:100svh!important}
 .appGrid,.appShell.menuExpanded .appGrid{display:block!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr!important}
 .sidebar{display:none!important}
 .mainArea{width:100%!important;max-width:100%!important;padding:14px 12px 84px!important;margin:0!important;overflow:hidden!important}
 .topbar{display:block!important;min-height:0!important;margin-bottom:12px!important}.topbar h2{font-size:22px!important}.topbar p{font-size:10px!important}
 .topActions{display:grid!important;grid-template-columns:auto auto 1fr auto!important;gap:7px!important;margin-top:11px!important;justify-content:stretch!important;align-items:center!important;overflow-x:auto!important;padding-bottom:3px!important}
 .topActions>*{min-width:0!important}.profilePill{max-width:160px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.notifControl strong{display:none!important}.tourBtn{padding:0 10px!important}
 .metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 10px!important}
 .metric{min-height:94px!important;padding:11px!important;border-radius:12px!important}.metricIcon{width:29px!important;height:29px!important;margin-bottom:5px!important}.metric small{font-size:7.8px!important;min-height:18px!important}.metric strong{font-size:23px!important}.metricSub{display:none!important}
 .workspace{display:block!important;width:100%!important;max-width:100%!important}.workspace>div{width:100%!important;max-width:100%!important}
 .card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:14px!important;border-radius:13px!important}.card+.card{margin-top:9px!important}
 #leadInboxCard,#performanceCard,#leadPagesCard{min-height:0!important}
 .toolbar{gap:6px!important;flex-wrap:wrap!important}.toolbar h3{width:100%!important;margin-bottom:3px!important}
 #leads .empty{height:auto!important;min-height:76px!important;padding:12px!important;text-align:left!important}
 .discoveryHead{min-height:70px!important}.discoveryHead>div:first-child{max-width:76%!important}.discoveryHead h3{font-size:16px!important}.radarVisual{display:none!important}#radarRefresh{top:31px!important}
 .opportunityList{grid-template-columns:1fr!important}.opportunityItem{min-height:0!important}
 .formField input,.formField select{height:42px!important;font-size:12px!important}.smallBtn,.ghostBtn{min-height:38px!important}
 .uploadDrop{height:94px!important}
 .onyxInfoBubble{position:fixed!important;left:14px!important;right:14px!important;top:auto!important;bottom:18px!important;width:auto!important;max-width:none!important;background:rgba(8,18,39,.90)!important;font-size:11px!important;line-height:1.5!important;z-index:260!important}
 .appShell.antonijaTheme .onyxInfoBubble{background:rgba(255,255,255,.90)!important}
 .devNotesTab{right:6px!important;top:auto!important;bottom:92px!important;width:34px!important;height:112px!important}
 .devDrawer{width:100vw!important;max-width:100vw!important;padding:18px 16px 28px!important}
 .profileMenu{right:10px!important;left:auto!important;top:66px!important;min-width:180px!important}
 .profileModalBack{padding:12px!important;align-items:flex-end!important}.profileModal{width:100%!important;max-height:88svh!important;overflow:auto!important;border-radius:18px 18px 12px 12px!important;padding:18px!important}.profileGrid{grid-template-columns:1fr!important}.profileField.full{grid-column:auto!important}

 .tourBackdrop{position:fixed!important;inset:0!important}
 .tourBubble{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:78svh!important;overflow:auto!important;transform:none!important;margin:0!important;padding:22px 18px!important;border-radius:18px!important;box-sizing:border-box!important}
 .tourBubble h4{font-size:22px!important;line-height:1.2!important}.tourBubble p{font-size:13px!important;line-height:1.5!important}.tourHint{font-size:12px!important;line-height:1.45!important;padding:12px!important}.tourButtons{display:grid!important;grid-template-columns:auto auto 1fr auto!important;gap:8px!important}.tourButtons .spacer{min-width:0!important}.tourButtons button{min-height:44px!important;padding:0 13px!important}
}
@media(max-width:480px){
 .loginGrid{padding-left:10px!important;padding-right:10px!important}.heroCol{padding-top:50px!important}.loginPanel{padding:22px 16px 20px!important}.loginPanel h1{font-size:26px!important}
 .topActions{grid-template-columns:auto auto auto!important}.profilePill{display:none!important}.metrics{grid-template-columns:1fr 1fr!important}.mainArea{padding-left:9px!important;padding-right:9px!important}
 .tourBubble{left:8px!important;right:8px!important;bottom:8px!important;padding:20px 15px!important}.tourButtons{grid-template-columns:1fr 1fr!important}.tourButtons .spacer{display:none!important}#tourNext{grid-column:2!important}
}