/* R166.1 — visual-only correction: exact supplied logo + compact auth layout. */

body:has(#authForm) .app-shell{
  width:min(460px,100%)!important;
  min-height:100svh!important;
  padding:12px!important;
  display:grid!important;
  align-items:center!important;
}

body:has(#authForm) .card{
  width:100%!important;
  min-height:0!important;
  padding:16px 20px 14px!important;
  margin:0!important;
  border-radius:24px!important;
}

/*
 * The supplied PNG is a 828x1792 transparent export. The approved logo is the
 * exact connected region 315x626+59+701. CSS crops that region without
 * regenerating or altering any brand pixels; the unrelated Crop UI stays out
 * of the visible box.
 */
.app-logo{
  width:76px!important;
  height:150px!important;
  min-width:76px!important;
  min-height:150px!important;
  margin:-4px auto -2px!important;
  padding:0!important;
  border:0!important;
  object-fit:none!important;
  object-position:9999px 9999px!important;
  background-color:transparent!important;
  background-image:url("/assets/r166/logo-r1661-source.png?v=1661")!important;
  background-repeat:no-repeat!important;
  background-size:198px 429px!important;
  background-position:-14px -168px!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(8,214,207,.12))!important;
}

body:has(#authForm) .badge{
  padding:6px 12px!important;
  font-size:.8rem!important;
}
body:has(#authForm) .center h1{
  font-size:clamp(1.28rem,4vw,1.58rem)!important;
  line-height:1.4!important;
  margin:8px 0 2px!important;
}
body:has(#authForm) .center>.muted{
  max-width:350px!important;
  margin:5px auto!important;
  font-size:.86rem!important;
  line-height:1.8!important;
}
body:has(#authForm) .step-tabs{
  margin:10px 0 2px!important;
  padding:4px!important;
  border-radius:15px!important;
}
body:has(#authForm) .step-tabs button{
  padding:7px 6px!important;
  font-size:.84rem!important;
}
body:has(#authForm) .form{
  margin-top:10px!important;
  gap:10px!important;
}
body:has(#authForm) .field label{margin-bottom:4px!important;font-size:.84rem!important}
body:has(#authForm) .input{min-height:48px!important}
body:has(#authForm) .input input{padding:11px!important}
body:has(#authForm) .btn{min-height:44px!important;padding:10px 16px!important}
body:has(#authForm) .counter{font-size:.78rem!important}
body:has(#authForm) .card>p:last-child{margin:8px 0 0!important;font-size:.78rem!important}

/* Use the same exact supplied logo in the dashboard hero. */
.dashboard-hero:after{
  width:78px!important;
  height:140px!important;
  left:16px!important;
  top:26px!important;
  opacity:.88!important;
  background-color:transparent!important;
  background-image:url("/assets/r166/logo-r1661-source.png?v=1661")!important;
  background-repeat:no-repeat!important;
  background-size:185px 400px!important;
  background-position:-13px -157px!important;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.42))!important;
}

/* Support page brand — same pixel-exact visual crop. */
.brand img{
  width:40px!important;
  height:78px!important;
  min-width:40px!important;
  object-fit:none!important;
  object-position:9999px 9999px!important;
  background:transparent url("/assets/r166/logo-r1661-source.png?v=1661") no-repeat -7px -87px/103px 223px!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.38))!important;
}

@media(max-width:520px){
  body:has(#authForm) .app-shell{padding:8px!important}
  body:has(#authForm) .card{padding:14px 15px 12px!important;border-radius:21px!important}
  .app-logo{
    width:66px!important;
    height:132px!important;
    min-width:66px!important;
    min-height:132px!important;
    background-size:174px 376px!important;
    background-position:-12px -147px!important;
  }
  body:has(#authForm) .center h1{font-size:1.28rem!important}
  body:has(#authForm) .center>.muted{font-size:.81rem!important;line-height:1.7!important}
}

@media(max-height:680px) and (min-width:521px){
  .app-logo{
    width:61px!important;
    height:122px!important;
    min-width:61px!important;
    min-height:122px!important;
    background-size:161px 349px!important;
    background-position:-11px -137px!important;
  }
  body:has(#authForm) .card{padding-block:12px!important}
  body:has(#authForm) .center>.muted{line-height:1.65!important}
}