/* Shared icon sizing, loaded after the component and device layouts. */
body[data-theme]{--provider-icon:36px;--work-icon-width:44px;--work-icon-height:30px;--link-icon:30px;--tool-icon:26px;--tool-button:34px;--detail-icon:16px}
body[data-theme] .overview-cards .provider-mark{width:var(--provider-icon);height:var(--provider-icon);flex:none}
body[data-theme] .overview-cards .electricity-mark svg{width:var(--provider-icon);height:var(--provider-icon)}
body[data-theme] .work-card .work-heading-icon{width:var(--work-icon-width);height:var(--work-icon-height);flex:none}
body[data-theme] .daily-cards .holdings-heading-image{width:clamp(34px,8.4cqw,48px)}
body[data-theme] .daily-cards .website-tile>svg{width:var(--link-icon);height:var(--link-icon)}
body[data-theme] header.profile-bar .icon-button{width:var(--tool-button);height:var(--tool-button);flex:none}
body[data-theme] header.profile-bar .icon-button svg{width:var(--tool-icon);height:var(--tool-icon)}
body[data-theme] header.profile-bar .theme-switch>svg{width:15px;height:15px}
body[data-theme] header.profile-bar .theme-swatch i{width:10px;height:15px}
body[data-theme] header.profile-bar .service-status i{width:8px;height:8px}
body[data-theme] .work-card .work-location-button{width:28px;height:28px}
body[data-theme] .work-card .work-location-button svg{width:20px;height:20px}
body[data-theme] .daily-cards .holdings-refresh{width:28px;height:28px}
body[data-theme] .daily-cards .holdings-refresh svg{width:19px;height:19px}
body[data-theme] .work-card .work-footer svg{width:var(--detail-icon);height:var(--detail-icon)}

body[data-theme] :is(.settings-dialog,.electricity-dialog,.account-dialog,.work-presence-dialog) .icon-button{width:40px;height:40px;flex:none;font-size:28px}
body[data-theme] :is(.settings-dialog,.electricity-dialog,.account-dialog,.work-presence-dialog) .icon-button svg{width:26px;height:26px}

@media(min-width:1600px){
  body[data-theme]{--provider-icon:42px;--work-icon-width:50px;--work-icon-height:34px;--link-icon:34px}
}
@media(min-width:581px) and (max-width:1100px),(min-width:581px) and (hover:none) and (pointer:coarse){
  body[data-theme]{--provider-icon:34px;--work-icon-width:44px;--work-icon-height:30px;--link-icon:26px}
}
@media(max-width:580px){
  body[data-theme]{--provider-icon:clamp(22px,6vw,28px);--work-icon-width:34px;--work-icon-height:26px;--link-icon:21px;--tool-icon:22px;--tool-button:30px;--detail-icon:14px}
  body[data-theme] .daily-cards .holdings-heading-image{width:28px}
  body[data-theme] .daily-cards .holdings-header{grid-template-columns:minmax(0,1fr) auto 28px}
  body[data-theme] header.profile-bar .theme-switch>svg{width:13px;height:13px}
  body[data-theme] header.profile-bar .theme-swatch i{width:8px;height:13px}
  body[data-theme] header.profile-bar .service-status i{width:7px;height:7px}
  body[data-theme] .work-card .work-location-button{width:26px;height:26px;padding:3px}
}
@media(max-width:360px){
  body[data-theme] .dashboard .overview-cards .overview-card{padding-inline:6px}
  body[data-theme] .overview-cards .overview-provider{gap:3px}
}