/* Edit icon colors here. Independent from brand and operational status colors. */
:root {
    --tf-icon-widget: #B5D98C;
    --tf-icon-bill: #C8AB7E;
    --tf-icon-book: #8FB39F;
    --tf-icon-table: #BDA38D;
    --tf-icon-chef: #E3DED5;
    --tf-icon-service: #C8AB7E;
    --tf-icon-bar: #C89DAD;
    --tf-icon-station: #90A9C2;
    --tf-icon-team: #A9A6CF;
    --tf-icon-report: #8EB9BC;
    --tf-icon-appearance: #B99ADB;
    --tf-icon-admin-skin: #C4A5DD;
    --tf-icon-operation: #DDB892;
    --tf-icon-ingredient: #8DBE7B;
    --tf-icon-stock: #C7A17A;
    --tf-icon-promo: #D8C36A;
    --tf-icon-areas: #E0B49A;
    --tf-icon-feedback: #D9A3C9;
    --tf-icon-system: #A7B0BD;
}
.tf-asset-icon { width:24px; height:24px; flex-shrink:0; display:inline-block; }
/* Unterpunkte der Systemverwaltung teilen sich die Farbe ihrer Gruppe und sind etwas kleiner. */
.tf-asset-icon[data-icon="modules"],.tf-asset-icon[data-icon="network"],.tf-asset-icon[data-icon="backup"],
.tf-asset-icon[data-icon="pos"],.tf-asset-icon[data-icon="log"],.tf-asset-icon[data-icon="privacy"] { color:var(--tf-icon-system); }
.tf-nav-system-links .tf-asset-icon { width:20px; height:20px; }
.tf-asset-icon[data-icon="widget"] { color:var(--tf-icon-widget); }
.tf-workspace .tf-nav > a:has([data-icon="widget"]) { --tf-item-accent:var(--tf-icon-widget); }
.tf-asset-icon[data-icon="bill"] { color:var(--tf-icon-bill); }
.tf-workspace .tf-nav > a:has([data-icon="bill"]) { --tf-item-accent:var(--tf-icon-bill); }
.tf-asset-icon[data-icon="book"] { color:var(--tf-icon-book); }
.tf-workspace .tf-nav > a:has([data-icon="book"]) { --tf-item-accent:var(--tf-icon-book); }
.tf-asset-icon[data-icon="table"] { color:var(--tf-icon-table); }
.tf-workspace .tf-nav > a:has([data-icon="table"]) { --tf-item-accent:var(--tf-icon-table); }
.tf-asset-icon[data-icon="chef"] { color:var(--tf-icon-chef); }
.tf-workspace .tf-nav > a:has([data-icon="chef"]) { --tf-item-accent:var(--tf-icon-chef); }
.tf-asset-icon[data-icon="service"] { color:var(--tf-icon-service); }
.tf-workspace .tf-nav > a:has([data-icon="service"]) { --tf-item-accent:var(--tf-icon-service); }
.tf-asset-icon[data-icon="bar"] { color:var(--tf-icon-bar); }
.tf-workspace .tf-nav > a:has([data-icon="bar"]) { --tf-item-accent:var(--tf-icon-bar); }
.tf-asset-icon[data-icon="station"] { color:var(--tf-icon-station); }
.tf-workspace .tf-nav > a:has([data-icon="station"]) { --tf-item-accent:var(--tf-icon-station); }
.tf-asset-icon[data-icon="team"] { color:var(--tf-icon-team); }
.tf-workspace .tf-nav > a:has([data-icon="team"]) { --tf-item-accent:var(--tf-icon-team); }
.tf-asset-icon[data-icon="report"] { color:var(--tf-icon-report); }
.tf-workspace .tf-nav > a:has([data-icon="report"]) { --tf-item-accent:var(--tf-icon-report); }
.tf-asset-icon[data-icon="appearance"] { color:var(--tf-icon-appearance); }
.tf-workspace .tf-nav > a:has([data-icon="appearance"]) { --tf-item-accent:var(--tf-icon-appearance); }
.tf-asset-icon[data-icon="admin-skin"] { color:var(--tf-icon-admin-skin); }
.tf-workspace .tf-nav > a:has([data-icon="admin-skin"]) { --tf-item-accent:var(--tf-icon-admin-skin); }
.tf-asset-icon[data-icon="operation"] { color:var(--tf-icon-operation); }
.tf-workspace .tf-nav > a:has([data-icon="operation"]) { --tf-item-accent:var(--tf-icon-operation); }
.tf-asset-icon[data-icon="ingredient"] { color:var(--tf-icon-ingredient); }
.tf-workspace .tf-nav > a:has([data-icon="ingredient"]) { --tf-item-accent:var(--tf-icon-ingredient); }
.tf-asset-icon[data-icon="stock"] { color:var(--tf-icon-stock); }
.tf-workspace .tf-nav > a:has([data-icon="stock"]) { --tf-item-accent:var(--tf-icon-stock); }
.tf-asset-icon[data-icon="promo"] { color:var(--tf-icon-promo); }
.tf-workspace .tf-nav > a:has([data-icon="promo"]) { --tf-item-accent:var(--tf-icon-promo); }
.tf-asset-icon[data-icon="areas"] { color:var(--tf-icon-areas); }
.tf-workspace .tf-nav > a:has([data-icon="areas"]) { --tf-item-accent:var(--tf-icon-areas); }
.tf-asset-icon[data-icon="feedback"] { color:var(--tf-icon-feedback); }
.tf-workspace .tf-nav > a:has([data-icon="feedback"]) { --tf-item-accent:var(--tf-icon-feedback); }
.tf-asset-icon[data-icon="system"] { color:var(--tf-icon-system); }
.tf-workspace .tf-nav > a:has(.tf-asset-icon).active { background:color-mix(in srgb,var(--tf-item-accent) 15%,var(--tf-nav-bg)); border-color:color-mix(in srgb,var(--tf-item-accent) 22%,transparent); }
.tf-workspace .tf-nav > a:has(.tf-asset-icon):hover:not(.active) { background:color-mix(in srgb,var(--tf-item-accent) 7%,var(--tf-nav-bg)); }