/* v0.96.6: the already-agreed compact home composition. Only HOME is affected.
   Keep original artwork, brand files, header controls, panel styles and navigation. */
.app-shell:not(.inner-mode){
  --miya-home-head:clamp(96px,24vw,116px);
  --miya-home-greet:clamp(94px,24vw,107px);
}
.app-shell:not(.inner-mode)::before{
  height:calc(var(--miya-home-head) + var(--miya-home-greet))!important;
  background-position:center 50%!important;
}
#brand-header.brand-header:not(.has-back){
  height:var(--miya-home-head)!important;
  min-height:var(--miya-home-head)!important;
  max-height:var(--miya-home-head)!important;
}
#brand-header:not(.has-back) .brand-logo{
  top:7px!important;
  left:10px!important;
  width:clamp(60px,16vw,78px)!important;
  max-width:clamp(60px,16vw,78px)!important;
  height:clamp(60px,16vw,78px)!important;
}
#brand-header:not(.has-back) .brand-actions{top:clamp(12px,3.6vw,19px)!important;right:10px!important}
#brand-header:not(.has-back) .brand-identity{
  top:clamp(27px,6.9vw,36px)!important;
  padding:0 clamp(75px,18vw,100px)!important;
}
#brand-header:not(.has-back) .brand-name{
  height:clamp(37px,9vw,48px)!important;
  min-height:clamp(37px,9vw,48px)!important;
  max-width:340px!important;
}
#brand-header:not(.has-back) .brand-subtitle{font-size:clamp(12px,3vw,15px)!important;margin-top:-3px!important}
#screen .hero{
  height:var(--miya-home-greet)!important;
  min-height:var(--miya-home-greet)!important;
  max-height:var(--miya-home-greet)!important;
  padding:0 13px 10px!important;
  margin-bottom:10px!important;
}
#screen .hero .greeting{
  font-size:clamp(23px,6.1vw,30px)!important;
  line-height:1.12!important;
  margin-bottom:11px!important;
}
#screen .hero .date-strip{
  padding:7px 10px!important;
  font-size:clamp(9px,2.6vw,11px)!important;
  max-width:calc(100% - 10px)!important;
}
#screen .home-priorities{display:grid;gap:10px;margin:0 0 12px}
#screen .home-priorities .panel{margin:0}
@media (max-width:365px){
 #brand-header:not(.has-back) .brand-logo{width:60px!important;max-width:60px!important;height:60px!important;left:6px!important}
 #brand-header:not(.has-back) .brand-identity{padding:0 70px!important}
 #brand-header:not(.has-back) .brand-actions{right:7px!important;gap:5px!important}
 #screen .hero .greeting{font-size:23px!important}
}
/* Seven supports remain in their approved one-row layout; names must not touch. */
#screen .home-priorities .supports{column-gap:4px}
#screen .home-priorities .support-item span:last-child{
  display:block;max-width:100%;font-size:clamp(6.3px,1.7vw,9px)!important;
  white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
  letter-spacing:-.25px;line-height:1.25;text-align:center;min-height:12px;
}