/* ONYX v37 — contrast, lead cards, tour stability, weather alignment */

/* TOUR: never expose legacy '? Show Tour' text even for a single frame */
#tourBtn.tourBtn{
  position:relative!important;
  font-size:0!important;
  color:transparent!important;
  gap:0!important;
  padding:0 11px 0 31px!important;
  min-width:72px!important;
  overflow:hidden!important;
}
#tourBtn.tourBtn .onyxTourIcon,#tourBtn.tourBtn .onyxTourLabel{display:none!important}
#tourBtn.tourBtn:before{
  content:"";
  position:absolute;
  left:10px;top:50%;transform:translateY(-50%);
  width:14px;height:14px;
  background-repeat:no-repeat;background-position:center;background-size:14px 14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23735be2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m15.5 8.5-2.2 5.1-4.8 1.9 2.1-4.8 4.9-2.2Z'/%3E%3Ccircle cx='12' cy='12' r='1.1'/%3E%3C/svg%3E");
}
#tourBtn.tourBtn:after{
  content:"Tour";
  color:#735be2!important;
  font-size:10.5px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  line-height:1!important;
}
html[data-ui-lang="fr"] #tourBtn.tourBtn:after{content:"Visite"}
.appShell:not(.antonijaTheme) #tourBtn.tourBtn:after{color:#e6bd68!important}
.appShell:not(.antonijaTheme) #tourBtn.tourBtn:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6bd68' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m15.5 8.5-2.2 5.1-4.8 1.9 2.1-4.8 4.9-2.2Z'/%3E%3Ccircle cx='12' cy='12' r='1.1'/%3E%3C/svg%3E");
}

/* TOUR + helper glass: visibly translucent, readable in both themes */
.tourBackdrop{background:rgba(5,9,23,.56)!important;backdrop-filter:blur(1.5px)!important;-webkit-backdrop-filter:blur(1.5px)!important}
.tourBubble{background:rgba(25,36,71,.78)!important;color:#f5f7fb!important;border-color:rgba(172,149,255,.46)!important;backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important}
.tourBubble #tourTitle{color:#f7f8fc!important}.tourBubble #tourText{color:#c8d0df!important}.tourBubble #tourStep{color:#bca6ff!important}
.tourBubble .tourHint{background:rgba(86,75,114,.60)!important;color:#f0d69c!important;border-color:rgba(226,190,113,.28)!important}
.onyxInfoBubble{background:rgba(35,45,78,.78)!important;color:#f2f4fa!important}
.appShell.antonijaTheme~.tourBackdrop{background:rgba(50,52,78,.32)!important}
.appShell.antonijaTheme~.tourBubble{background:rgba(250,249,255,.78)!important;color:#27324a!important;border-color:rgba(132,108,230,.32)!important;box-shadow:0 24px 70px rgba(70,61,110,.16)!important}
.appShell.antonijaTheme~.tourBubble #tourTitle{color:#253048!important}.appShell.antonijaTheme~.tourBubble #tourText{color:#59647b!important}.appShell.antonijaTheme~.tourBubble #tourStep{color:#6d56da!important}
.appShell.antonijaTheme~.tourBubble .tourHint{background:rgba(232,227,251,.68)!important;color:#594a8b!important;border-color:rgba(126,103,214,.20)!important}
.appShell.antonijaTheme .onyxInfoBubble{background:rgba(247,245,255,.80)!important;color:#404962!important}

/* Weather: updated timestamp first, then weather label/cards; all contrast-safe */
.weatherDock{gap:8px!important;align-items:center!important}
.weatherUpdated{order:0!important;min-width:68px!important;text-align:right!important;margin:0 2px 0 0!important;font-size:8.5px!important;line-height:1.15!important;color:#93a0b6!important;white-space:nowrap!important}
.weatherBrand{order:1!important}.weatherCity{order:2!important}
.appShell.antonijaTheme .weatherUpdated{color:#6f7890!important;font-weight:500!important}
.weatherBrand,.weatherCity{align-self:center!important}
.weatherIcon{align-self:center!important}

/* Lead cards — DARK theme: alternating navy/violet surfaces, guaranteed readable text */
#leads .lead{
  position:relative!important;
  border-radius:13px!important;
  padding:13px 14px!important;
  border:1px solid rgba(143,158,205,.23)!important;
  color:#f3f5fb!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
  overflow:hidden!important;
}
#leads .lead:nth-child(odd){background:linear-gradient(135deg,#111d45 0%,#172253 58%,#101a3a 100%)!important;border-color:rgba(142,122,230,.28)!important}
#leads .lead:nth-child(even){background:linear-gradient(135deg,#10192f 0%,#18203d 58%,#131a33 100%)!important;border-color:rgba(129,147,193,.23)!important}
#leads .lead:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#8e77ed,#6b58c6);opacity:.82}
#leads .lead:nth-child(even):before{background:linear-gradient(#91a4d7,#7587ba)}
#leads .leadName{color:#f7f8fc!important;font-weight:650!important;letter-spacing:-.01em!important}
#leads .meta{color:#aeb8cb!important}
#leads .meta span{color:inherit!important}
#leads .leadActions button{background:rgba(8,16,36,.34)!important;color:#d7ddea!important;border-color:rgba(167,179,211,.20)!important;transition:.15s!important}
#leads .leadActions button:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(181,162,245,.35)!important;color:#fff!important}
#leads .leadActions .good{color:#87e3b0!important;border-color:rgba(74,181,126,.42)!important;background:rgba(44,130,91,.11)!important}
#leads .leadActions .bad{color:#f0a3af!important;border-color:rgba(201,92,110,.38)!important;background:rgba(146,55,70,.10)!important}

/* Lead cards — LIGHT theme: alternating soft lavender / misty gray-violet */
.appShell.antonijaTheme #leads .lead{color:#29334d!important;box-shadow:0 7px 20px rgba(65,57,100,.055)!important}
.appShell.antonijaTheme #leads .lead:nth-child(odd){background:linear-gradient(135deg,#f1edff 0%,#f6f3ff 54%,#ece8fa 100%)!important;border-color:#d9cff7!important}
.appShell.antonijaTheme #leads .lead:nth-child(even){background:linear-gradient(135deg,#f4f5fa 0%,#eef0f7 55%,#f6f5fa 100%)!important;border-color:#dce0eb!important}
.appShell.antonijaTheme #leads .lead:nth-child(odd):before{background:linear-gradient(#8c72ed,#b29df5)}
.appShell.antonijaTheme #leads .lead:nth-child(even):before{background:linear-gradient(#8d9bc3,#b4bdd7)}
.appShell.antonijaTheme #leads .leadName{color:#2d3650!important}
.appShell.antonijaTheme #leads .meta{color:#69738b!important}
.appShell.antonijaTheme #leads .leadActions button{background:rgba(255,255,255,.72)!important;color:#56617a!important;border-color:rgba(111,122,155,.19)!important}
.appShell.antonijaTheme #leads .leadActions button:hover{background:#fff!important;color:#3f4961!important;border-color:rgba(115,94,212,.28)!important}
.appShell.antonijaTheme #leads .leadActions .good{color:#23734f!important;border-color:#a9dbc4!important;background:#f0faf5!important}
.appShell.antonijaTheme #leads .leadActions .bad{color:#a34d5a!important;border-color:#e7bdc3!important;background:#fff4f5!important}

/* Semantic badges: clear icon + label language, no low-contrast circles */
#leads .badges{align-items:center!important;gap:6px!important}
#leads .badge{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:26px!important;padding:0 9px!important;border-radius:999px!important;font-size:8.5px!important;font-weight:700!important;letter-spacing:.045em!important;line-height:1!important;text-transform:uppercase!important;color:#d7def0!important;background:rgba(16,29,65,.72)!important;border-color:rgba(144,161,211,.26)!important}
#leads .badge .leadBadgeIcon{width:13px;height:13px;display:inline-grid;place-items:center;flex:0 0 13px}
#leads .badge .leadBadgeIcon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#leads .badge.badgeBuyer{color:#c9baff!important;background:rgba(111,83,211,.18)!important;border-color:rgba(155,130,239,.34)!important}
#leads .badge.badgeSeller{color:#a9d9f5!important;background:rgba(61,130,169,.15)!important;border-color:rgba(99,169,208,.30)!important}
#leads .badge.badgeHot{color:#ffb2bd!important;background:rgba(178,61,78,.17)!important;border-color:rgba(224,99,118,.32)!important}
#leads .badge.badgeWarm{color:#f6d28a!important;background:rgba(164,117,40,.17)!important;border-color:rgba(220,171,83,.34)!important}
#leads .badge.badgeScore{color:#cbd5e9!important;background:rgba(19,36,76,.55)!important}
.appShell.antonijaTheme #leads .badge{color:#59647b!important;background:rgba(255,255,255,.68)!important;border-color:#dfe2ec!important}
.appShell.antonijaTheme #leads .badge.badgeBuyer{color:#6953cf!important;background:#eee9ff!important;border-color:#d7ccfa!important}
.appShell.antonijaTheme #leads .badge.badgeSeller{color:#397aa2!important;background:#eaf6fc!important;border-color:#cbe7f4!important}
.appShell.antonijaTheme #leads .badge.badgeHot{color:#b24859!important;background:#fff0f2!important;border-color:#f0c4ca!important}
.appShell.antonijaTheme #leads .badge.badgeWarm{color:#94661f!important;background:#fff7e6!important;border-color:#efddb5!important}
.appShell.antonijaTheme #leads .badge.badgeScore{color:#59647b!important;background:#f1f3f8!important;border-color:#dde1eb!important}
.demoLeadBadge{vertical-align:middle!important}

/* global contrast guardrails for light theme */
.appShell.antonijaTheme .card,.appShell.antonijaTheme .card *{text-shadow:none!important}
.appShell.antonijaTheme .card h1,.appShell.antonijaTheme .card h2,.appShell.antonijaTheme .card h3,.appShell.antonijaTheme .card h4{color:#2b3550!important}
.appShell.antonijaTheme .muted,.appShell.antonijaTheme .meta,.appShell.antonijaTheme small{color:#707b93!important}
.appShell.antonijaTheme input,.appShell.antonijaTheme select,.appShell.antonijaTheme textarea{color:#344058!important;background-color:#fbfbfe!important}
.appShell:not(.antonijaTheme) .card h1,.appShell:not(.antonijaTheme) .card h2,.appShell:not(.antonijaTheme) .card h3,.appShell:not(.antonijaTheme) .card h4{color:#f4f6fb!important}
.appShell:not(.antonijaTheme) .card .muted{color:#a7b1c5!important}

@media(max-width:760px){
  #tourBtn.tourBtn{width:34px!important;min-width:34px!important;padding:0!important}
  #tourBtn.tourBtn:before{left:50%!important;transform:translate(-50%,-50%)!important;width:15px;height:15px;background-size:15px 15px}
  #tourBtn.tourBtn:after{display:none!important}
  .weatherUpdated{order:0!important;min-width:auto!important;text-align:left!important;font-size:8px!important;flex:0 0 auto!important}
  #leads .lead{padding:12px!important}
  #leads .leadTop{gap:9px!important}
  #leads .badges{gap:4px!important}
  #leads .badge{min-height:24px!important;padding:0 7px!important;font-size:8px!important}
}