/* Desktop dimensions follow the approved 80% reference, without browser zoom. */
@media(min-width:901px){
 .navbar{margin:12px;min-height:62px;border-radius:19px;padding:8px 2vw;gap:3vw}.brand{flex-basis:104px}.brand img{width:104px;max-height:46px}nav>a,summary{font-size:clamp(16px,1.5vw,22.4px)}.languages img{width:27px;height:27px}
 .hero-logo{width:min(40vw,608px);max-height:35%}.tatari{width:clamp(calc(120px * var(--body-scale)),calc(19.5vw * var(--body-scale)),calc(300px * var(--body-scale)))}.tatari[data-name="Blueflick"]{width:clamp(138px,22.425vw,345px)}.support span{font-size:clamp(16px,1.5vw,22.4px);padding:14px 26px;margin-right:-22px;border-radius:20px}.support img{width:clamp(80px,7.3vw,112px)}
 .schedule-layout{max-width:1248px;margin:50px auto 32px;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:20px;padding:0 20px}.tracker-card{border-width:3px;border-radius:18px}.tracker-name{min-height:62px;padding:10px 16px;gap:13px}.tracker-name img{width:46px;height:46px}.tracker-name h2{font-size:clamp(20px,1.7vw,25.6px)}.tracker-time{padding:6px 18px;min-height:35px;font-size:clamp(14px,1.2vw,18.4px);gap:10px}.tracker-time img{width:20px;height:20px}
 .calendar-panel{border-width:3px;border-radius:18px}.calendar-toolbar{border-radius:13px 13px 0 0;padding:12px 21px;min-height:59px}.month-navigation{gap:10px}.month-navigation h1{font-size:clamp(22px,2.2vw,30.4px)}.month-navigation button{font-size:18px;min-width:36px}.filter-menu summary{font-size:clamp(18px,1.5vw,22.4px)}.calendar-body{padding:16px}.weekdays{font-size:clamp(14px,1.3vw,19.2px);margin:5px 0 18px;gap:8px}.calendar-grid{gap:8px;grid-auto-rows:minmax(76px,1fr)}.calendar-day{min-height:76px;padding:0 4px 6px;border-width:2px}.calendar-day,.day-blank{border-radius:16px}.day-number,.calendar-day.today .day-number{height:21px;font-size:11px}.day-items{padding-top:26px;grid-template-rows:repeat(2,26px);gap:5px}.event-slot{height:26px}.event-slot .calendar-event-icon{max-height:26px}.calendar-event-icon{width:clamp(42px,4.40vw,72px)}.day-summary{font-size:12px;margin:14px 3px 0}
 .status-panel{width:min(616px,100%);border-width:4px;border-radius:21px}.status-panel h1{font-size:clamp(25px,3vw,38.4px);padding:16px 14px}.status-body{gap:22px;padding:19px 26px}.status-body img{width:144px;height:144px}.status-copy p{font-size:22.4px}.status-copy p+p{margin-top:10px}
}
@media(min-width:901px) and (max-width:1100px){.navbar{gap:14px}.brand{flex-basis:84px}.brand img{width:84px}nav{gap:10px}.schedule-layout{grid-template-columns:260px minmax(0,1fr);margin-top:26px;gap:14px;padding:0 14px}.tracker-name h2{font-size:19px}.calendar-body{padding:12px}}
/* Keep the tablet stack and mobile touch targets intact. */
@media(min-width:901px) and (max-width:950px){.schedule-layout{grid-template-columns:1fr}.trackers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:901px){.status-landscape{padding-bottom:144px}.status-main{min-height:calc(100svh - 232px);padding:32px 19px}}
/* Give the calendar more room while keeping desktop timers compact. */
@media(min-width:951px){
 .schedule-layout{max-width:1300px;grid-template-columns:300px minmax(0,1fr);margin-top:42px}
 .tracker-card{border-width:2px;border-radius:15px}.tracker-name{min-height:50px;padding:8px 14px;gap:10px}.tracker-name img{width:36px;height:36px}.tracker-name h2{font-size:20px}.tracker-time{min-height:28px;padding:4px 14px;font-size:14px;gap:8px}.tracker-time img{width:16px;height:16px}
 .calendar-toolbar{min-height:76px;padding:16px 26px}.month-navigation h1{font-size:34px}.calendar-body{padding:20px}.weekdays{font-size:21px;margin-bottom:22px}.calendar-grid{grid-auto-rows:104px;gap:10px}.calendar-day{min-height:104px}.day-items{padding-top:31px;grid-template-rows:repeat(2,30px);gap:6px}.event-slot{height:30px}.event-slot .calendar-event-icon{max-height:30px}.calendar-event-icon{width:76px}.day-summary{font-size:14px;margin-top:16px}
}
@media(min-width:951px) and (max-width:1150px){.schedule-layout{grid-template-columns:250px minmax(0,1fr);gap:16px}.tracker-name h2{font-size:18px}.calendar-toolbar{padding:12px}.month-navigation h1{font-size:24px}.weekdays{font-size:16px}.calendar-body{padding:14px}.calendar-event-icon{width:60px}}
@media(min-width:951px){.tracker-name img.live-badge{width:48px;height:auto}.tracker-name{gap:8px}}

/* Center the navigation between the brand and inactive account entry. */
.login-muted{background:none;border:0;color:#aaa7a3;font-family:Critters,system-ui,sans-serif;font-size:18px;text-transform:uppercase;min-height:44px;padding:8px 12px;cursor:default;flex:0 0 104px}
@media(min-width:901px){.navbar{gap:20px}.navbar #navigation{justify-content:center;gap:clamp(12px,2vw,38px)}.navbar #navigation>a,.navbar #navigation>details>summary{font-size:clamp(14px,1.1vw,20px)}.navbar .brand{flex:0 0 104px}}
@media(max-width:900px){.navbar{gap:8px}.navbar .brand{margin-right:auto}.login-muted{flex:0 0 auto;font-size:16px;padding:8px}.menu-toggle{font-size:18px}}
.calendar-grid,.calendar-grid.has-double-events{grid-auto-rows:128px}.calendar-day{min-height:0;padding:0 6px 12px}.day-items{padding-top:30px;grid-template-rows:repeat(2,38px);gap:6px;width:100%}.event-slot{height:38px;width:100%;align-items:center}.event-slot .calendar-event-icon{width:100%;max-width:100%;max-height:38px;height:auto}.calendar-day .day-number{font-size:12px}
@media(max-width:600px){.calendar-day{padding-left:2px;padding-right:2px}}

.calendar-icon-picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0}

.navbar #navigation>details.navbar-muted{opacity:.45;cursor:default}.navbar #navigation>details.navbar-muted>summary{cursor:default}.navbar #navigation>details.navbar-muted>.dropdown{display:none}

.dropdown .nav-unavailable{display:block;padding:8px 12px;color:#aaa7a3;opacity:.5;cursor:default}
