/* Fit the home menu to the viewport without shrinking the rest of DIEGO. */
@media screen and (min-height:540px){
 body.home-fit{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 body.home-fit>#header,body.home-fit>#account,body.home-fit>#local-note{flex:none}
 body.home-fit #main{flex:1;min-height:0;width:100%;max-width:1500px;box-sizing:border-box;padding:10px 24px 14px;display:flex;flex-direction:column;gap:10px}
 body.home-fit #main .home-intro{flex:none;min-height:0;margin:0;padding:10px 18px;border-radius:10px}
 body.home-fit .home-intro .eyebrow,body.home-fit .home-intro p{display:none}
 body.home-fit .home-intro h1{font-size:21px;margin:0}
 body.home-fit .home-tiles{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px}
 body.home-fit .home-tiles .settings-tile{min-height:0;padding:8px 12px;border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;overflow-wrap:anywhere}
 body.home-fit .home-tiles .settings-tile strong{font-size:16px;line-height:1.2;text-align:left}
 body.home-fit .home-tiles .settings-tile>span:not(.home-button-image):not(.warehouse-button-image){display:none}
 body.home-fit .home-tiles .home-button-image,body.home-fit .home-tiles .warehouse-button-image{width:56px;height:56px;margin:0;flex-shrink:0}
 @media(max-width:1100px){body.home-fit .home-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}body.home-fit .home-tiles .settings-tile strong{font-size:14px}}
 @media(max-width:700px){
  body.home-fit #main{padding:8px 12px 12px;gap:8px}
  body.home-fit .home-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body.home-fit .home-tiles .settings-tile{padding:6px 8px;gap:8px}
  body.home-fit .home-tiles .home-button-image,body.home-fit .home-tiles .warehouse-button-image{width:36px;height:36px}
  body.home-fit .home-tiles .settings-tile strong{font-size:13px}
 }
}
/* At extreme zoom/short viewports retain access to every control. */
@media screen and (max-height:539px){body.home-fit .home-tiles .settings-tile{min-height:80px;padding:10px}body.home-fit .home-tiles .home-button-image{width:36px;height:36px}}