/* V60 FOCUSED FIXES — no changes to existing modules, record data, signup or navigation flows. */
/* Landing: viewport begins immediately below banner, with stats + moving strip visible at bottom. */
@media(min-width:961px){
  body.xn-v57 .xn-hero{
    height:calc(100svh - var(--xn-ribbon-height,81px) - 120px)!important;
    min-height:calc(100svh - var(--xn-ribbon-height,81px) - 120px)!important;
    padding-top:18px!important;
    padding-bottom:22px!important;
    box-sizing:border-box!important;
  }
  body.xn-v57 .xn-stat-strip{
    height:70px!important;min-height:70px!important;box-sizing:border-box!important;
    padding-top:8px!important;padding-bottom:8px!important;
  }
  body.xn-v57 .bottom-message{height:50px!important;min-height:50px!important;--ticker-h:50px;box-sizing:border-box!important;overflow:hidden!important}
  body.xn-v57 .ticker-track{height:100%!important;align-items:center!important}
}
/* People • Projects • Progress belongs centred over the original six-feature stage. */
body.xn-v57 .xn-original-feature-stage .eyebrow,
body.xn-v57 .intro .eyebrow{
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:max-content!important;max-width:calc(100% - 30px)!important;
  text-align:center!important;white-space:nowrap!important;
}
/* Every close is just an X. No box, square, border or circular disc. */
body.xn-v57 #xnPageClose,
body.xn-v57 #drawerClose,
body.xn-v57 .xn-contact-close,
body.xn-v57 .drawer-close,
body.xn-v57 .close-panel,
.app .close-icon,
.app .xonnect-ai-close,
.app #xonnectAIClose,
body.xn-v57 .xn-page-top #xnPageClose,
html[data-theme=light] body.xn-v57 .xn-page-top #xnPageClose{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;outline-offset:3px!important;
  transition:color .2s ease,transform .25s ease!important;
  -webkit-appearance:none!important;appearance:none!important;
}
body.xn-v57 #xnPageClose:hover,body.xn-v57 #drawerClose:hover,
body.xn-v57 .xn-contact-close:hover,body.xn-v57 .close-panel:hover,.app .close-icon:hover,
.app .xonnect-ai-close:hover,.app #xonnectAIClose:hover{
  transform:rotate(90deg)!important;color:#59ccf6!important;background:transparent!important;
}
html[data-theme=light] body.xn-v57 #xnPageClose,
html[data-theme=light] body.xn-v57 #drawerClose,
html[data-theme=light] .app .close-icon,
html[data-theme=light] .app .xonnect-ai-close{color:#23495e!important}
/* Theme consistency in the Command Centre: cards and detail drawers share white glass. */
html[data-theme=light] .app :is(.record-card,.kanban-card,.kanban-col,.panel,.mini-row,.activity-row,.board-controls,.schedule-board,.table-scroll,.org-line,.sys-box,.search-box,.modal-box,.glass,.drawer){
 background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,247,249,.94))!important;
 border-color:rgba(196,171,118,.55)!important;color:#1b394f!important;
}
html[data-theme=light] .app .drawer{
 background:linear-gradient(155deg,#fbfefa 0%,#edf5f6 100%)!important;
 color:#1e3a4d!important;border-left-color:#c3ad7f!important;
 box-shadow:-22px 0 55px #37576d27!important;
}
html[data-theme=light] .app .drawer :is(.drawer-head,.drawer-body,.drawer-tabs,.drawer-actions){
 background:transparent!important;color:#24445a!important;border-color:#cdbd966b!important;
}
html[data-theme=light] .app .drawer :is(h1,h2,h3,h4,strong,b,label,.labelcaps,.field-label,.detail-title,.detail-value){color:#18374d!important}
html[data-theme=light] .app .drawer :is(p,span,small,.meta,.sub,.muted){color:#42677e!important}
html[data-theme=light] .app :is(.record-card,.kanban-card,.kanban-col,.panel) :is(h2,h3,h4,b,strong,.card-title,.entity-cell,.labelcaps){color:#1c3f55!important}
html[data-theme=light] .app :is(.record-card,.kanban-card,.kanban-col,.panel) :is(small,p,.muted,.sub,.card-eyebrow){color:#496c82!important}
html[data-theme=light] .app .drawer .btn.primary{color:#073047!important}
/* Keep the dark top ribbon logo artwork and background completely unchanged. */

/* The footer logo is also a homepage hotspot; its layout remains in the same grid cell. */
body.xn-v57 .xn-footer-brand{display:block;max-width:240px;width:100%;cursor:pointer;text-decoration:none}
body.xn-v57 .xn-footer-brand img{display:block}