/* The detailed first version shares the same controls, data and design tokens. */
.weather-app--dashboard{overflow:auto}.weather-app--dashboard a{color:var(--color-brand)}
.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-6)}.dashboard-header h1{font-size:var(--text-xl);margin:0;font-weight:600}.dashboard-header p{font-size:var(--text-sm);color:var(--color-muted)}
.weather-app--dashboard .map-layout{height:70vh;min-height:480px;margin:0 var(--space-6);border:var(--border);border-radius:var(--radius);overflow:hidden;grid-template-rows:1fr}.weather-app--dashboard .control-panel{position:relative;inset:auto;width:auto}.weather-app--dashboard .location-control{position:relative;inset:auto;width:auto;padding:0;background:none}.weather-app--dashboard .location-control select,.weather-app--dashboard .location-control .button{background:var(--color-surface)}
.dashboard-details{margin:var(--space-6);padding:0}.dashboard-details>.dialog-header,.dashboard-details>.dialog-tabs{display:none}.dashboard-details>.dialog-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);overflow:visible;padding:0}.dashboard-details [data-panel]{padding:var(--space-5);background:var(--color-surface);border:var(--border);border-radius:var(--radius);min-width:0;scroll-margin:var(--space-4)}.dashboard-details [data-panel]>h2{margin-bottom:var(--space-4)}
.weather-app--dashboard .compact-weather{display:grid}.weather-app--dashboard .map-status{color:var(--color-map-text)}.weather-app--dashboard .control-panel{display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.weather-app--dashboard .connection{width:100%}.weather-app--dashboard .control-footer{flex-wrap:wrap}.weather-app--dashboard.is-immersive .dashboard-details,.weather-app--dashboard.is-immersive .dashboard-header{display:none}.weather-app--dashboard.is-immersive .map-layout{height:100dvh;margin:0;border-radius:0}
@media(max-width:900px){.dashboard-header{align-items:start;flex-direction:column;padding:var(--space-4)}.weather-app--dashboard .map-layout{margin:0 var(--space-4);height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:55dvh auto}.weather-app--dashboard .control-panel{border-left:0}.weather-app--dashboard .compact-weather{display:flex}.dashboard-details{margin:var(--space-4)}.dashboard-details>.dialog-content{grid-template-columns:1fr}.weather-app--dashboard .timeline{min-height:70px}.weather-app--dashboard.is-immersive .map-layout{grid-template-rows:1fr}.weather-app--dashboard .map-actions{top:var(--space-4)}.weather-app--dashboard .risk-summary{font-size:var(--text-sm)}}
.weather-app--dashboard .map-actions .button{color:var(--color-map-text)}.weather-app--dashboard .text-button{color:var(--color-brand)}