/* Shared control tokens apply to every data tab, popup and personal dashboard. */
body.metexplorer-site{--met-card-padding:14px;--met-control-height:40px;--met-control-font:400 13px/1.4 var(--apc-dashboard-font,system-ui,sans-serif);--met-label-font:600 12px/1.35 var(--apc-dashboard-font,system-ui,sans-serif)}
body.metexplorer-site :is(.met-view,.met-home,.met-account-dialog) :is(input,select,textarea,button,.apc-search-select__trigger,.apc-calendar__trigger){font:var(--met-control-font);letter-spacing:normal}
body.metexplorer-site :is(.met-view,.met-home,.met-account-dialog) label:not(:has(input[type=checkbox],input[type=range])){display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;min-width:0;flex:none}
body.metexplorer-site :is(.met-view,.met-home,.met-account-dialog) label>:is(span,small):first-child{font:var(--met-label-font);text-transform:none;letter-spacing:normal}
body.metexplorer-site :is(.met-view,.met-home,.met-account-dialog) :is(select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.apc-search-select__trigger,.apc-calendar__trigger){box-sizing:border-box;width:100%;min-height:var(--met-control-height);height:var(--met-control-height);padding:8px 11px;border:1px solid var(--line-strong,#bbcfd9);border-radius:7px;background:var(--apc-white,#fff);color:var(--ink);box-shadow:none;text-align:left;font:var(--met-control-font)}
body.metexplorer-site .apc-search-select__native,body.metexplorer-site .apc-calendar__native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important}
body.metexplorer-site .apc-search-select{min-width:0;width:100%;flex:none}
body.metexplorer-site .apc-search-select__popup,body.metexplorer-site .apc-search-select__popup :is(input,button){font:var(--met-control-font)}
body.metexplorer-site .apc-search-select__popup [role=option]{min-height:36px;border-radius:5px;padding:8px 10px}
body.metexplorer-site .met-view-side-head>*,body.metexplorer-site .met-view-side-body>*{flex-shrink:0}
body.metexplorer-site .met-view-side-head .apc-forecast__model{flex:none;min-width:0}
body.metexplorer-site .met-view-side .apc-forecast__run label{gap:6px}
body.metexplorer-site .met-view-side .apc-forecast__layer-list{padding:0;margin:0}
body.metexplorer-site .met-view-side .apc-forecast__layer-list>h4{padding-inline:0}
body.metexplorer-site .met-view-modes{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:0;margin:0;border:0;background:none;box-shadow:none}
body.metexplorer-site :is(.met-icon-button,.apc-map-tool,.apc-sonde__header-actions button,.apc-pandonia__chart-actions>button,.apc-tawes__chart-actions>button){display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;box-sizing:border-box;min-width:38px;min-height:38px;height:38px;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--apc-white,#fff);color:var(--ink);box-shadow:none;cursor:pointer;font:var(--met-control-font)}
body.metexplorer-site :is(.met-icon-button,.apc-map-tool) svg{width:22px;height:22px;flex:none;pointer-events:none}

body.metexplorer-site :is(.met-icon-button,.apc-map-tool):disabled{opacity:.45;cursor:default}
body.metexplorer-site input[type=range]:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;border-color:transparent;background:transparent}
body.metexplorer-site input[type=range]:focus-visible::-webkit-slider-thumb{filter:brightness(.8)}
body.metexplorer-site input[type=range]:focus-visible::-moz-range-thumb{filter:brightness(.8)}
body.metexplorer-site .apc-forecast__point{padding:var(--met-card-padding)}
body.metexplorer-site .apc-forecast__point-series{padding:0;display:flex;flex-direction:column;gap:10px}
.met-point-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
body.metexplorer-site .met-point-actions .met-icon-button{width:38px}
body.metexplorer-site .met-view-content:not(:has(>.apc-forecast__map-column)){border:1px solid var(--line);padding:var(--met-card-padding)}

.met-meteograms-grid{display:grid;grid-template-columns:repeat(var(--met-meteogram-count,1),minmax(0,1fr));align-items:start;gap:18px}
.met-meteogram-card{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--apc-white,#fff);overflow:hidden}
.met-meteogram-card>header{padding:14px;border-bottom:1px solid var(--line);font:var(--met-label-font)}
.met-meteogram-card>header strong,.met-meteogram-card>header small{display:block}
body.metexplorer-site .met-meteogram-card .apc-chart-dialog--inline{border:0;margin:0;max-width:100%}
body.metexplorer-site .met-meteogram-card .apc-chart-dialog__chart>svg{min-width:0;min-height:0;max-height:none;width:100%;height:auto}
.met-meteogram-selectors{display:flex;flex-direction:column;gap:18px}.met-meteogram-selectors section{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:12px}.met-meteogram-selectors h3{margin:0}
@media(max-width:700px){.met-meteograms-grid{grid-template-columns:1fr}}

/* Semantic workspace rules also outrank add-on styles loaded by a later tab. */
body.metexplorer-site .met-view>.met-view-workspace>.met-view-content{border:1px solid var(--line);border-radius:10px;background:var(--apc-white,#fff);min-width:0;box-sizing:border-box}
body.metexplorer-site .met-view>.met-view-workspace>.met-view-content .apc-data-card-layout{padding:0}
body.metexplorer-site .met-view .met-view-side :is(label:has(.apc-search-select),.apc-search-select,.apc-search-select__trigger){width:100%;max-width:100%;min-width:0;align-self:stretch;box-sizing:border-box}
body.metexplorer-site .met-view .met-view-side .apc-search-select__trigger{display:block}
body.metexplorer-site .met-view .met-view-modes{border:0;background:transparent;padding:0;box-shadow:none}
body.metexplorer-site .met-view .met-view-modes button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:7px;border:0;background:transparent;color:var(--muted);box-shadow:none;cursor:pointer}
body.metexplorer-site .met-view .met-view-modes button[aria-pressed=true]{border:0;background:transparent;color:var(--met-blue);box-shadow:inset 0 -2px currentColor}
body.metexplorer-site .met-view .met-view-modes button:hover{color:var(--met-blue)}
body.metexplorer-site .met-view .met-parameter-card{background:var(--apc-white,#fff);min-height:0;padding:0}
body.metexplorer-site .met-view .met-parameter-card .met-parameter-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:3px 6px;min-height:0;height:auto;padding:8px 30px 8px 9px!important;border:0;background:transparent;box-shadow:none;color:var(--ink);line-height:1.25}
body.metexplorer-site .met-view .met-parameter-main>span{font-size:13px!important;line-height:18px}
body.metexplorer-site .met-view .met-parameter-main>small{grid-column:2;grid-row:1;align-self:center;font-size:10px!important;line-height:1.2;margin:0;padding:0}
body.metexplorer-site .met-view .met-parameter-main>svg{grid-column:1/-1;width:100%;height:18px;min-height:0;max-height:18px;margin:0}
body.metexplorer-site .met-view .met-parameter-card:has(input:checked){background:color-mix(in srgb,var(--met-blue) 7%,var(--apc-white,#fff));border-color:var(--met-blue)}
body.metexplorer-site .met-view .met-parameter-card:has([aria-pressed=true]){box-shadow:inset 3px 0 var(--met-blue)}
body.metexplorer-site .met-view .met-parameter-main[aria-pressed=true]{background:transparent;color:var(--ink)}
body.metexplorer-site .met-view .met-parameter-help{font:400 10px/1.45 var(--apc-dashboard-font,system-ui,sans-serif);margin:0;color:var(--muted)}
.metexplorer-site .met-view .met-calendar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.metexplorer-site .met-view .met-calendar-actions>button{min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--apc-white,#fff);color:var(--ink);font:var(--met-control-font)}
.metexplorer-site .met-view .met-calendar-actions>button[aria-pressed=true]{background:var(--met-navy);color:#fff}
.metexplorer-topbar .metexplorer-navigation .apc-iao-dashboard-tabs.apc-iao-dashboard-tabs>[role=tab]:not([aria-selected=true]):is(:hover,:focus-visible){background:color-mix(in srgb,var(--met-blue) 12%,var(--apc-white,#fff));color:var(--met-navy);box-shadow:inset 0 3px var(--met-mint)}
.met-map-time{display:none}
@media(max-width:600px){
 body.metexplorer-site .met-view-dock .apc-forecast__valid{display:none!important}
 .met-map-time{display:flex;align-items:flex-end;flex-direction:column;gap:2px;position:absolute;right:8px;bottom:10px;z-index:6;pointer-events:none;padding:5px 7px;border-radius:6px;background:color-mix(in srgb,var(--apc-white,#fff) 92%,transparent);color:var(--ink);font:600 10px/1.25 var(--apc-dashboard-font,system-ui,sans-serif);max-width:80%;box-shadow:0 1px 6px #032b6120}
 .met-map-time:has([data-met-map-time]:empty){display:none}.met-map-time small{font-size:9px;font-weight:400}
 body.metexplorer-site .met-view--map .apc-forecast__legend{bottom:54px}
}

body.metexplorer-site .met-view[data-component-count="3"] [data-main-chart]{height:460px}body.metexplorer-site .met-view[data-component-count="4"] [data-main-chart]{height:580px}

body.metexplorer-site .met-view .met-chart-title{font:650 17px/1.35 var(--apc-dashboard-font,system-ui,sans-serif);letter-spacing:normal;margin:4px 0;overflow-wrap:anywhere}

/* One native action row in every display sidebar. */
body.metexplorer-site .met-view-actions{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:8px;min-width:0;width:100%;margin:0;padding:0}
body.metexplorer-site .met-view-actions>.met-view-modes{flex:1 1 auto;min-width:0;gap:4px;align-content:flex-start}
body.metexplorer-site .met-view-action-buttons{display:flex;flex:0 0 auto;align-items:center;gap:4px;margin-left:auto;white-space:nowrap}
body.metexplorer-site .met-view-action-buttons>*{flex:none}
body.metexplorer-site .met-view-action-buttons .met-icon-button{width:38px;height:38px;margin:0}
body.metexplorer-site .met-view-side--right>.met-view-side-head{overflow:visible;max-height:none;position:relative;z-index:15}
body.metexplorer-site .met-view-action-buttons :is(.apc-sonde__exports,.apc-pandonia__export,.apc-tawes__export){position:relative;padding:0;margin:0}
body.metexplorer-site .met-view-action-buttons [data-export-menu]{right:0;left:auto;min-width:130px;max-width:260px;z-index:40}
body.metexplorer-site .met-view-action-buttons [data-export-menu] button{width:100%}
body.metexplorer-site .met-view-side .met-control-field{width:100%;min-width:0;margin:0}
body.metexplorer-site .met-view-side .apc-forecast__view-tabs{margin:0}
body.metexplorer-site .met-view-side .apc-forecast__layer-list small{font:400 10px/1.3 var(--apc-dashboard-font,system-ui,sans-serif);margin-top:2px}
body.metexplorer-site .met-view-side .met-parameter-main>small{font-size:10px}

/* Range, caption, value: identical order and typography for all display settings. */
.met-playback-settings{display:flex;flex-direction:column;gap:12px}
body.metexplorer-site .met-view .met-setting-row{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;align-items:center;gap:8px;width:100%;min-height:30px;margin:0;color:var(--ink)}
body.metexplorer-site .met-view .met-setting-row>input[type=range]{width:72px;min-width:0;height:30px;min-height:30px;padding:0;margin:0;accent-color:var(--met-mint);touch-action:pan-y}
body.metexplorer-site .met-view .met-setting-row>label{display:block;min-width:0;margin:0;white-space:normal;font:var(--met-label-font);text-transform:none;letter-spacing:normal}
body.metexplorer-site .met-view .met-setting-row>.met-setting-check{display:flex;align-items:center;gap:6px}
body.metexplorer-site .met-setting-check>input[type=checkbox]{flex:none;width:15px;height:15px;margin:0;accent-color:var(--met-mint)}
body.metexplorer-site .met-setting-row>output{min-width:0;margin:0;text-align:right;white-space:nowrap;font:600 11px/1.3 var(--apc-dashboard-font,system-ui,sans-serif);font-variant-numeric:tabular-nums;color:var(--ink)}

.met-point-series-head{display:flex;align-items:baseline;gap:8px;min-width:0}
body.metexplorer-site .met-point-series-head label{flex:0 0 auto!important;font:var(--met-label-font)}
body.metexplorer-site .met-point-series-head .apc-forecast__series-readout{flex:1 1 auto;min-width:0;min-height:0;text-align:right;color:var(--muted);font:400 10px/1.3 var(--apc-dashboard-font,system-ui,sans-serif);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.metexplorer-site .met-point-actions .met-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;height:38px;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:var(--apc-white,#fff);color:var(--ink);box-shadow:none;font:var(--met-control-font);cursor:pointer}
body.metexplorer-site .met-point-actions .met-button:hover{border-color:var(--met-blue);color:var(--met-blue)}