/* XONNECT V61 - targeted theme/legibility polish; do not alter markup, forms, API or modules. */
/* Homepage banner logo follows dark/bright mode just like footer; remove the light-mode dark backplate. */
html[data-theme="light"] body.xn-v57 .topbar .brand{
  background:transparent!important;border:0!important;border-radius:0!important;
  padding:0!important;box-shadow:none!important;
}
html[data-theme="light"] body.xn-v57 .topbar .brand img{
  background:transparent!important;filter:none!important;opacity:1!important;
}
/* Footer links: readable soft-glass buttons in bright mode, dark-glass otherwise. */
html[data-theme="light"] body.xn-v57 .xn-footer-links button,
html[data-theme="light"] body.xn-v57 .xn-footer-links a{
  color:#23465c!important;background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(194,158,94,.74)!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.xn-v57 .xn-footer-links button:hover,
html[data-theme="light"] body.xn-v57 .xn-footer-links a:hover{
  background:rgba(225,241,243,.9)!important;border-color:#b99961!important;
  color:#173a51!important;box-shadow:none!important;
}
/* Lower contrast numeric strip in bright mode, keep its dark-mode look untouched. */
html[data-theme="light"] body.xn-v57 .xn-stat-strip>div strong{color:#325e78!important}
/* Phone preview: only the phone gets a drop-shadow; no large rectangular phantom beneath the two CTAs. */
body.xn-v57 .xn-original-feature-stage .phone-float{
  filter:none!important;-webkit-filter:none!important;
}
body.xn-v57 .xn-original-feature-stage .phone-shell{
  filter:drop-shadow(0 18px 18px rgba(10,36,53,.24));
}
body.xn-v57 .xn-original-feature-stage .download-row,
body.xn-v57 .xn-original-feature-stage .download-row:before,
body.xn-v57 .xn-original-feature-stage .download-row:after{
  background:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.xn-v57 .xn-original-feature-stage .xn-v56-actions a,
body.xn-v57 .xn-original-feature-stage .xn-v56-actions button{
  box-shadow:none!important;filter:none!important;-webkit-filter:none!important;
  text-shadow:none!important;transform:none!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease!important;
}
body.xn-v57 .xn-original-feature-stage .xn-v56-actions a:hover,
body.xn-v57 .xn-original-feature-stage .xn-v56-actions button:hover{
  transform:none!important;filter:none!important;box-shadow:none!important;
}
/* Contact is visually distinct from Demo, but glassy and consistent in each theme. */
html[data-theme="light"] body.xn-v57 .xn-original-feature-stage .xn-contact-btn{
  color:#17475e!important;background:#d9edf2!important;border:1px solid #a1c3d0!important;
}
html[data-theme="light"] body.xn-v57 .xn-original-feature-stage .xn-contact-btn:hover{
  background:#c7e4eb!important;border-color:#83aebe!important;
}
html[data-theme="dark"] body.xn-v57 .xn-original-feature-stage .xn-contact-btn,
body.xn-v57 .xn-original-feature-stage .xn-contact-btn{
  color:#e6f8ff!important;background:#1c4760!important;
  border:1px solid rgba(112,200,234,.7)!important;
}
html[data-theme="dark"] body.xn-v57 .xn-original-feature-stage .xn-contact-btn:hover{
  background:#285c75!important;border-color:#76d3f4!important;
}
/* Selected Overview/Activity/Records tab is readable on light, unlike the old almost-white lettering. */
html[data-theme="light"] .app .drawer .drawer-tabs button{
  color:#567688!important;border-bottom-color:transparent!important;
}
html[data-theme="light"] .app .drawer .drawer-tabs button.active,
html[data-theme="light"] .app .drawer .drawer-tabs button[aria-selected="true"]{
  color:#12668f!important;border-bottom:2px solid #1599c6!important;
  background:linear-gradient(180deg,transparent,rgba(104,185,215,.11))!important;
  font-weight:800!important;
}
html[data-theme="light"] .app .drawer .drawer-tabs button:not(.active):hover{
  color:#265b78!important;
}
/* Keep the sign-in drawer glass, but use readable grey-blue labels in bright mode. */
html[data-theme="light"] body.xn-v57 .account-drawer .drawer-stage[data-stage="signin"] .signin-content :is(h2,.subtitle,label){
  color:#233f56!important;text-shadow:none!important;
}
html[data-theme="light"] body.xn-v57 .account-drawer .drawer-stage[data-stage="signin"] .signin-content input{
  color:#203e51!important;
}
html[data-theme="light"] body.xn-v57 .account-drawer .drawer-stage[data-stage="signin"] .signin-content input::placeholder{
  color:#537187!important;opacity:1!important;
}
/* Restore the visible close glyph in BOTH sign-in and company-create drawers. */
body.xn-v57 .account-drawer #drawerClose,
html[data-theme="light"] body.xn-v57 .account-drawer #drawerClose{
  color:#effaff!important;opacity:1!important;visibility:visible!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.xn-v57 .account-drawer #drawerClose svg,
html[data-theme="light"] body.xn-v57 .account-drawer #drawerClose svg{
  display:block!important;color:#effaff!important;stroke:#effaff!important;opacity:1!important;
}
body.xn-v57 .account-drawer #drawerClose:hover svg{color:#72dcfa!important;stroke:#72dcfa!important}