/* One icon language throughout AutoPlant Pulse; follows each control's theme and status colour. */
.app-icon{display:inline-block;width:20px;height:20px;min-width:0;flex-shrink:0;vertical-align:middle;pointer-events:none;color:inherit;overflow:visible}
[data-app-icon]{display:inline-flex!important;align-items:center;justify-content:center;flex-direction:row!important;width:20px;height:20px;min-width:20px;flex:0 0 20px;line-height:1;font-style:normal;vertical-align:middle;pointer-events:none;color:inherit}
[data-app-icon]>.app-icon{width:100%;height:100%}
button>[data-app-icon],a>[data-app-icon]{margin-inline-end:6px}
button>[data-app-icon]:last-child,a>[data-app-icon]:last-child{margin-inline-end:0}
.icon-btn>[data-app-icon],.close>[data-app-icon],.logout-btn>[data-app-icon]{margin:0}
.icon-btn,.close,.logout-btn{align-items:center;justify-content:center}
.close{display:inline-flex;min-width:36px;min-height:36px;border-radius:8px;color:var(--muted)}
.close:hover{color:var(--ink);background:var(--surface2)}
#nav button>i{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;font-style:normal;flex-shrink:0;color:#90bada}
#nav button>i .app-icon{width:21px;height:21px}
#nav button.active>i,#nav button:hover>i{color:#fff}
#nav [data-private-route] em [data-app-icon]{width:13px;height:13px;min-width:13px;flex-basis:13px}
.stat-icon .app-icon,.machine .app-icon,.doc-icon .app-icon{width:24px;height:24px}
.stat-icon>[data-app-icon],.doc-icon>[data-app-icon]{width:26px;height:26px;min-width:26px;flex-basis:26px}
.plant-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}
.plant-icon [data-app-icon]{width:18px;height:18px;min-width:18px;flex-basis:18px}
.notification-item>i [data-app-icon]{width:18px;height:18px;min-width:18px;flex-basis:18px}
.notification-empty>[data-app-icon]{width:32px;height:32px;min-width:32px;flex-basis:32px}
.planner-tabs button [data-app-icon],.planner-link [data-app-icon],.recurrence-tag [data-app-icon],.sub>[data-app-icon]{width:16px;height:16px;min-width:16px;flex-basis:16px;margin-right:4px}
.planner-card footer [data-app-icon]{width:14px;height:14px;min-width:14px;flex-basis:14px}
.search:before{content:'';width:17px;height:17px;top:50%;transform:translateY(-50%);background:var(--muted);mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");pointer-events:none}
.predictive-page .sensor-kpis>div>i .app-icon{width:28px;height:28px}
.asset-tree summary:before,.asset-tree details[open]>summary:before{content:'';display:block;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg);flex:0 0 8px;margin-right:4px}
.asset-tree details[open]>summary:before{transform:rotate(45deg)}
.predictive-machine>summary::after,.predictive-history>summary::after{content:'';display:block;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;flex:0 0 8px;transform:rotate(45deg);margin-right:4px}
.predictive-machine:not([open])>summary::after,.predictive-history:not([open])>summary::after{transform:rotate(45deg)}
.predictive-machine[open]>summary::after,.predictive-history[open]>summary::after{transform:rotate(225deg)}
@media(max-width:620px){.icon-btn,.close{min-width:36px;min-height:36px}.planner-tabs button [data-app-icon]{flex-shrink:0}.app-icon{max-width:100%}}
@media(forced-colors:active){.app-icon{color:ButtonText}.search:before{background:CanvasText}}