/* MDCEO v10.8 — responsive header alignment, refined login typography and official brand icon integration */

/* Keep every top-bar control on one row. This overrides the older four-column brand hotfix. */
.acc-topbar{
  grid-template-columns:minmax(286px,320px) 148px minmax(245px,350px) minmax(280px,1fr) minmax(250px,300px)!important;
  grid-template-rows:var(--acc-topbar-height)!important;
  grid-auto-flow:column!important;
  grid-auto-rows:0!important;
  align-items:center!important;
  column-gap:12px!important;
  overflow:visible!important;
}
.acc-topbar>*{grid-row:1!important;min-width:0}
.acc-topbar-brand{width:100%;min-width:0!important;overflow:hidden}
.acc-brand-link{max-width:100%;overflow:hidden!important}
.acc-brand-link>span:last-child{min-width:0!important;overflow:hidden}
.acc-brand-link>span:last-child strong,
.acc-brand-link>span:last-child small{max-width:205px;overflow:hidden;text-overflow:ellipsis}
.acc-ksa-clock{width:100%;min-width:0;padding-inline:10px}
.acc-project-switcher-wrap{width:100%;min-width:0}
.acc-global-search{justify-self:stretch!important;max-width:none!important;min-width:0}
.acc-topbar-actions{width:100%;min-width:0!important;max-width:300px;justify-self:end;align-self:stretch;white-space:nowrap;overflow:visible}
.acc-account-anchor{min-width:0;max-width:218px;flex:1 1 auto}
.acc-account-trigger{width:100%;min-width:0;max-width:218px;padding-right:4px}
.acc-account-copy{min-width:0;flex:1}
.acc-account-copy strong,.acc-account-copy small{max-width:142px}

/* Refine the formal portal statement without dominating the composition. */
.auth-brand-copy{max-width:690px;padding-top:30px}
.auth-brand-copy h1{
  max-width:660px!important;
  margin-bottom:18px!important;
  font-size:clamp(34px,3.15vw,54px)!important;
  line-height:1.045!important;
  letter-spacing:-1.75px!important;
  text-wrap:balance;
}
.auth-brand-copy h1 span{font-weight:820}
.auth-brand-copy h1 strong{
  margin-top:7px!important;
  font-size:.72em!important;
  letter-spacing:-.8px!important;
}
.auth-brand-copy p{max-width:625px!important;font-size:clamp(12px,1vw,15px)!important;line-height:1.66!important}
.auth-brand-metrics{max-width:660px}
.auth-capability-row{max-width:660px}

@media(max-width:1500px){
  .acc-topbar{
    grid-template-columns:minmax(248px,280px) 126px minmax(220px,285px) minmax(220px,1fr) 165px!important;
    column-gap:10px!important;
  }
  .acc-brand-link>span:last-child strong{font-size:12px!important}
  .acc-brand-link>span:last-child small{display:none!important}
  .acc-ksa-clock-copy small{font-size:6.8px}
  .acc-account-copy{display:none!important}
  .acc-account-anchor,.acc-account-trigger{max-width:58px}
  .acc-account-trigger{justify-content:center;padding:0 4px 0 8px}
  .acc-account-trigger .account-arrow{display:none}
}

@media(max-width:1220px){
  .acc-topbar{
    grid-template-columns:minmax(225px,250px) 88px minmax(205px,250px) minmax(190px,1fr) 155px!important;
    column-gap:8px!important;
  }
  .acc-ksa-clock{justify-content:center;padding-inline:5px}
  .acc-ksa-clock-copy small{display:none}
  .acc-ksa-clock-copy strong{font-size:9.5px}
  .acc-ksa-clock-icon{width:25px;height:25px}
}

@media(max-width:1060px){
  .acc-project-switcher-wrap{display:none!important}
  .acc-topbar{
    grid-template-columns:minmax(215px,250px) 88px minmax(210px,1fr) 150px!important;
  }
}

@media(max-width:820px){
  .acc-ksa-clock{display:none!important}
  .acc-topbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:var(--acc-topbar-height)!important;
  }
  .acc-topbar-actions{max-width:none;width:auto}
  .acc-account-anchor,.acc-account-trigger{max-width:48px}
  .auth-brand-copy h1{font-size:28px!important;letter-spacing:-.85px!important;line-height:1.06!important}
  .auth-brand-copy h1 strong{font-size:1em!important;margin-left:.2em!important;margin-top:0!important}
}

@media(max-width:580px){
  .acc-topbar{grid-template-columns:minmax(0,1fr) auto!important}
  .acc-global-search{display:none!important}
  .auth-brand-copy h1{font-size:22px!important}
}