/* Единый цветовой язык иконок PWA. Цвет закреплён за функцией и не меняется между экранами. */
.pegas-color-icon{--pegas-icon-a:#1976d2;--pegas-icon-b:#0d47a1;box-sizing:border-box;border-radius:30%;background:linear-gradient(145deg,var(--pegas-icon-a),var(--pegas-icon-b));color:#fff!important;padding:18%;filter:saturate(1.08);box-shadow:0 5px 13px color-mix(in srgb,var(--pegas-icon-b) 28%,transparent);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
button:active .pegas-color-icon{transform:scale(.91);filter:saturate(1.16) brightness(.94)}
.pegas-icon-smart_home,.pegas-icon-my_objects{--pegas-icon-a:#268cff;--pegas-icon-b:#0754bd}
.pegas-icon-family_access,.pegas-icon-contact_directory,.pegas-icon-manager_chat{--pegas-icon-a:#00a99d;--pegas-icon-b:#08756f}
.pegas-icon-requests,.pegas-icon-work_acts{--pegas-icon-a:#ff7043;--pegas-icon-b:#d84315}
.pegas-icon-payments,.pegas-icon-meter_readings,.pegas-icon-billing{--pegas-icon-a:#35b96f;--pegas-icon-b:#08783d}
.pegas-icon-store,.pegas-icon-orders{--pegas-icon-a:#ff5b91;--pegas-icon-b:#b41759}
.pegas-icon-grid,.pegas-icon-app_grid,.pegas-icon-platform_integrations{--pegas-icon-a:#8b6df0;--pegas-icon-b:#5431bd}
.pegas-icon-service_115,.pegas-icon-resident_portal_115{--pegas-icon-a:#28a862;--pegas-icon-b:#0d6a3b}
.pegas-icon-notifications,.pegas-icon-instructions{--pegas-icon-a:#8f63e9;--pegas-icon-b:#5c2ead}
.pegas-icon-loyalty{--pegas-icon-a:#ffb222;--pegas-icon-b:#e16b00}
.pegas-icon-cctv,.pegas-icon-video{--pegas-icon-a:#536dfe;--pegas-icon-b:#2939a8}
.pegas-icon-video_intercom,.pegas-icon-intercom{--pegas-icon-a:#00a8e8;--pegas-icon-b:#006c9e}
.pegas-icon-access_control,.pegas-icon-door_access{--pegas-icon-a:#16b6a1;--pegas-icon-b:#087e72}
.pegas-icon-guest_pass,.pegas-icon-vehicle_pass,.pegas-icon-courier_pass{--pegas-icon-a:#f39c35;--pegas-icon-b:#b65b08}
.pegas-icon-team,.pegas-icon-platform_users{--pegas-icon-a:#19a6b8;--pegas-icon-b:#116677}
.pegas-icon-work_route{--pegas-icon-a:#e9893f;--pegas-icon-b:#a44816}
.pegas-icon-platform_settings{--pegas-icon-a:#6f7d8c;--pegas-icon-b:#374451}
.pegas-icon-medical_button{padding:0!important;background:#fff!important;border-radius:28%;box-shadow:0 5px 14px rgba(215,25,63,.28)}
.pegas-icon-mvd_security{padding:2px!important;border-radius:50%!important;background:linear-gradient(145deg,#eaf1f6,#092a50)!important;box-shadow:0 5px 14px rgba(5,30,64,.3)}
.bottom-nav-icon:has(>.pegas-color-icon),.service-icon:has(>.pegas-color-icon),.home-action>span:first-child:has(>.pegas-color-icon),.object-picker-icon:has(>.pegas-color-icon),.bottom-nav-option-icon:has(>.pegas-color-icon){background:transparent!important;color:inherit!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.bottom-nav-folder-items .bottom-nav-icon>.pegas-color-icon{width:44px!important;height:44px!important}
.workspace-nav .bottom-nav-icon>.pegas-color-icon{width:29px!important;height:29px!important;border-radius:9px!important;padding:5px!important;box-shadow:0 3px 8px color-mix(in srgb,var(--pegas-icon-b) 26%,transparent)}
.workspace-nav .bottom-nav-icon>.pegas-icon-medical_button,.workspace-nav .bottom-nav-icon>.pegas-icon-mvd_security{padding:1px!important}
.workspace-quick .home-action>span:first-child>.pegas-color-icon{width:100%!important;height:100%!important;padding:9px!important;border-radius:14px}
.service-card .service-icon>.pegas-color-icon{width:100%!important;height:100%!important;padding:12px!important;border-radius:16px}
.service-card .service-icon>.pegas-icon-medical_button,.service-card .service-icon>.pegas-icon-mvd_security,.workspace-quick .home-action>span:first-child>.pegas-icon-medical_button,.workspace-quick .home-action>span:first-child>.pegas-icon-mvd_security{padding:3px!important}
.bottom-nav-option-icon>.pegas-color-icon,.object-picker-icon>.pegas-color-icon{width:36px!important;height:36px!important;padding:7px!important;border-radius:11px}
body[data-theme=dark] .pegas-color-icon{filter:saturate(1.12) brightness(1.07);box-shadow:0 5px 15px color-mix(in srgb,var(--pegas-icon-a) 38%,transparent)}
body[data-theme=vision] .pegas-color-icon{--pegas-icon-a:#ffe500;--pegas-icon-b:#ffe500!important;border:2px solid #fff!important;background:#ffe500!important;color:#000!important;box-shadow:none!important}
body[data-theme=vision] .pegas-icon-medical_button{background:#fff!important;border-color:#ffe500!important}
body[data-theme=vision] .pegas-icon-mvd_security{background:#fff!important;border-color:#ffe500!important}
@media(prefers-reduced-motion:reduce){.pegas-color-icon{transition:none}}