/* Общие красные значки с зелёными деталями для сайта и приложения. */
:is(.mobile-chart-app,.desktop-app) .ui-icon{--icon-green:var(--accent)}
:is(.mobile-chart-app,.desktop-app) .ui-icon[data-icon=calendar]>:is(circle,path:last-child){stroke:var(--icon-green)}
:is(.mobile-chart-app,.desktop-app) .ui-icon[data-icon=calendar]>circle{fill:var(--icon-green)}
:is(.mobile-chart-app,.desktop-app) .ui-icon[data-icon=transit]>circle:last-child{fill:var(--icon-green)}
:is(.mobile-chart-app,.desktop-app) .ui-icon[data-icon=stability]>:is(circle,path:last-child),
:is(.mobile-chart-app,.desktop-app) .ui-icon[data-icon=activators]>circle{stroke:var(--icon-green)}
:is(.mobile-chart-app,.desktop-app) .ui-icon[data-icon=stability]>circle{fill:var(--icon-green)}
:is(.mobile-chart-app,.desktop-app) :is(.save-btn,.calc-go):not(.ghost):not(.danger)>.ui-icon{--icon-green:#a4dbbf}

:is(.mobile-chart-app,.desktop-app) #settings-open>.ui-icon{color:var(--red)}
:is(.mobile-chart-app,.desktop-app) #calc-open>.ui-icon{--icon-green:#a4dbbf}

.desktop-app .desktop-chart-details .ui-icon:is([data-icon=book],[data-icon=saturn],[data-icon=stability],[data-icon=activators]){color:var(--red)}
.desktop-app .desktop-chart-details .ui-icon[data-icon=saturn]>ellipse{stroke:var(--accent)}