/* Approved Alltag artwork; all labels and controls remain live HTML. */
.alltag-hub-head,.alltag-hub-footer{display:none}
body.dash-page:has(#trackingView.active[data-tracking-room="hub"]) .sidebar,
body.dash-page:has(#trackingView.active[data-tracking-room="hub"]) .mobile-head{display:none!important}
body.dash-page:has(#trackingView.active[data-tracking-room="hub"]){display:block!important;padding: max(16px,env(safe-area-inset-top)) 0 max(16px,env(safe-area-inset-bottom))!important}
body.dash-page:has(#trackingView.active[data-tracking-room="hub"]) .app-main{margin:0!important;padding:0!important;width:100%!important;min-width:0}
html body #trackingView[data-tracking-room="hub"]{width:100%;max-width:600px!important;margin:0 auto!important;padding:0!important}
html body #trackingView[data-tracking-room="hub"] .alltag-house{
 container-type:inline-size;display:flex;flex-direction:column;padding:5.8% 4.6% 3%;box-sizing:border-box;border:0!important;border-radius:0!important;overflow:visible!important;
 background: url('/assets/healthos-alltag-premium-art-v2.webp') center/100% 100% no-repeat!important;box-shadow:none!important;
}
html body #trackingView[data-tracking-room="hub"] .alltag-house:before,
html body #trackingView[data-tracking-room="hub"] .alltag-house:after{display:none!important}
html body #trackingView[data-tracking-room="hub"] .alltag-hub-head{
 display:grid;grid-template-columns:minmax(0,1fr) 17%;align-items:center;height:12cqw;min-height:48px;padding:0 3%;gap:0;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.18);z-index:3;
}
html body #trackingView .alltag-hub-head button{min-width:0;min-height:44px;margin:0;box-shadow:none;color:#fff;background:transparent;border:0;font:500 15px/1.2 Inter,sans-serif;cursor:pointer}
html body #trackingView .alltag-hub-head .alltag-hub-brand{text-align:left;font-size:5.4cqw;letter-spacing:-.035em;padding:0}
html body #trackingView .alltag-hub-head .alltag-hub-avatar{width:9cqw;height:9cqw;min-width:36px;min-height:36px;border-radius:50%;justify-self:end;background:var(--avatar-image) center/cover;border:1px solid #9ee6cc;overflow:hidden}
.alltag-hub-avatar.has-image span{display:none}
html[data-theme] body #trackingView[data-tracking-room="hub"] .alltag-cell.c-today:before{display:none!important;content:none!important}
html[data-theme] body #trackingView[data-tracking-room="hub"] .alltag-house{background:url('/assets/healthos-alltag-premium-art-v2.webp') center/100% 100% no-repeat!important}
html[data-theme] body #trackingView[data-tracking-room="hub"] .alltag-cell{background:linear-gradient(0deg,rgba(9,12,11,.34),transparent 55%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.alltag-hub-avatar.is-default-avatar{background-size:342.857143% auto!important;background-position:14.705882% 29.6875%!important;filter:brightness(1.5) contrast(1.3)}
html[data-theme="light"] .alltag-hub-avatar.is-default-avatar{background-position:85.294118% 29.6875%!important;filter:brightness(.82) contrast(1.25)}
html body #trackingView[data-tracking-room="hub"] .alltag-hero{height:57cqw;min-height:0!important;background:transparent!important;overflow:visible;display:flex;align-items:flex-end}
html body #trackingView[data-tracking-room="hub"] .alltag-hero:after{display:none!important}
html body #trackingView[data-tracking-room="hub"] .alltag-hero picture{display:none!important}
html body #trackingView[data-tracking-room="hub"] .alltag-hero-copy{position:static!important;display:block;min-height:0!important;width:100%;max-width:none;padding:0 3% 4cqw!important;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}
html body #trackingView[data-tracking-room="hub"] .alltag-hero-copy small{font-size:clamp(10px,2.7cqw,15px);color:#77e8b4;letter-spacing:.22em}
html body #trackingView[data-tracking-room="hub"] .alltag-hero-copy h1{font-size:clamp(26px,7.6cqw,46px)!important;line-height:1.12!important;font-weight:400!important;margin:9px 0 7px;white-space:normal;letter-spacing:-.045em;color:#fff!important}
html body #trackingView[data-tracking-room="hub"] .alltag-hero-copy h1 br{display:none}
html body #trackingView[data-tracking-room="hub"] .alltag-hero-copy p{font-size:clamp(13px,3.5cqw,19px)!important;line-height:1.4;max-width:none;margin:0;color:#eee!important}
html body #trackingView[data-tracking-room="hub"] .alltag-skyline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
html body #trackingView[data-tracking-room="hub"] .alltag-cell,
html body #trackingView[data-tracking-room="hub"] .alltag-cell.c-sleep{
 display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:flex-end;min-width:0;min-height:41cqw!important;padding:3.8cqw!important;margin:0;border:1px solid rgba(255,255,255,.64)!important;border-radius:4.5cqw!important;background:linear-gradient(0deg,rgba(9,12,11,.34),transparent 55%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:inset 0 1px rgba(255,255,255,.17)!important;transform:none;transition:border-color .2s,box-shadow .2s;isolation:isolate
}
html body #trackingView[data-tracking-room="hub"] .alltag-cell.c-today{grid-column:1/-1;min-height:37cqw!important;justify-content:center;padding-right:44%!important}
html body #trackingView[data-tracking-room="hub"] .alltag-cell:before,
html body #trackingView[data-tracking-room="hub"] .alltag-cell:after,
html body #trackingView[data-tracking-room="hub"] .alltag-mark,
html body #trackingView[data-tracking-room="hub"] .alltag-art{display:none!important}
html body #trackingView[data-tracking-room="hub"] .alltag-cell strong{font-size:clamp(17px,5cqw,28px)!important;line-height:1.1;max-width:none!important;font-weight:500!important;color:#fff!important;text-shadow:0 1px 5px #25201b}
html body #trackingView[data-tracking-room="hub"] .alltag-cell.c-today strong{font-size:clamp(25px,8cqw,45px)!important}
html body #trackingView[data-tracking-room="hub"] .alltag-cell em{font:400 clamp(12px,3.3cqw,18px)/1.35 Inter,sans-serif!important;max-width:none!important;margin-top:5px;color:#f2f2ef!important;text-shadow:0 1px 6px rgba(0,0,0,.7)!important}
html body #trackingView[data-tracking-room="hub"] .alltag-cell b{font:400 clamp(12px,3.4cqw,18px)/1.2 Inter,sans-serif!important;text-transform:none;letter-spacing:0!important;color:#fff!important;margin-top:4cqw;padding-top:0!important}
html body #trackingView[data-tracking-room="hub"] .alltag-cell:hover,
html body #trackingView[data-tracking-room="hub"] .alltag-cell:focus-visible{transform:none!important;border-color:#abf4d5!important;outline:2px solid rgba(171,244,213,.5);outline-offset:3px}
html body #trackingView[data-tracking-room="hub"] .alltag-hub-footer{display:block;text-align:center;margin:6cqw 0 1cqw;color:#eceae5;font:400 clamp(10px,2.7cqw,14px)/1.5 Inter,sans-serif;letter-spacing:.1em}
@media(min-width:981px){html body #trackingView[data-tracking-room="hub"]{max-width:600px!important}}
@media(max-width:350px){html body #trackingView[data-tracking-room="hub"] .alltag-cell{min-height:170px!important}}
@media(prefers-reduced-motion:reduce){.alltag-hub-head *{transition:none!important}}

/* Progress has one entry on Home. Weight occupies the entire last Alltag row. */
html body #trackingView[data-tracking-room="hub"] .alltag-cell.c-weight{grid-column:1/-1!important;padding-right:48%!important}
