/* Brunata icon utility — port of apps/resident-portal/src/_icons.scss.
   Matches original behavior: SVG silhouette painted by current text color. */

[class*="icon-"] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    flex-shrink: 0;
    vertical-align: middle;
}

.icon-heat             { -webkit-mask-image: url('assets/icons/heat.svg');             mask-image: url('assets/icons/heat.svg'); }
.icon-cooling          { -webkit-mask-image: url('assets/icons/cooling.svg');          mask-image: url('assets/icons/cooling.svg'); }
.icon-electricity      { -webkit-mask-image: url('assets/icons/electricity.svg');      mask-image: url('assets/icons/electricity.svg'); }
.icon-water-cold       { -webkit-mask-image: url('assets/icons/water-cold.svg');       mask-image: url('assets/icons/water-cold.svg'); }
.icon-water-hot        { -webkit-mask-image: url('assets/icons/water-hot.svg');        mask-image: url('assets/icons/water-hot.svg'); }
.icon-humidity         { -webkit-mask-image: url('assets/icons/humidity.svg');         mask-image: url('assets/icons/humidity.svg'); }
.icon-temperature      { -webkit-mask-image: url('assets/icons/temperature.svg');      mask-image: url('assets/icons/temperature.svg'); }
.icon-energy-consumed  { -webkit-mask-image: url('assets/icons/energy-consumed.svg');  mask-image: url('assets/icons/energy-consumed.svg'); }
.icon-energy           { -webkit-mask-image: url('assets/icons/energy.svg');           mask-image: url('assets/icons/energy.svg'); }
.icon-idea             { -webkit-mask-image: url('assets/icons/idea.svg');             mask-image: url('assets/icons/idea.svg'); }
.icon-indoor-climate   { -webkit-mask-image: url('assets/icons/indoor-climate.svg');   mask-image: url('assets/icons/indoor-climate.svg'); }
.icon-meter-gas        { -webkit-mask-image: url('assets/icons/meter-gas.svg');        mask-image: url('assets/icons/meter-gas.svg'); }
.icon-meter-generic    { -webkit-mask-image: url('assets/icons/meter-generic.svg');    mask-image: url('assets/icons/meter-generic.svg'); }
.icon-pressure         { -webkit-mask-image: url('assets/icons/pressure.svg');         mask-image: url('assets/icons/pressure.svg'); }
.icon-sensor-vibration { -webkit-mask-image: url('assets/icons/sensor-vibration.svg'); mask-image: url('assets/icons/sensor-vibration.svg'); }
.icon-solar-power      { -webkit-mask-image: url('assets/icons/solar-power.svg');      mask-image: url('assets/icons/solar-power.svg'); }
.icon-timer            { -webkit-mask-image: url('assets/icons/timer.svg');            mask-image: url('assets/icons/timer.svg'); }
.icon-toilet           { -webkit-mask-image: url('assets/icons/toilet.svg');           mask-image: url('assets/icons/toilet.svg'); }
.icon-water-damage     { -webkit-mask-image: url('assets/icons/water-damage.svg');     mask-image: url('assets/icons/water-damage.svg'); }
.icon-trash            { -webkit-mask-image: url('assets/icons/trash.svg');            mask-image: url('assets/icons/trash.svg'); }
.icon-flow             { -webkit-mask-image: url('assets/icons/flow.svg');             mask-image: url('assets/icons/flow.svg'); }
.icon-burst            { -webkit-mask-image: url('assets/icons/burst.svg');            mask-image: url('assets/icons/burst.svg'); }
.icon-help             { -webkit-mask-image: url('assets/icons/help.svg');             mask-image: url('assets/icons/help.svg'); }
.icon-location         { -webkit-mask-image: url('assets/icons/location.svg');         mask-image: url('assets/icons/location.svg'); }
.icon-fingerprint      { -webkit-mask-image: url('assets/icons/fingerprint.svg');      mask-image: url('assets/icons/fingerprint.svg'); }
.icon-battery-state    { -webkit-mask-image: url('assets/icons/battery-state.svg');    mask-image: url('assets/icons/battery-state.svg'); }
.icon-trending-down    { -webkit-mask-image: url('assets/icons/trending-down.svg');    mask-image: url('assets/icons/trending-down.svg'); }
.icon-trending-flat    { -webkit-mask-image: url('assets/icons/trending-flat.svg');    mask-image: url('assets/icons/trending-flat.svg'); }
.icon-trending-up      { -webkit-mask-image: url('assets/icons/trending-up.svg');      mask-image: url('assets/icons/trending-up.svg'); }
.icon-bell             { -webkit-mask-image: url('assets/icons/bell.svg');             mask-image: url('assets/icons/bell.svg'); }
.icon-chevron-left     { -webkit-mask-image: url('assets/icons/chevron-left.svg');     mask-image: url('assets/icons/chevron-left.svg'); }
.icon-chevron-right    { -webkit-mask-image: url('assets/icons/chevron-right.svg');    mask-image: url('assets/icons/chevron-right.svg'); }
.icon-chevron-up       { -webkit-mask-image: url('assets/icons/chevron-up.svg');       mask-image: url('assets/icons/chevron-up.svg'); }
.icon-chevron-down     { -webkit-mask-image: url('assets/icons/chevron-down.svg');     mask-image: url('assets/icons/chevron-down.svg'); }
.icon-add              { -webkit-mask-image: url('assets/icons/add.svg');              mask-image: url('assets/icons/add.svg'); }
.icon-history          { -webkit-mask-image: url('assets/icons/history.svg');          mask-image: url('assets/icons/history.svg'); }
.icon-information      { -webkit-mask-image: url('assets/icons/information.svg');      mask-image: url('assets/icons/information.svg'); }
.icon-warning          { -webkit-mask-image: url('assets/icons/warning.svg');          mask-image: url('assets/icons/warning.svg'); }
.icon-play             { -webkit-mask-image: url('assets/icons/play.svg');             mask-image: url('assets/icons/play.svg'); }
.icon-play-circle      { -webkit-mask-image: url('assets/icons/play-circle.svg');      mask-image: url('assets/icons/play-circle.svg'); }
.icon-settings         { -webkit-mask-image: url('assets/icons/settings.svg');         mask-image: url('assets/icons/settings.svg'); }
.icon-monitoring       { -webkit-mask-image: url('assets/icons/monitoring.svg');       mask-image: url('assets/icons/monitoring.svg'); }
.icon-document         { -webkit-mask-image: url('assets/icons/document.svg');         mask-image: url('assets/icons/document.svg'); }
.icon-link-off         { -webkit-mask-image: url('assets/icons/link-off.svg');         mask-image: url('assets/icons/link-off.svg'); }

/* Sizing helpers */
.icon-sm { width: 1rem;    height: 1rem; }
.icon-md { width: 1.5rem;  height: 1.5rem; }
.icon-lg { width: 2rem;    height: 2rem; }
.icon-xl { width: 3rem;    height: 3rem; }