/* One compact Live View shared by every route. Keep full details in View All. */
.app-shell .mc-weather-bar{position:relative;top:auto;width:100%;margin-bottom:10px}
.app-shell .mc-app-weather{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:5px 10px;min-height:0;border-radius:18px}
.app-shell .mc-live-header{display:contents}
.app-shell .mc-live-header .mc-live-identity{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0}
.app-shell .mc-live-identity>img{width:26px;height:26px}
.app-shell .mc-app-weather .mc-app-weather__clock{gap:2px}
.app-shell .mc-app-weather .mc-app-weather__clock time{font-size:1rem;line-height:1.2}
.app-shell .mc-app-weather .mc-app-weather__clock small{display:none}
.app-shell .mc-live-header .mc-app-weather__details{grid-column:2;grid-row:1;justify-self:end;min-width:0}
.app-shell .mc-app-weather .mc-app-weather__details>summary{display:grid;grid-template-columns:18px auto;grid-template-rows:auto;align-items:center;gap:4px;padding:4px 8px;min-height:36px}
.app-shell .mc-app-weather .mc-app-weather__temperature{font-size:1.4rem;line-height:1.1}
.app-shell .mc-app-weather :is([data-weather-condition],.mc-app-weather__city){display:none}
.app-shell .mc-app-weather .mc-app-weather__focus{grid-column:1;grid-row:2;justify-self:start;min-width:0;min-height:36px;padding:5px 8px;font-size:.75rem}
.app-shell .mc-app-weather .mc-live-ai{grid-column:2;grid-row:2;justify-self:end;min-width:0;gap:6px;padding:5px 8px;min-height:30px}
.app-shell .mc-live-ai__battery{width:25px;height:15px;padding:2px;border-radius:4px}
.app-shell .mc-live-ai__battery::after{height:6px;top:3px}
.app-shell .mc-live-ai__heading{gap:6px;font-size:.6875rem}
.app-shell .mc-live-ai__copy small{display:none}
.app-shell .mc-app-weather .mc-live-actions{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;max-width:none;gap:5px;margin:0}
.app-shell .mc-live-actions .mc-live-icon{width:36px;min-width:36px;height:36px;min-height:36px;padding:8px;border-radius:10px}
.app-shell .mc-live-actions .mc-live-icon svg{width:17px;height:17px}
.app-shell .mc-live-upcoming{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:64px repeat(2,minmax(0,1fr));align-items:center;gap:4px 10px;padding-top:5px}
.app-shell .mc-live-upcoming:has(.mc-live-empty){display:none}
.app-shell .mc-live-upcoming__heading{grid-column:1;grid-row:1;min-height:36px;gap:0;justify-content:flex-start}
.app-shell .mc-live-upcoming__heading>strong{display:none}
.app-shell .mc-live-upcoming__heading button{min-height:36px;padding:4px;font-size:.6875rem;white-space:nowrap}
.app-shell .mc-live-upcoming .mc-live-item{min-width:0;min-height:36px;padding:3px 0;gap:6px;align-items:center}
.app-shell .mc-live-upcoming .mc-live-item>svg,.app-shell .mc-live-upcoming .mc-live-item small{display:none}
.app-shell .mc-live-upcoming .mc-live-item__content{display:grid;gap:1px;min-width:0}
.app-shell .mc-live-upcoming .mc-live-item strong{font-size:.8125rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell .mc-live-upcoming .mc-live-item .mc-live-item__timing{font-size:.6875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell .mc-app-weather>.mc-app-weather__birds{display:block;top:0;height:10px;opacity:.2;pointer-events:none}
.app-shell .mc-live-environment{height:90px}
.app-shell .mc-app-weather[data-live-text-size=larger] .mc-app-weather__clock time{font-size:1.2rem}
.app-shell .mc-app-weather[data-live-text-size=larger] .mc-app-weather__temperature{font-size:1.7rem}
/* At laptop widths the rail has two short rows instead of a large card. */
@media(min-width:1100px){
 .app-shell .mc-app-weather{grid-template-columns:minmax(100px,1fr) auto auto auto;padding:6px 10px;gap:4px 10px}
 .app-shell .mc-app-weather .mc-app-weather__focus{grid-column:2;grid-row:1}
 .app-shell .mc-app-weather .mc-live-actions{grid-column:3;grid-row:1;justify-content:flex-end}
 .app-shell .mc-live-header .mc-app-weather__details{grid-column:4;grid-row:1}
 .app-shell .mc-app-weather .mc-live-ai{grid-column:4;grid-row:2}
 .app-shell .mc-live-upcoming{grid-column:1 / 4;grid-row:2;grid-template-columns:64px repeat(2,minmax(0,1fr));padding-top:2px}
}
/* Phone controls retain their existing touch size; density comes from layout. */
@media(max-width:600px){
 .app-shell .mc-app-weather{padding:6px 8px;gap:4px 6px}
 .app-shell .mc-app-weather .mc-app-weather__details>summary,.app-shell .mc-app-weather .mc-app-weather__focus{min-height:44px}
 .app-shell .mc-live-actions .mc-live-icon{width:44px;min-width:44px;height:44px;min-height:44px}
 .app-shell .mc-app-weather .mc-live-actions{gap:2px}
 .app-shell .mc-live-upcoming{grid-template-columns:45px repeat(2,minmax(0,1fr));gap:4px 7px;padding-top:4px}
 .app-shell .mc-live-upcoming__heading,.app-shell .mc-live-upcoming__heading button,.app-shell .mc-live-upcoming .mc-live-item{min-height:44px}
 .app-shell .mc-live-upcoming .mc-live-item strong{font-size:.75rem}
 .app-shell .mc-live-upcoming__heading button{padding:0;font-size:.625rem}
 .app-shell .mc-app-weather .mc-live-ai{padding:5px 7px}
}
@media(max-width:360px){.app-shell .mc-live-ai__battery{display:none}.app-shell .mc-app-weather .mc-app-weather__focus{font-size:.6875rem}}
/* Larger-text users may wrap titles and controls instead of losing content. */
.app-shell .mc-app-weather[data-live-text-size=larger] .mc-live-item strong{white-space:normal;overflow-wrap:anywhere}

/* Visible labels explain the tools without changing their existing actions. */
.app-shell .mc-app-weather .mc-live-actions{grid-column:1 / -1;grid-row:3;min-width:0;justify-content:flex-start;gap:6px;}
.app-shell .mc-live-actions .mc-live-icon{width:auto;min-width:0;max-width:100%;height:auto;min-height:44px;padding:8px 10px;gap:6px;font-size:.75rem;line-height:1.3;}
.app-shell .mc-live-actions .mc-live-action-label{display:inline;white-space:normal;}
@media(max-width:600px){.app-shell .mc-live-actions .mc-live-icon{padding:8px;}.app-shell .mc-app-weather .mc-live-actions{gap:5px;}}