/* CADECO HQ persona access responsive correction V1 */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:1050px){
  .access-layout{grid-template-columns:minmax(0,1fr)!important}
  .persona-main{grid-column:auto!important;min-width:0}
  .right-sidebar{display:none!important}
  .content-grid{grid-template-columns:minmax(0,1fr)!important}
  .login-column{width:100%;min-width:0}
  .login-card{position:static!important;width:100%;max-width:none;max-height:none;overflow:visible}
}
@media(max-width:720px){
  .access-header{
    height:auto!important;
    min-height:108px;
    display:grid!important;
    grid-template-columns:auto 1fr;
    grid-template-areas:"brand secure" "title title";
    gap:7px 12px;
    padding:10px 14px!important;
  }
  .access-header .brand{grid-area:brand;width:auto}
  .secure-status{grid-area:secure;justify-self:end}
  .secure-status time{display:none}
  .header-title{
    grid-area:title;
    display:block!important;
    width:100%;
    padding:9px 0 0!important;
    border-left:0!important;
    border-top:1px solid var(--line);
  }
  .header-title b{font-size:16px;white-space:nowrap}
  .header-title small{font-size:11px}
  .persona-main{padding:10px!important}
  .persona-hero{min-height:0;align-items:flex-start;padding:16px!important}
  .persona-hero h1{font-size:22px!important}
  .persona-hero p:last-child{font-size:13px}
  .content-grid{display:block!important}
  .item-grid{grid-template-columns:1fr!important}
  .login-column{margin-top:12px}
  .login-card{padding:18px!important;border-radius:10px!important}
  .login-card form{gap:11px}
  .login-card input{width:100%;min-width:0}
  .task{grid-template-columns:31px minmax(0,1fr)!important}
  .support-strip{margin-bottom:10px}
}
@media(max-width:390px){
  .header-title b{font-size:14px}
  .persona-icon{display:none}
  .persona-hero{display:block}
}