:host{--wm:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDg4IDEwMjYiPgogIDxwYXRoIGQ9Ik0xMjIyLjgyNiA4MjAuNDUwTDEwOTcuNjY2IDgyMC40NTBMMTA5Ny42NjYgMTI5LjU0MUwxMzU2Ljc1NyAxMjkuNTQxUTE0MzYuMzc0IDEyOS41NDEgMTQ5MC41MjAgMTU5LjIyOFExNTQ0LjY2NiAxODguOTE2IDE1NzIuNDk4IDI0MC43MDBRMTYwMC4zMzAgMjkyLjQ4NSAxNjAwLjMzMCAzNTguMjcwUTE2MDAuMzMwIDQyNC43MjkgMTU3Mi4zMjkgNDc2LjM0NVExNTQ0LjMyOCA1MjcuOTYxIDE0ODkuNjc2IDU1Ny40NzlRMTQzNS4wMjQgNTg2Ljk5OCAxMzU1LjA3MCA1ODYuOTk4TDExODMuMzU1IDU4Ni45OThMMTE4My4zNTUgNDg0LjEwNEwxMzM4LjIwMyA0ODQuMTA0UTEzODQuNzU4IDQ4NC4xMDQgMTQxNC40NDUgNDY3LjkxMVExNDQ0LjEzMyA0NTEuNzE4IDE0NTguNDcxIDQyMy4zODBRMTQ3Mi44MDggMzk1LjA0MiAxNDcyLjgwOCAzNTguMjcwUTE0NzIuODA4IDMyMS40OTggMTQ1OC40NzEgMjkzLjQ5N1ExNDQ0LjEzMyAyNjUuNDk2IDE0MTQuMjc3IDI0OS44MDlRMTM4NC40MjEgMjM0LjEyMiAxMzM3LjUyOCAyMzQuMTIyTDEyMjIuODI2IDIzNC4xMjJMMTIyMi44MjYgODIwLjQ1ME0xNzAzLjU2MSAxMjkuNTQxTDE4MjUuNjg1IDEyOS41NDFMMTgyNS42ODUgODIwLjQ1MEwxNzAzLjU2MSA4MjAuNDUwTDE3MDMuNTYxIDEyOS41NDFNMjI4MS40NTUgNjAyLjUxN0wyMjgxLjQ1NSAzMDIuMjY4TDI0MDMuNTc5IDMwMi4yNjhMMjQwMy41NzkgODIwLjQ1MEwyMjg1LjE2NiA4MjAuNDUwTDIyODUuMTY2IDcyOC4zNTFMMjI3OS43NjkgNzI4LjM1MVEyMjYyLjIyNiA3NzEuODcwIDIyMjIuMjQ5IDc5OS41MzRRMjE4Mi4yNzIgODI3LjE5NyAyMTIzLjkwOSA4MjcuMTk3UTIwNzIuOTY4IDgyNy4xOTcgMjAzNC4wMDMgODA0LjQyNVExOTk1LjAzOCA3ODEuNjU0IDE5NzMuMTEwIDczNy45NjZRMTk1MS4xODIgNjk0LjI3OCAxOTUxLjE4MiA2MzIuMjA0TDE5NTEuMTgyIDMwMi4yNjhMMjA3My4zMDYgMzAyLjI2OEwyMDczLjMwNiA2MTMuMzEyUTIwNzMuMzA2IDY2Mi41NjYgMjEwMC4yOTQgNjkxLjU3OVEyMTI3LjI4MyA3MjAuNTkyIDIxNzEuMTM5IDcyMC41OTJRMjE5OC4xMjggNzIwLjU5MiAyMjIzLjQzMCA3MDcuNDM1UTIyNDguNzMyIDY5NC4yNzggMjI2NS4wOTQgNjY4LjEzM1EyMjgxLjQ1NSA2NDEuOTg4IDIyODEuNDU1IDYwMi41MTdNMjc1NC40MzEgMTAyNS41NjRRMjY4OC42NDYgMTAyNS41NjQgMjY0MS40MTYgMTAwNy44NTJRMjU5NC4xODYgOTkwLjE0MSAyNTY1LjUxMSA5NjAuNDU0UTI1MzYuODM1IDkzMC43NjYgMjUyNS43MDMgODk0LjY2OUwyNjM1LjY4MSA4NjguMDE3UTI2NDMuMTAzIDg4My4xOTkgMjY1Ny4yNzIgODk4LjIxMVEyNjcxLjQ0MSA5MTMuMjIzIDI2OTUuNTYyIDkyMy4xNzVRMjcxOS42ODMgOTMzLjEyOCAyNzU2LjQ1NSA5MzMuMTI4UTI4MDguNDA4IDkzMy4xMjggMjg0Mi40ODIgOTA3Ljk5NFEyODc2LjU1NSA4ODIuODYxIDI4NzYuNTU1IDgyNS41MTBMMjg3Ni41NTUgNzI3LjMzOUwyODcwLjQ4MiA3MjcuMzM5UTI4NjEuMDM2IDc0Ni4yMzEgMjg0Mi45ODggNzY2LjEzNVEyODI0LjkzOSA3ODYuMDM5IDI3OTUuNDIwIDc5OS41MzRRMjc2NS45MDEgODEzLjAyOCAyNzIxLjM3MCA4MTMuMDI4UTI2NjEuNjU4IDgxMy4wMjggMjYxMy4yNDcgNzg0Ljg1OVEyNTY0LjgzNiA3NTYuNjg5IDI1MzYuMzI5IDcwMC41MTlRMjUwNy44MjMgNjQ0LjM0OSAyNTA3LjgyMyA1NTkuNjcyUTI1MDcuODIzIDQ3NC4zMjEgMjUzNi4zMjkgNDE1LjQ1MlEyNTY0LjgzNiAzNTYuNTgzIDI2MTMuNDE2IDMyNi4wNTJRMjY2MS45OTUgMjk1LjUyMSAyNzIxLjcwNyAyOTUuNTIxUTI3NjcuMjUxIDI5NS41MjEgMjc5Ni43NzAgMzEwLjg3MVEyODI2LjI4OCAzMjYuMjIxIDI4NDMuODMxIDM0Ny42NDNRMjg2MS4zNzQgMzY5LjA2NSAyODcwLjQ4MiAzODcuOTU3TDI4NzcuMjMwIDM4Ny45NTdMMjg3Ny4yMzAgMzAyLjI2OEwyOTk3LjY2NiAzMDIuMjY4TDI5OTcuNjY2IDgyOC44ODRRMjk5Ny42NjYgODk1LjM0MyAyOTY1Ljk1NSA5MzguODYzUTI5MzQuMjQzIDk4Mi4zODIgMjg3OS4yNTQgMTAwMy45NzNRMjgyNC4yNjQgMTAyNS41NjQgMjc1NC40MzEgMTAyNS41NjRNMjc1NS40NDMgNzE3LjIxOFEyNzk0LjIzOSA3MTcuMjE4IDI4MjEuNTY1IDY5OC4zMjZRMjg0OC44OTEgNjc5LjQzNCAyODYzLjA2MCA2NDQuMDEyUTI4NzcuMjMwIDYwOC41ODkgMjg3Ny4yMzAgNTU4Ljk5OFEyODc3LjIzMCA1MTAuMDgxIDI4NjMuMjI5IDQ3My4zMDlRMjg0OS4yMjkgNDM2LjUzNyAyODIyLjA3MSA0MTYuMTI2UTI3OTQuOTE0IDM5NS43MTYgMjc1NS40NDMgMzk1LjcxNlEyNzE0LjYyMyAzOTUuNzE2IDI2ODcuMjk3IDQxNi45NzBRMjY1OS45NzEgNDM4LjIyMyAyNjQ2LjEzOSA0NzUuMTY0UTI2MzIuMzA4IDUxMi4xMDUgMjYzMi4zMDggNTU4Ljk5OFEyNjMyLjMwOCA2MDYuNTY1IDI2NDYuMzA4IDY0Mi4xNTZRMjY2MC4zMDggNjc3Ljc0OCAyNjg3LjgwMyA2OTcuNDgzUTI3MTUuMjk4IDcxNy4yMTggMjc1NS40NDMgNzE3LjIxOE0zMzQ5LjE5MyA4MzAuNTcxUTMyNzEuNjAxIDgzMC41NzEgMzIxNi4xMDYgNzk2LjQ5OFEzMTYwLjYxMCA3NjIuNDI0IDMxMzAuNzU0IDcwMi4yMDZRMzEwMC44OTggNjQxLjk4OCAzMTAwLjg5OCA1NjMuMzgzUTMxMDAuODk4IDQ4NC40NDEgMzEzMS4yNjAgNDIzLjg4NlEzMTYxLjYyMiAzNjMuMzMwIDMyMTcuMTE4IDMyOS40MjVRMzI3Mi42MTMgMjk1LjUyMSAzMzQ4LjUxOSAyOTUuNTIxUTM0MTEuNjA1IDI5NS41MjEgMzQ2MC4zNTMgMzE4LjYzMFEzNTA5LjEwMSAzNDEuNzM5IDM1MzguMTE0IDM4My43NDBRMzU2Ny4xMjcgNDI1Ljc0MSAzNTcxLjE3NSA0ODEuNzQzTDM0NTQuNDQ5IDQ4MS43NDNRMzQ0Ny4zNjQgNDQ0LjI5NiAzNDIwLjg4MiA0MTkuMTYzUTMzOTQuMzk5IDM5NC4wMzAgMzM1MC4yMDUgMzk0LjAzMFEzMzEyLjc1OSAzOTQuMDMwIDMyODQuNDIxIDQxNC4xMDJRMzI1Ni4wODIgNDM0LjE3NSAzMjQwLjM5NSA0NzEuNjIyUTMyMjQuNzA4IDUwOS4wNjkgMzIyNC43MDggNTYxLjM1OVEzMjI0LjcwOCA2MTQuMzI0IDMyNDAuMjI3IDY1Mi4yNzdRMzI1NS43NDUgNjkwLjIzMCAzMjgzLjkxNSA3MTAuNjQwUTMzMTIuMDg0IDczMS4wNTAgMzM1MC4yMDUgNzMxLjA1MFEzMzc3LjE5NCA3MzEuMDUwIDMzOTguNjE2IDcyMC43NjFRMzQyMC4wMzggNzEwLjQ3MSAzNDM0LjU0NSA2OTAuOTA1UTM0NDkuMDUxIDY3MS4zMzggMzQ1NC40NDkgNjQzLjMzN0wzNTcxLjE3NSA2NDMuMzM3UTM1NjYuNzg5IDY5OC4zMjYgMzUzOC43ODggNzQwLjY2NVEzNTEwLjc4OCA3ODMuMDAzIDM0NjIuNTQ2IDgwNi43ODdRMzQxNC4zMDMgODMwLjU3MSAzMzQ5LjE5MyA4MzAuNTcxTTM3OTMuODMxIDUxNi44MjhMMzc5My44MzEgODIwLjQ1MEwzNjcxLjcwNyA4MjAuNDUwTDM2NzEuNzA3IDEyOS41NDFMMzc5MS4xMzIgMTI5LjU0MUwzNzkxLjEzMiAzOTAuMzE5TDM3OTcuMjA1IDM5MC4zMTlRMzgxNS40MjIgMzQ2LjQ2MiAzODUzLjcxMiAzMjAuOTkyUTM4OTIuMDAyIDI5NS41MjEgMzk1MS4zNzcgMjk1LjUyMVE0MDA1LjM1NSAyOTUuNTIxIDQwNDUuNTAwIDMxOC4xMjRRNDA4NS42NDYgMzQwLjcyNyA0MTA3Ljc0MyAzODQuMjQ2UTQxMjkuODQwIDQyNy43NjUgNDEyOS44NDAgNDkwLjUxNEw0MTI5Ljg0MCA4MjAuNDUwTDQwMDcuNzE2IDgyMC40NTBMNDAwNy43MTYgNTA5LjQwNlE0MDA3LjcxNiA0NTcuMTE1IDM5ODAuODk2IDQyNy45MzRRMzk1NC4wNzYgMzk4Ljc1MyAzOTA1LjgzNCAzOTguNzUzUTM4NzMuNDQ4IDM5OC43NTMgMzg0Ny45NzcgNDEyLjc1M1EzODIyLjUwNyA0MjYuNzUzIDM4MDguMTY5IDQ1My4wNjdRMzc5My44MzEgNDc5LjM4MSAzNzkzLjgzMSA1MTYuODI4TTQ0ODAuMDE3IDgzMC41NzFRNDQwNC4xMTIgODMwLjU3MSA0MzQ4LjQ0OCA3OTcuMTcyUTQyOTIuNzgzIDc2My43NzQgNDI2Mi4yNTMgNzAzLjcyNFE0MjMxLjcyMiA2NDMuNjc0IDQyMzEuNzIyIDU2My4zODNRNDIzMS43MjIgNDgzLjA5MiA0MjYyLjI1MyA0MjIuNzA1UTQyOTIuNzgzIDM2Mi4zMTggNDM0OC40NDggMzI4LjkxOVE0NDA0LjExMiAyOTUuNTIxIDQ0ODAuMDE3IDI5NS41MjFRNDU1NS45MjMgMjk1LjUyMSA0NjExLjU4NyAzMjguOTE5UTQ2NjcuMjUxIDM2Mi4zMTggNDY5Ny43ODIgNDIyLjcwNVE0NzI4LjMxMyA0ODMuMDkyIDQ3MjguMzEzIDU2My4zODNRNDcyOC4zMTMgNjQzLjY3NCA0Njk3Ljc4MiA3MDMuNzI0UTQ2NjcuMjUxIDc2My43NzQgNDYxMS41ODcgNzk3LjE3MlE0NTU1LjkyMyA4MzAuNTcxIDQ0ODAuMDE3IDgzMC41NzFNNDQ4MC42OTIgNzMyLjczN1E0NTIxLjg1MCA3MzIuNzM3IDQ1NDkuNTEzIDcwOS45NjVRNDU3Ny4xNzYgNjg3LjE5NCA0NTkwLjgzOSA2NDguNzM1UTQ2MDQuNTAyIDYxMC4yNzYgNDYwNC41MDIgNTYzLjA0NlE0NjA0LjUwMiA1MTUuNDc4IDQ1OTAuODM5IDQ3Ni44NTFRNDU3Ny4xNzYgNDM4LjIyMyA0NTQ5LjUxMyA0MTUuMjgzUTQ1MjEuODUwIDM5Mi4zNDMgNDQ4MC42OTIgMzkyLjM0M1E0NDM4LjUyMiAzOTIuMzQzIDQ0MTAuNjkwIDQxNS4yODNRNDM4Mi44NTggNDM4LjIyMyA0MzY5LjE5NSA0NzYuODUxUTQzNTUuNTMyIDUxNS40NzggNDM1NS41MzIgNTYzLjA0NlE0MzU1LjUzMiA2MTAuMjc2IDQzNjkuMTk1IDY0OC43MzVRNDM4Mi44NTggNjg3LjE5NCA0NDEwLjY5MCA3MDkuOTY1UTQ0MzguNTIyIDczMi43MzcgNDQ4MC42OTIgNzMyLjczN000OTUzLjY2OCA4MjAuNDUwTDQ4MzEuNTQ0IDgyMC40NTBMNDgzMS41NDQgMzAyLjI2OEw0OTUzLjY2OCAzMDIuMjY4TDQ5NTMuNjY4IDgyMC40NTBNNDg5Mi45NDMgMjI4LjcyNFE0ODYzLjkzMSAyMjguNzI0IDQ4NDMuMDE0IDIwOS4zMjZRNDgyMi4wOTggMTg5LjkyOCA0ODIyLjA5OCAxNjIuNjAyUTQ4MjIuMDk4IDEzNC45MzkgNDg0My4wMTQgMTE1LjU0MVE0ODYzLjkzMSA5Ni4xNDIgNDg5Mi45NDMgOTYuMTQyUTQ5MjIuMjkzIDk2LjE0MiA0OTQzLjA0MSAxMTUuNTQxUTQ5NjMuNzg4IDEzNC45MzkgNDk2My43ODggMTYyLjYwMlE0OTYzLjc4OCAxODkuOTI4IDQ5NDMuMDQxIDIwOS4zMjZRNDkyMi4yOTMgMjI4LjcyNCA0ODkyLjk0MyAyMjguNzI0TTUzMDUuMTk1IDgzMC41NzFRNTIyNy42MDIgODMwLjU3MSA1MTcyLjEwNyA3OTYuNDk4UTUxMTYuNjEyIDc2Mi40MjQgNTA4Ni43NTUgNzAyLjIwNlE1MDU2Ljg5OSA2NDEuOTg4IDUwNTYuODk5IDU2My4zODNRNTA1Ni44OTkgNDg0LjQ0MSA1MDg3LjI2MSA0MjMuODg2UTUxMTcuNjI0IDM2My4zMzAgNTE3My4xMTkgMzI5LjQyNVE1MjI4LjYxNCAyOTUuNTIxIDUzMDQuNTIwIDI5NS41MjFRNTM2Ny42MDYgMjk1LjUyMSA1NDE2LjM1NCAzMTguNjMwUTU0NjUuMTAyIDM0MS43MzkgNTQ5NC4xMTUgMzgzLjc0MFE1NTIzLjEyOCA0MjUuNzQxIDU1MjcuMTc2IDQ4MS43NDNMNTQxMC40NTAgNDgxLjc0M1E1NDAzLjM2NiA0NDQuMjk2IDUzNzYuODgzIDQxOS4xNjNRNTM1MC40MDEgMzk0LjAzMCA1MzA2LjIwNyAzOTQuMDMwUTUyNjguNzYwIDM5NC4wMzAgNTI0MC40MjIgNDE0LjEwMlE1MjEyLjA4NCA0MzQuMTc1IDUxOTYuMzk3IDQ3MS42MjJRNTE4MC43MTAgNTA5LjA2OSA1MTgwLjcxMCA1NjEuMzU5UTUxODAuNzEwIDYxNC4zMjQgNTE5Ni4yMjggNjUyLjI3N1E1MjExLjc0NyA2OTAuMjMwIDUyMzkuOTE2IDcxMC42NDBRNTI2OC4wODUgNzMxLjA1MCA1MzA2LjIwNyA3MzEuMDUwUTUzMzMuMTk1IDczMS4wNTAgNTM1NC42MTggNzIwLjc2MVE1Mzc2LjA0MCA3MTAuNDcxIDUzOTAuNTQ2IDY5MC45MDVRNTQwNS4wNTMgNjcxLjMzOCA1NDEwLjQ1MCA2NDMuMzM3TDU1MjcuMTc2IDY0My4zMzdRNTUyMi43OTEgNjk4LjMyNiA1NDk0Ljc5MCA3NDAuNjY1UTU0NjYuNzg5IDc4My4wMDMgNTQxOC41NDcgODA2Ljc4N1E1MzcwLjMwNSA4MzAuNTcxIDUzMDUuMTk1IDgzMC41NzFNNTg1Ny4xMTIgODMwLjU3MVE1Nzc5LjE4MyA4MzAuNTcxIDU3MjIuNjc1IDc5OC4wMTZRNTY2Ni4xNjggNzY1LjQ2MSA1NjM1LjgwNiA3MDUuNTgwUTU2MDUuNDQzIDY0NS42OTkgNTYwNS40NDMgNTY0LjM5NVE1NjA1LjQ0MyA0ODQuNDQxIDU2MzUuOTc0IDQyMy44ODZRNTY2Ni41MDUgMzYzLjMzMCA1NzIxLjQ5NCAzMjkuNDI1UTU3NzYuNDg0IDI5NS41MjEgNTg1MC43MDMgMjk1LjUyMVE1ODk4LjYwNyAyOTUuNTIxIDU5NDEuMjgzIDMxMC44NzFRNTk4My45NTkgMzI2LjIyMSA2MDE2Ljg1MSAzNTguMjcwUTYwNDkuNzQ0IDM5MC4zMTkgNjA2OC42MzYgNDM5Ljc0MlE2MDg3LjUyOCA0ODkuMTY0IDYwODcuNTI4IDU1Ny4zMTFMNjA4Ny41MjggNTk0Ljc1OEw1NjYyLjc5NCA1OTQuNzU4TDU2NjIuNzk0IDUxMi40NDJMNTk3MC40NjUgNTEyLjQ0MlE1OTcwLjEyNyA0NzcuMzU3IDU5NTUuMjgzIDQ0OS44NjJRNTk0MC40NDAgNDIyLjM2OCA1OTEzLjk1NyA0MDYuNTEyUTU4ODcuNDc1IDM5MC42NTYgNTg1Mi4zODkgMzkwLjY1NlE1ODE0Ljk0MyAzOTAuNjU2IDU3ODYuNjA1IDQwOC43MDVRNTc1OC4yNjYgNDI2Ljc1MyA1NzQyLjU3OSA0NTUuOTM1UTU3MjYuODkyIDQ4NS4xMTYgNTcyNi41NTUgNTE5Ljg2NEw1NzI2LjU1NSA1OTEuNzIxUTU3MjYuNTU1IDYzNi45MjcgNTc0My4wODUgNjY5LjE0NVE1NzU5LjYxNiA3MDEuMzYzIDU3ODkuMzAzIDcxOC4zOTlRNTgxOC45OTEgNzM1LjQzNiA1ODU4Ljc5OSA3MzUuNDM2UTU4ODUuNDUwIDczNS40MzYgNTkwNy4wNDEgNzI3Ljg0NVE1OTI4LjYzMiA3MjAuMjU1IDU5NDQuNDg4IDcwNS40MTFRNTk2MC4zNDQgNjkwLjU2NyA1OTY4LjQ0MCA2NjguNjM5TDYwODIuNDY3IDY4MS40NTlRNjA3MS42NzIgNzI2LjY2NCA2MDQxLjQ3OCA3NjAuMjMyUTYwMTEuMjg1IDc5My43OTkgNTk2NC4zOTIgODEyLjE4NVE1OTE3LjQ5OSA4MzAuNTcxIDU4NTcuMTEyIDgzMC41NzEiLz4KICA8Zz4KICAgIDxwYXRoIGQ9Ik0zOTMuMDgsOTQ1LjQ5Yy0xLjcxLDAtMy40NS0uMzItNS4wNS0uOTItLjA5LS4wNC0xNC43My01Ljg5LTE0LjczLTUuODktNS4xMS0yLjA2LTEwLjIxLTQuMTEtMTUuMzQtNi4xNy00MC45OC0xNi40NS04My4zNi0zMy40Ny0xMjQuNTktNTMuNzMtNTQuOTUtMjYuOTItOTYuNTEtNTQuMzUtMTMwLjc3LTg2LjM0LTI3LjctMjUuOTQtNTAuMDEtNTUuMDQtNjYuMzMtODYuNUMxMi4wOCw2NTkuNzItLjEzLDYwNi40NSwwLDU0Ny42NVYxNjkuMzFjMC01Ljg5LDMuNTMtMTEuMTEsOC45OC0xMy4zMUwzNzMuMDksOC4wMWwxNC41OS01LjkyYzEuNy0uNjksMy41Ni0xLjA1LDUuMzktMS4wNXMzLjY0LjM1LDUuMzQsMS4wM2wxNjAuNzksNjUuMThjNC4yMSwxLjcsNy4zOSw1LjM1LDguNTIsOS43NSwxLjEyLDQuNC4wOCw5LjEzLTIuOCwxMi42NS0xNS45NCwxOS4yNS0yOC4xNCw0MC43Ni0zNi4zMiw2My45OS0yLDUuNzItNy40NCw5LjU5LTEzLjU0LDkuNTktMS44NCwwLTMuNzItLjM3LTUuNDMtMS4wN2wtMTE2LjU3LTQ3LjQ2TDEwNi4zNSwyMzEuMjZ2MzE2LjQyYy4xMiw0Mi4xMyw4LjA1LDc3Ljg3LDI0LjI1LDEwOS4yLDE0LjM1LDI3LjU0LDM1LjQ0LDUyLjAzLDY0LjQ0LDc0Ljg0LDUyLjkxLDQxLjYzLDEyOS40OSw3Mi44MSwxOTguMDMsMTAwLjI2LDM4LjIzLTE1LjMyLDc3LjQxLTMxLjE2LDExMi45LTQ4LjU5LDQ1LjAxLTIyLjE1LDc5LjMzLTQ0LjU3LDEwNC45LTY4LjUzLDE5LjEyLTE3Ljk1LDMzLjc0LTM2LjkzLDQ0LjY5LTU4LjAxLDE2LjI4LTMxLjI0LDI0LjI1LTY2Ljk2LDI0LjM3LTEwOS4yMnYtOTcuNjJjMC03LjkyLDYuNDQtMTQuMzUsMTQuMzUtMTQuMzUuNzIsMCwxLjQ2LjA2LDIuMTguMTcsMTAuNzIsMS43MiwyMS43NSwyLjU4LDMyLjg4LDIuNTgsMTMuNSwwLDI2Ljk0LTEuMjQsMzkuOTMtMy42OC44Ny0uMTYsMS43Ny0uMjUsMi42NS0uMjUsNy45MiwwLDE0LjM1LDYuNDQsMTQuMzUsMTQuMzV2OTguODRjMCw1OS4wMy0xMi4yMSwxMTIuMjktMzYuMjksMTU4LjMyLTIxLjQ2LDQxLjE0LTUyLjgzLDc3Ljk2LTkzLjI0LDEwOS40Mi02Ni4zNyw1MS43LTE0NC43OSw4My4zMi0yMjAuNjMsMTEzLjktNy43NCwzLjEyLTE1LjQzLDYuMjItMjMuMDYsOS4zMi0uMDQuMDItMTQuODIsNS44Ny0xNC44Nyw1Ljg5LTEuNjIuNjItMy4zOS45NC01LjEyLjk0WiIvPgogICAgPHBhdGggZD0iTTM5NS41NSw2MzMuNjdjLTguOTcsMC0xNy4zOS0zLjQ5LTIzLjczLTkuODNsLTE0NS44OS0xNDUuODljLTIxLjU4LTIxLjU4LTIzLjg4LTU1LjQtNS4zNS03OC42NiwxMS4yNC0xNC4xMSwyNy45OS0yMi4yLDQ1Ljk2LTIyLjIsMTUuNjYsMCwzMC4zNyw2LjA4LDQxLjQyLDE3LjEzbDgzLjk4LDgzLjk4YzEuMywxLjMsMi44MywxLjUsMy42MiwxLjVzMi4zMS0uMTksMy42Mi0xLjVsMjgyLjkyLTI4Mi45MmMyLjc4LTIuNzgsNi40Mi00LjE3LDEwLjA2LTQuMTdzNy4yOCwxLjM5LDEwLjA2LDQuMTdsNjIuNzYsNjIuNzZjMi42NywyLjY3LDQuMTcsNi4yOSw0LjE3LDEwLjA2cy0xLjUsNy4zOS00LjE3LDEwLjA2bC0zNDUuNjksMzQ1LjY5Yy02LjM0LDYuMzQtMTQuNzcsOS44My0yMy43Myw5LjgzWiIvPgogICAgPHBhdGggZD0iTTczMS4xOSw0MDUuMDJjLTQ3LjA3LDAtOTEuMjgtMTguMjgtMTI0LjQ4LTUxLjQ4LTYyLjQ2LTYyLjQ2LTY4Ljg2LTE2Mi4yMy0xNC44OC0yMzIuMDYsNC45LTYuMzQsMTIuMzMtOS45NywyMC4zOS05Ljk3LDYuOTYsMCwxMy41MSwyLjcxLDE4LjQ0LDcuNjNsMjEwLjQ0LDIxMC40NGM1LjMsNS4zLDguMDYsMTIuNjIsNy41OCwyMC4xLS40Nyw3LjQtNC4wOSwxNC4yMi05LjkyLDE4LjczLTMwLjUzLDIzLjYtNjguNzQsMzYuNi0xMDcuNTgsMzYuNmgwWiIvPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik03MjAuMzIsODcuNjFsLTMyLjI4LDMyLjI4Yy02LjgsNi44LTYuMjEsMTguNDIsMS4zMywyNS45NmwyNC45LDI0LjljNy41Myw3LjUzLDE5LjE2LDguMTMsMjUuOTYsMS4zM2wzMi4yOC0zMi4yOGM2LjgtNi44LDYuMjEtMTguNDItMS4zMy0yNS45NmwtMjQuOS0yNC45Yy03LjUzLTcuNTMtMTkuMTYtOC4xMy0yNS45Ni0xLjMzWiIvPgogICAgICA8cGF0aCBkPSJNODE1LjE5LDE4Mi40OGwtMzIuMjgsMzIuMjhjLTYuOCw2LjgtNi4yMSwxOC40MiwxLjMzLDI1Ljk2bDI0LjksMjQuOWM3LjUzLDcuNTMsMTkuMTYsOC4xMywyNS45NiwxLjMzbDMyLjI4LTMyLjI4YzYuOC02LjgsNi4yMS0xOC40Mi0xLjMzLTI1Ljk2bC0yNC45LTI0LjljLTcuNTMtNy41My0xOS4xNi04LjEzLTI1Ljk2LTEuMzNaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=");--mark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+CiAgPHJlY3Qgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGZpbGw9IiMwQjEyMjAiLz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NS43OTcxIDcxLjY4MDApIHNjYWxlKDAuMzY4NjQwKSIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8cGF0aCBkPSJNNDE2LjIsMTAwMGMtMS44MSwwLTMuNjUtLjM0LTUuMzUtLjk3LS4xLS4wNC0xNS42LTYuMjQtMTUuNi02LjI0LTUuNDEtMi4xOC0xMC44Mi00LjM1LTE2LjI0LTYuNTMtNDMuNC0xNy40Mi04OC4yNy0zNS40NC0xMzEuOTItNTYuODktNTguMTgtMjguNS0xMDIuMTgtNTcuNTUtMTM4LjQ2LTkxLjQxLTI5LjMzLTI3LjQ3LTUyLjk1LTU4LjI4LTcwLjIzLTkxLjU5QzEyLjc5LDY5Ny40Mi0uMTQsNjQxLjAxLDAsNTc4Ljc2VjE3OC4xN2MwLTYuMjMsMy43My0xMS43Niw5LjUxLTE0LjFMMzk1LjA0LDcuMzhsMTUuNDUtNi4yNmMxLjgtLjczLDMuNzctMS4xMSw1LjcxLTEuMTFzMy44NS4zNyw1LjY2LDEuMDlsMTcwLjI1LDY5LjAyYzQuNDUsMS44LDcuODMsNS42Niw5LjAyLDEwLjMyLDEuMTksNC42Ni4wOCw5LjY3LTIuOTcsMTMuMzktMTYuODcsMjAuMzktMjkuNzksNDMuMTYtMzguNDUsNjcuNzYtMi4xMiw2LjA2LTcuODgsMTAuMTUtMTQuMzMsMTAuMTUtMS45NSwwLTMuOTQtLjM5LTUuNzUtMS4xM2wtMTIzLjQyLTUwLjI1TDExMi42MSwyNDMuNzZ2MzM1LjAzYy4xMiw0NC42MSw4LjUyLDgyLjQ1LDI1LjY3LDExNS42MywxNS4xOSwyOS4xNiwzNy41Miw1NS4wOSw2OC4yMyw3OS4yNCw1Ni4wMiw0NC4wOCwxMzcuMTEsNzcuMDksMjA5LjY4LDEwNi4xNiw0MC40OC0xNi4yMiw4MS45Ny0zMywxMTkuNTQtNTEuNDUsNDcuNjYtMjMuNDUsODMuOTktNDcuMTksMTExLjA3LTcyLjU2LDIwLjI0LTE5LjAxLDM1LjcyLTM5LjEsNDcuMzItNjEuNDIsMTcuMjQtMzMuMDcsMjUuNjctNzAuOSwyNS44LTExNS42NHYtMTAzLjM2YzAtOC4zOCw2LjgyLTE1LjIsMTUuMi0xNS4yLjc2LDAsMS41NS4wNiwyLjMxLjE4LDExLjM1LDEuODIsMjMuMDMsMi43MywzNC44MiwyLjczLDE0LjMsMCwyOC41Mi0xLjMxLDQyLjI4LTMuODkuOTItLjE3LDEuODctLjI2LDIuODEtLjI2LDguMzgsMCwxNS4yLDYuODIsMTUuMiwxNS4ydjEwNC42NWMwLDYyLjUtMTIuOTMsMTE4LjktMzguNDIsMTY3LjYzLTIyLjcyLDQzLjU2LTU1Ljk0LDgyLjU1LTk4LjcyLDExNS44Ni03MC4yNyw1NC43NS0xNTMuMzEsODguMjMtMjMzLjYxLDEyMC42LTguMTksMy4zLTE2LjM0LDYuNTktMjQuNDEsOS44Ny0uMDQuMDItMTUuNjksNi4yMi0xNS43NSw2LjI0LTEuNzEuNjUtMy41OSwxLTUuNDIsMVoiLz4KICAgIDxwYXRoIGQ9Ik00MTguODIsNjY5Ljg0Yy05LjQ5LDAtMTguNDItMy43LTI1LjEzLTEwLjQxbC0xNTQuNDctMTU0LjQ3Yy0yMi44NS0yMi44NS0yNS4yOS01OC42Ni01LjY3LTgzLjI5LDExLjktMTQuOTQsMjkuNjMtMjMuNTEsNDguNjYtMjMuNTEsMTYuNTgsMCwzMi4xNSw2LjQ0LDQzLjg1LDE4LjE0bDg4LjkyLDg4LjkyYzEuMzgsMS4zOCwyLjk5LDEuNTksMy44MywxLjU5czIuNDUtLjIxLDMuODMtMS41OWwyOTkuNTYtMjk5LjU3YzIuOTQtMi45NCw2Ljc5LTQuNDEsMTAuNjUtNC40MXM3LjcxLDEuNDcsMTAuNjUsNC40MWw2Ni40Niw2Ni40NmMyLjgyLDIuODIsNC40MSw2LjY1LDQuNDEsMTAuNjVzLTEuNTksNy44Mi00LjQxLDEwLjY1bC0zNjYuMDIsMzY2LjAyYy02LjcxLDYuNzEtMTUuNjQsMTAuNDEtMjUuMTMsMTAuNDFaIi8+CiAgICA8cGF0aCBkPSJNNzc0LjIsNDI3LjczYy00OS44NCwwLTk2LjY1LTE5LjM2LTEzMS44LTU0LjUxLTY2LjE0LTY2LjE0LTcyLjkxLTE3MS43Ny0xNS43Ni0yNDUuNzEsNS4xOS02LjcxLDEzLjA2LTEwLjU2LDIxLjU5LTEwLjU2LDcuMzcsMCwxNC4zMSwyLjg3LDE5LjUyLDguMDhsMjIyLjgyLDIyMi44MmM1LjYxLDUuNjEsOC41MywxMy4zNiw4LjAzLDIxLjI4LS41LDcuODMtNC4zMywxNS4wNi0xMC41LDE5LjgzLTMyLjMzLDI0Ljk5LTcyLjc4LDM4Ljc1LTExMy45LDM4Ljc1aDBaIi8+CiAgICA8cGF0aCBkPSJNNzYyLjY5LDkxLjY2bC0zNC4xNywzNC4xN2MtNy4yLDcuMi02LjU3LDE5LjUxLDEuNCwyNy40OGwyNi4zNywyNi4zN2M3Ljk4LDcuOTgsMjAuMjgsOC42MSwyNy40OCwxLjRsMzQuMTctMzQuMTdjNy4yLTcuMiw2LjU3LTE5LjUxLTEuNC0yNy40OGwtMjYuMzctMjYuMzdjLTcuOTgtNy45OC0yMC4yOC04LjYxLTI3LjQ4LTEuNFoiLz4KICAgIDxwYXRoIGQ9Ik04NjMuMTQsMTkyLjFsLTM0LjE3LDM0LjE3Yy03LjIsNy4yLTYuNTcsMTkuNTEsMS40LDI3LjQ4bDI2LjM3LDI2LjM3YzcuOTgsNy45OCwyMC4yOCw4LjYxLDI3LjQ4LDEuNDFsMzQuMTgtMzQuMThjNy4yLTcuMiw2LjU3LTE5LjUxLTEuNC0yNy40OGwtMjYuMzctMjYuMzdjLTcuOTgtNy45OC0yMC4yOC04LjYxLTI3LjQ4LTEuNFoiLz4KICA8L2c+Cjwvc3ZnPgo=")}/* pw.css: the web portal as it is on core origin/main 43d68d4 (2026-10-12), for the portal screens and pieces of
   the website (KIT.pw of the v45 kit). Tokens from cloud/resources/css/app.css, sizes from the components
   (components/ui, components/core/sidebar, data-explorer, the charger, location and alerts pages) as the research
   of 2026-10-12 measured them at 1240 by 667 (kits-portal/REPORT.md). Class names the page scripts look for inside a
   screen (.name, .sub, .st, .toolbar, .pagehead, .desc, .row, .grow, .phases, .bar, .v, .card.root, tr.hl,
   tr[data-x], .count) keep their names. */
:host{
  --surface:#ffffff;--ink:#101615;--ink-muted:#5d6965;--ground:#f5f7f7;--soft:#f9fafa;--card:#ffffff;--muted:#eef2f1;
  --border:#e3e8e7;--line:#e8ecec;--line-row:#f0f3f2;--input:#cfd7d5;--primary:#2a7f71;--primary-em:#267266;
  --brand-soft:#e8f4f1;--destructive:#b83428;--on-destructive:#ffffff;
  --sb:#f5f7f7;--sb-accent:#eaeeed;--sb-sel:#e1e7e6;--sb-icon:#2a7f71;
  --st-live:#2a7f71;--st-live-t:#267266;--st-ready:#008236;--st-ready-t:#007531;--st-att:#bb4d00;--st-att-t:#ac4700;
  --st-fault:#c8392c;--st-fault-t:#b83428;--st-neutral:#66726e;--st-neutral-t:#5d6965;
  --c1:#139a84;--c2:#8a56a8;--c3:#b07a1e;--c4:#4a78b5;--c5:#c0603c;
  --l1:oklch(.52 .1 50);--l2:oklch(.25 0 0);--l3:oklch(.62 0 0);
  --wm-filter:none;--font:"Geist","Geist Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  /* the page scripts write var(--ground), var(--brand) and var(--fg) into a screen */
  --brand:var(--primary);--fg:var(--ink);
  color-scheme:light}
:host([data-dark]){
  --surface:#0e0f0f;--ink:#f2f3f3;--ink-muted:#9a9d9d;--ground:#1a1b1b;--soft:#141515;--card:#161717;--muted:#232525;
  --border:#2a2c2c;--line:#232525;--line-row:#1d1f1f;--input:#404343;--primary:#27756a;--primary-em:#68bcac;
  --brand-soft:rgba(104,188,172,.13);--destructive:#e37066;--on-destructive:#1f0303;
  --sb:#1a1b1b;--sb-accent:#232525;--sb-sel:#2a2c2c;--sb-icon:#68bcac;
  --st-live:#68bcac;--st-live-t:#68bcac;--st-ready:#5cc08a;--st-ready-t:#5cc08a;--st-att:#d9a24a;--st-att-t:#d9a24a;
  --st-fault:#e37066;--st-fault-t:#e37066;--st-neutral:#9a9d9d;--st-neutral-t:#9a9d9d;
  --c1:#4fc3ad;--c2:#b48ad0;--c3:#d9a24a;--c4:#7ea4de;--c5:#e08a6a;
  --l1:oklch(.68 .11 55);--l2:oklch(.92 0 0);--l3:oklch(.6 0 0);
  --wm-filter:invert(1);color-scheme:dark}

/* the box the kit mounts a screen in (v45), scaled to the window it sits in */
.pws{position:absolute;left:0;top:0;width:var(--pw-w,100%);height:var(--pw-h,100%);transform-origin:0 0;transform:scale(var(--pk,1));
  overflow:hidden;background:var(--surface);color:var(--ink);font-family:var(--font);font-size:13px;line-height:20px;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;letter-spacing:normal;word-spacing:normal;text-transform:none;
  font-weight:400;font-style:normal;white-space:normal;text-indent:0;text-shadow:none;text-wrap:wrap;word-break:normal;
  overflow-wrap:normal;font-feature-settings:normal;cursor:default;direction:ltr;text-align:left}
:host(.pwh--piece) .pws{background:transparent;overflow:visible}
.pws *{box-sizing:border-box}
.pws button,.pws input,.pws select{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:default}
.pws a{color:inherit;text-decoration:none}
.pws h1,.pws h2,.pws h3,.pws p,.pws dl,.pws dd,.pws ul{margin:0;padding:0}
.pws ul{list-style:none}
.pws b,.pws strong{font-weight:500}
.pws .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pws svg.ic{width:16px;height:16px;flex:0 0 auto;display:block}
.pws .mono,.pws .id{font-feature-settings:'tnum','zero'}
.pws .mu{color:var(--ink-muted)}

/* ---------- the shell: the sidebar on ground, the sheet beside it ---------- */
.pws .app{display:flex;height:100%;background:var(--sb);position:relative;overflow:hidden}
.pws .sidebar{flex:0 0 236px;width:236px;display:flex;flex-direction:column;padding:18px;color:var(--ink);min-height:0}
.pws .brand{display:flex;align-items:center;height:40px;padding:0 8px;border-radius:16px}
.pws .brand i{display:block;width:142px;height:24px;background:var(--wm) left center/contain no-repeat;filter:var(--wm-filter)}
.pws .sb-search{display:flex;align-items:center;gap:8px;height:32px;margin-top:12px;padding:0 10px;border:1px solid var(--border);
  border-radius:999px;background:var(--surface);color:var(--ink-muted)}
.pws .sb-search > span:not(.kbd){flex:1;min-width:0;text-align:left}
.pws .kbd{display:inline-flex;align-items:center;height:18px;padding:0 4px;border:1px solid var(--border);border-radius:4px;
  background:var(--surface);font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted)}
.pws .nav{display:flex;flex-direction:column;margin-top:16px;min-height:0;overflow:hidden}
.pws .nav-h{height:28px;line-height:28px;padding:0 10px;font-size:12px;color:var(--ink-muted)}
.pws .nav-h ~ .nav-h{margin-top:20px}
.pws .nav a,.pws .sb-foot a{position:relative;display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:999px;
  color:var(--ink);white-space:nowrap}
.pws .nav a + a{margin-top:4px}
.pws .nav a svg.ic,.pws .sb-foot a svg.ic{width:18px;height:18px}
.pws .nav a.active,.pws .sb-foot a.active{background:var(--sb-sel);font-weight:500}
.pws .nav a.active svg.ic{color:var(--sb-icon)}
.pws .nav .count{position:absolute;right:4px;top:6px;display:flex;align-items:center;justify-content:center;height:20px;min-width:20px;
  padding:0 6px;border-radius:999px;background:color-mix(in oklab,var(--st-att) 12%,transparent);color:var(--st-att-t);
  font-size:12px;line-height:16px;font-weight:500}
.pws .sb-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:8px}
.pws .account{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:2px;padding:6px 8px;border-radius:20px;text-align:left}
.pws .avatar{flex:0 0 26px;width:26px;height:26px;border-radius:999px;background:var(--primary);color:#fff;display:flex;align-items:center;
  justify-content:center;font-size:11px;font-weight:500;line-height:1}
.pws .account .who{flex:1;min-width:0;display:grid;line-height:16px}
.pws .account .who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pws .account .who span + span{font-size:12px;color:var(--ink-muted);white-space:normal}
.pws .account svg.ic{width:14px;height:14px;color:var(--ink-muted)}
.pws .main{flex:1;min-width:0;position:relative;margin:8px 8px 8px 0;border:1px solid var(--border);border-radius:12px;background:var(--surface);
  overflow:hidden;display:flex;flex-direction:column}
.pws .content{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:24px;overflow:hidden}

/* ---------- headers ---------- */
.pws .pagehead{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;min-width:0}
.pws .pagehead h1,.pws .rh h1{font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.02em}
.pws .pagehead .desc{font-size:13px;color:var(--ink-muted)}
.pws .pagehead.stack{display:block}
.pws .pagehead.stack .desc{display:block;font-size:14px;line-height:22px;margin-top:4px}
.pws .rtop{padding:16px 24px 0}
.pws .crumbs{display:flex;align-items:center;gap:6px;height:20px;margin-bottom:8px;font-size:13px;color:var(--ink-muted);white-space:nowrap;overflow:hidden}
.pws .crumbs svg.ic{width:12px;height:12px}
.pws .rh{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;column-gap:16px;row-gap:12px}
.pws .rh > div:first-child{flex:1;min-width:0}
.pws .rh .tl{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:4px}
.pws .rh .meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px;margin-top:4px;color:var(--ink-muted)}
.pws .rh .lead{margin-top:4px;font-size:14px;line-height:22px;color:var(--ink-muted)}
.pws .rh .acts{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.pws .tlink{display:inline-flex;align-items:center;gap:4px;color:var(--primary-em);text-decoration:underline;
  text-decoration-color:color-mix(in oklab,var(--primary-em) 30%,transparent);text-underline-offset:2px}
.pws .tlink svg.ic{width:14px;height:14px}
.pws .tabs{position:relative;display:flex;gap:2px;margin-top:16px;box-shadow:inset 0 -1px 0 var(--border);white-space:nowrap;overflow:hidden}
.pws .tabs a,.pws .tabs button{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;flex:0 0 auto;color:var(--ink-muted)}
.pws .tabs .on{color:var(--ink);font-weight:500}
.pws .tabs .on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:1px;background:var(--primary)}
.pws .tabs.sub{margin-top:0;align-self:flex-start;box-shadow:inset 0 -1px 0 var(--border)}
.pws .tabs.sub .on::after{left:0;right:0}
.pws .rbody{flex:1;min-height:0;display:flex;gap:40px;padding:20px 24px 24px;overflow:hidden}
.pws .rbody > .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.pws .side{flex:0 0 200px;width:200px;padding-right:12px;display:flex;flex-direction:column;gap:2px}
.pws .side .h{padding:0 10px 6px;font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .side .h ~ .h{margin-top:16px}
.pws .side a{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 10px;border-radius:999px;line-height:16px;
  color:color-mix(in oklab,var(--ink) 80%,transparent);white-space:nowrap}
.pws .side a svg.ic{color:var(--ink-muted)}
.pws .side a.on{background:var(--ground);color:var(--ink);font-weight:500}
.pws .side a.on svg.ic{color:var(--sb-icon)}

/* ---------- controls ---------- */
.pws .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid transparent;
  border-radius:999px;font-size:13px;line-height:20px;font-weight:500;white-space:nowrap;flex:0 0 auto;color:var(--ink)}
.pws .btn.ls{padding-left:10px}.pws .btn.le{padding-right:10px}
.pws .btn.sm{height:28px;gap:4px;padding:0 10px}.pws .btn.sm.ls{padding-left:8px}.pws .btn.sm.le{padding-right:8px}
.pws .btn.sm svg.ic{width:14px;height:14px}
.pws .btn.outline{border-color:var(--border);background:var(--surface)}
:host([data-dark]) .pws .btn.outline{background:var(--card)}
.pws .btn.create{background:var(--primary);color:#fff}
.pws .btn.destructive{background:var(--destructive);color:var(--on-destructive)}
.pws .btn.icon{width:32px;padding:0}.pws .btn.icon.sm{width:28px}
.pws .btn.dim{opacity:.5}
.pws .input{position:relative;display:flex;align-items:center;height:32px;border:1px solid var(--input);border-radius:8px;background:var(--surface);
  padding:0 10px 0 32px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;min-width:0}
:host([data-dark]) .pws .input,:host([data-dark]) .pws .select{background:color-mix(in oklab,var(--input) 20%,var(--surface))}
.pws .input svg.ic{position:absolute;left:10px;top:7px;color:var(--ink-muted)}
.pws .input .ph{overflow:hidden;text-overflow:clip}
.pws .select{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:28px;padding:0 8px 0 10px;border:1px solid var(--input);
  border-radius:8px;background:var(--surface);white-space:nowrap;flex:0 0 auto}
.pws .select svg.ic{color:var(--ink-muted)}
.pws .select svg.ic.lead{color:var(--ink)}
.pws .select.soft{border-color:transparent;background:var(--ground);height:32px}
.pws .toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pws .toolbar > .input{width:300px;flex:0 0 auto}
.pws .toolbar .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.pws .check{display:inline-block;width:16px;height:16px;border:1px solid color-mix(in oklab,var(--ink-muted) 80%,transparent);border-radius:4px;
  background:var(--surface);vertical-align:middle}
.pws .chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:999px;background:color-mix(in oklab,var(--muted) 60%,transparent);
  font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted);white-space:nowrap}
.pws .chip i{width:6px;height:6px;border-radius:999px;background:var(--st-neutral)}
.pws .chip.dim{opacity:.55}
.pws .chip b{font-weight:500;color:var(--ink-muted)}

/* ---------- status, badges ---------- */
.pws .st{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid transparent;border-radius:999px;
  font-size:13px;line-height:1;font-weight:500;white-space:nowrap;flex:0 0 auto;width:fit-content;vertical-align:middle}
.pws .st svg.ic{width:14px;height:14px;margin-left:-2px}
.pws .st.charging{background:color-mix(in oklab,var(--st-live) 10%,transparent);color:var(--st-live-t)}
.pws .st.ready{background:color-mix(in oklab,var(--st-ready) 10%,transparent);color:var(--st-ready-t)}
.pws .st.wait{background:color-mix(in oklab,var(--st-att) 10%,transparent);color:var(--st-att-t)}
.pws .st.fault{background:color-mix(in oklab,var(--st-fault) 10%,transparent);color:var(--st-fault-t)}
.pws .st.off{background:color-mix(in oklab,var(--st-neutral) 12%,transparent);color:var(--st-neutral-t)}
.pws .st.stale{background:transparent;border:1px dashed color-mix(in oklab,var(--st-neutral) 70%,transparent);color:var(--st-neutral-t)}
.pws .badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:20px;padding:0 8px;border:1px solid transparent;border-radius:999px;
  background:var(--muted);color:var(--ink);font-size:12px;line-height:1;font-weight:500;white-space:nowrap;flex:0 0 auto;width:fit-content}
.pws .badge.outline{background:var(--surface);border-color:var(--border)}
.pws .badge svg.ic{width:12px;height:12px}

/* ---------- tables, unframed ---------- */
.pws .table-wrap{position:relative;min-height:0;overflow:hidden}
.pws .table-wrap.fade{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent)}
.pws table.t{border-collapse:collapse;width:100%;font-size:13px;line-height:20px}
.pws table.t.wide{width:max-content;min-width:100%}
.pws table.t th{position:relative;height:40px;padding:0 8px;text-align:left;vertical-align:middle;font-size:12px;line-height:16px;font-weight:400;
  color:var(--ink-muted);white-space:nowrap;background:var(--surface)}
:host(.pwh--piece) .pws table.t th{background:transparent}
.pws table.t thead tr{box-shadow:inset 0 -1px 0 var(--border)}
.pws table.t td{padding:6px 8px;vertical-align:middle;white-space:nowrap;height:42px}
.pws table.t.two td{height:52px}
.pws table.t tbody tr{border-bottom:1px solid var(--line-row)}
.pws table.t tbody tr:last-child{border-bottom:0}
.pws table.t .cb{width:24px;padding-right:0}
.pws table.t .num,.pws table.t .r{text-align:right}
.pws table.t th .hi{display:inline-flex;align-items:center;gap:4px}
.pws table.t th .hi svg.ic{width:14px;height:14px}
.pws .two-l{display:flex;flex-direction:column;line-height:1.25}
.pws .two-l .sub,.pws .two-l .addr{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .ph-ref{color:var(--ink-muted)}
.pws .lk{font-weight:500}

/* ---------- cards: plain, soft blocks ---------- */
.pws .card{display:flex;flex-direction:column;gap:20px;padding:20px 0;border-radius:16px;min-width:0}
.pws .card.sm{gap:16px;padding:16px 0}
.pws .card-h{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:22px}
.pws .card-h h2,.pws .card-h h3{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.pws .card-h h2 svg.ic{width:20px;height:20px}
.pws .card-h .btn{margin-top:-3px}
.pws .card-d{margin-top:-14px;color:var(--ink-muted)}
.pws .soft{background:var(--soft);border-radius:16px}
.pws .kvl > div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line-row)}
.pws .kvl > div:last-child{border-bottom:0}
.pws .kvl dt{color:var(--ink-muted);display:flex;align-items:center;gap:8px}
.pws .kvl dd{text-align:right;min-width:0}

/* ---------- column widths the explorers set (headerClassName min-w-[...]) ---------- */
.pws table.t th.w80{min-width:80px}.pws table.t th.w100{min-width:100px}.pws table.t th.w120{min-width:120px}
.pws table.t th.w140{min-width:140px}.pws table.t th.w150{min-width:150px}.pws table.t th.w180{min-width:180px}.pws table.t th.w200{min-width:200px}
.pws table.t td.xs{font-size:12px}
.pws table.t.fleet td .two-l > span:first-child{line-height:16px}
.pws table.t td .btn.icon.sm{margin:-4px 0}

/* ---------- pieces: a part of a page at its own width, clipped at its host ---------- */
.pws .piece{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}
/* a piece in a host of a set height ends at that height; a host without one (the compare hero's window) takes the
   piece's own height, which its page reads off the piece */
:host([style*="height"]) .pws .piece{max-height:100%}
:host(.pwh--piece) .pws .piece{color:var(--ink)}

/* ---------- the charger overview ---------- */
.pws .ov-grid{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.pws .ov-main,.pws .ov-aside{display:flex;flex-direction:column;gap:16px;min-width:0}
.pws .live-st{padding:20px}
.pws .live-st .lbl{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .live-st .lbl svg.ic{color:var(--st-live-t)}
.pws .live-st .fig{margin-top:4px;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.02em}
.pws .live-st .meta{margin-top:4px;font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .tx-tile{display:flex;align-items:center;gap:12px;padding:16px;border-radius:20px;background:color-mix(in oklab,var(--muted) 50%,transparent)}
.pws .tx-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.pws .tx-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pws .tx-h .nm{font-weight:500}
.pws .tx-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pws .tx-dl dt{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .tx-dl dd{font-weight:500}
.pws .tx-dl dd.uid{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis}
.pws .tx-acts{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}
.pws ul.recent{margin:0 -8px}
.pws ul.recent a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:10px 8px;border-radius:16px}
.pws ul.recent b{width:80px;text-align:right}
.pws .conns > .row{border-top:1px solid var(--line-row)}
.pws .conns > .row:first-child{border-top:0}
.pws .row.conn{display:flex;align-items:center;gap:16px;padding:15px 0}
.pws .ptile{flex:0 0 56px;width:56px;height:48px;border-radius:16px;background:color-mix(in oklab,var(--muted) 60%,transparent);display:flex;
  flex-direction:column;align-items:center;justify-content:center;line-height:1}
.pws .ptile small{font-size:12px;color:var(--ink-muted)}
.pws .ptile b{font-size:14px;line-height:1.25;font-weight:500}
.pws .ptile.live{background:color-mix(in oklab,var(--primary) 10%,transparent)}
.pws .ptile.live small,.pws .ptile.live b{color:var(--primary)}
.pws .ptile.live small:first-child{font-weight:500}
.pws .row.conn .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.pws .row.conn .nm{display:flex;align-items:center;gap:8px;font-weight:500;min-width:0}
.pws .row.conn .nm .name{white-space:nowrap}
.pws .row.conn .spec{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:2px;font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .kvl.info > div{padding:12px 0;align-items:center}
.pws .kvl.info dt svg.ic{color:var(--ink-muted)}
.pws .kvl dd.fw{font-size:12px}
.pws .loc-card a{display:flex;align-items:center;gap:12px;padding:6px 8px;margin:0 -8px;border-radius:8px}
.pws .loc-card svg.ic{width:18px;height:18px;color:var(--ink-muted)}
.pws .loc-card svg.ic:last-child{width:16px;height:16px}
.pws .loc-card .two-l{flex:1;min-width:0;line-height:20px}
.pws .loc-card .l{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .strip{display:grid;grid-template-columns:max-content minmax(0,1fr)}
.pws .strip .cell{display:flex;align-items:center;gap:12px;padding:16px 20px;min-width:0}
.pws .strip .cell svg.ic{width:18px;height:18px;color:var(--ink-muted)}
.pws .strip .cell > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.pws .strip .l{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .strip .v{display:flex;align-items:center;min-height:22px}
.pws .card.info{padding:0;gap:16px}
.pws .pc-conn .row.conn{padding:16px 0}
.pws .pc-conn.tight .row.conn{padding:8px 0}

/* ---------- power management (directory) ---------- */
.pws .col.pm{gap:16px}
.pws .vitals,.pws .vitals.card{display:flex;flex-direction:row;gap:40px;padding:20px;border-radius:16px}
.pws .vt-l{flex:1;min-width:0}
.pws .vt-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.pws .vitals .lbl{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted)}
.pws .vitals .lbl svg.ic{width:14px;height:14px}
.pws .vitals .fig{margin-top:4px;display:flex;align-items:baseline;gap:6px}
.pws .vitals .fig b{font-size:22px;line-height:30px;font-weight:500}
.pws .vitals .fig span{color:var(--ink-muted)}
.pws .vitals .hr{text-align:right}
.pws .vitals .hr > div:first-child{font-weight:500}
.pws .vitals .hr .mu{font-size:12px;line-height:16px}
.pws .live{color:var(--st-live-t)}.pws .att{color:var(--st-att-t)}.pws .fault{color:var(--st-fault-t)}
.pws .phases{display:flex;flex-direction:column;gap:6px}
.pws .phases .ph{display:flex;align-items:center;gap:10px}
.pws .phases .k{width:20px;flex:0 0 20px;font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .phases .bar{position:relative;flex:1;height:10px;border-radius:999px;background:var(--muted);overflow:hidden}
.pws .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--st-live);transition:width .5s ease-out}
.pws .bar i.att{background:var(--st-att)}.pws .bar i.fault{background:var(--st-fault)}.pws .bar i.neutral{background:var(--st-neutral)}
.pws .bar i.none{background:transparent}
.pws .phases .pv{flex:0 0 auto;font-size:12px;line-height:16px;display:flex;align-items:baseline;gap:2px}
.pws .phases .pv span{color:var(--ink-muted)}
.pws .phases .v{font-weight:500}
.pws .vitals .field{margin-top:12px;display:flex;align-items:center;gap:8px}
.pws .vt-r{flex:0 0 288px;width:288px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:center}
.pws .es{display:flex;align-items:center;gap:8px}
.pws .es svg.ic{width:14px;height:14px;color:var(--ink-muted)}
.pws .es svg.ic.live{color:var(--st-live-t)}
.pws .es .two-l{line-height:1.25}
.pws .es .l{font-size:12px;font-weight:500;color:var(--ink-muted)}
.pws .es .kw{font-weight:500}
.pws .es .kw small{margin-left:2px;font-size:12px;font-weight:400;color:var(--ink-muted)}
.pws .dir-bar{display:flex;flex-direction:column;gap:8px;padding:8px 0}
.pws .dir-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pws .dir-row > .input{flex:1;min-width:192px}
.pws .chips{display:flex;flex-wrap:wrap;gap:6px}
.pws .chip i.fault{background:var(--st-fault)}.pws .chip i.att{background:var(--st-att)}.pws .chip i.live{background:var(--st-live)}
.pws .dir-bar > .select{align-self:flex-start}
.pws .dir > div{border-bottom:1px solid var(--line-row)}
.pws .dir > div:last-child{border-bottom:0}
.pws .d-gr{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 0}
.pws .d-gr .tg{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.pws .d-gr .tg svg.ic{width:14px;height:14px;color:var(--ink-muted)}
.pws .d-gr .tg.col svg.ic:first-child{transform:rotate(-90deg)}
.pws .d-gr .tg svg.ic.root{color:var(--primary)}
.pws .d-gr .nm{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-weight:500;padding:2px 4px}
.pws .d-gr .nm small{font-size:12px;font-weight:400;color:color-mix(in oklab,var(--ink-muted) 70%,transparent)}
.pws .mini{display:flex;align-items:center;gap:10px}
.pws .mini .bar{position:relative;width:112px;height:6px;border-radius:999px;background:var(--muted);overflow:hidden}
.pws .mini .mv{width:76px;text-align:right;font-size:12px;line-height:16px}
.pws .mini .mv b{font-weight:500}
.pws .mini .mv span{color:var(--ink-muted)}
.pws .d-ch{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 0;min-height:33px}
.pws .d-ch svg.ic.drag{width:16px;height:16px;color:color-mix(in oklab,var(--ink-muted) 30%,transparent)}
.pws .d-ch svg.ic.tri{width:14px;height:14px}
.pws .tri.live{color:var(--st-live-t)}.pws .tri.ready{color:var(--st-ready-t)}.pws .tri.neutral{color:var(--st-neutral-t)}
.pws .tri.fault{color:var(--st-fault-t)}.pws .tri.att{color:var(--st-att-t)}
.pws .d-ch .nm{flex:0 0 auto;font-weight:500}
.pws .d-ch .note{flex:1;min-width:0;font-size:12px;color:var(--ink-muted)}
.pws .d-ch .bars{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pws .d-ch .cb-row{display:flex;align-items:center;gap:10px}
.pws .d-ch .why{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .d-ch .why.live{color:var(--st-live-t)}
.pws .d-ch .chev{width:24px;display:flex;justify-content:center}
.pws .d-ch .chev svg.ic{width:14px;height:14px;color:color-mix(in oklab,var(--ink-muted) 30%,transparent)}
.pws .btn.mu{color:var(--ink-muted)}

/* ---------- transactions ---------- */
.pws table.t.tx td,.pws .pc-tx table.t td{height:42px}

/* ---------- operators of a charger: rows drawn as the portal's divided list ---------- */
.pws .op-col{max-width:none;gap:32px}
.pws .op-title{margin-bottom:8px}
.pws .op-title h2{font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.02em}
.pws .op-title .lead{margin-top:4px;font-size:14px;line-height:22px;color:var(--ink-muted)}
.pws .op-sec{display:flex;flex-direction:column;gap:12px}
.pws .op-h{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pws .op-h.cat{align-items:flex-end}
.pws .op-h h3{font-size:13px;line-height:20px;font-weight:500}
.pws .op-h .mu{margin-top:4px}
.pws .input.w240{width:240px;flex:0 0 240px}
.pws table.t.ops,.pws table.t.ops tbody{display:block}
.pws table.t.ops tr{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-row)}
.pws table.t.ops tr:last-child{border-bottom:0}
.pws table.t.ops td{display:block;height:auto;padding:0;white-space:normal}
.pws table.t.ops td.op{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
.pws table.t.ops td.op .oplogo{flex:0 0 32px}
.pws table.t.ops td.op .opt{flex:1;min-width:0;display:flex;flex-direction:column}
.pws table.t.ops td.op .name{font-weight:500}
.pws table.t.ops td.op .line,.pws table.t.ops td.op .url,.pws table.t.ops tr.op-dir td.op .sub{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws table.t.ops tr.op-dir td.op .sub:empty{display:none}
.pws table.t.ops td.role{flex:0 0 auto;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--muted);
  font-size:12px;line-height:1;font-weight:500;white-space:nowrap;color:var(--ink)}
.pws table.t.ops td.role .sub{color:inherit;font-size:inherit;line-height:inherit}
.pws table.t.ops td.cred{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;border:1px solid var(--border);
  font-size:12px;line-height:1;font-weight:500;white-space:nowrap}
.pws table.t.ops td.role:empty,.pws table.t.ops td.cred:empty,.pws table.t.ops td.state:empty,.pws table.t.ops td.acts:empty{display:none}
.pws table.t.ops td.acts{display:flex;gap:4px;flex:0 0 auto}
.pws table.t.ops td.acts .btn.del{color:var(--destructive)}
.pws table.t.ops tr.slot:not(:has(.st.ready)){display:none}
.pws table.t.ops tbody:has(tr.op-conn .st.ready) tr.op-home .mpt{display:none}
.pws .op-col:has(tr.slot .st.ready) tr.op-dir.same{display:none}
/* a connected operator (connection-card.tsx): its mark, then its name with the role badge beside it, the websocket
   URL in mono below, its live state under that, the three actions at the top right. The cells keep the order
   Operator | Role | Credentials | Status | actions; the grid places them where the card has them */
.pws table.t.ops tr.op-conn{display:grid;grid-template-columns:36px max-content max-content minmax(0,1fr) auto;column-gap:8px;row-gap:0;align-items:start}
.pws table.t.ops tr.op-conn td.op,.pws table.t.ops tr.op-conn td.op .opt{display:contents}
.pws table.t.ops tr.op-conn .oplogo{grid-column:1;grid-row:1 / span 3}
.pws table.t.ops tr.op-conn .name{grid-column:2;grid-row:1;line-height:20px;white-space:nowrap}
.pws table.t.ops tr.op-conn td.role{grid-column:3;grid-row:1}
.pws table.t.ops tr.op-conn td.cred{grid-column:4;grid-row:1;justify-self:start}
.pws table.t.ops tr.op-conn .url{grid-column:2 / 5;grid-row:2;overflow-wrap:anywhere}
.pws table.t.ops tr.op-conn td.state{grid-column:2 / 5;grid-row:3;margin-top:8px;justify-self:start}
.pws table.t.ops tr.op-conn td.acts{grid-column:5;grid-row:1 / span 3}
.pws .oplogo{width:32px;height:32px;border-radius:8px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-size:12px;font-weight:500;color:var(--ink-muted)}
.pws .oplogo.pc{background:var(--mark) center/cover no-repeat}
.pws .pc-ops{gap:24px}

/* ---------- alerts ---------- */
.pws .al-c{gap:16px}
.pws .al-c .table-wrap{flex:1}
.pws table.t.al td.cb{width:40px;padding:0 8px}
.pws table.t.al td.cb svg.ic.ex{width:16px;height:16px;color:var(--ink-muted)}
.pws table.t.al tr.open{background:var(--ground)}
.pws table.t.al tr.open td.cb svg.ic.ex{transform:rotate(90deg)}
.pws table.t.al tr.detail td{height:auto;padding:8px 8px 14px}
.pws .al-d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}
.pws .al-t{margin-top:16px;display:flex}
.pws .al-d > div{display:flex;flex-direction:column;gap:2px}
.pws .al-d .l{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .al-d span:last-child{color:color-mix(in oklab,var(--ink) 80%,transparent)}
.pws .tlink.id svg.ic{width:12px;height:12px}
.pws table.t.al .rs{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.pws table.t.al .rs .sv{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .btn .fc{display:inline-flex;align-items:center;justify-content:center;height:16px;min-width:16px;padding:0 4px;border-radius:999px;
  background:var(--primary);color:#fff;font-size:12px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.pws .fchip{display:inline-flex;align-items:center;gap:4px;height:28px;max-width:100%;padding-left:10px;border-radius:999px;background:var(--ground);
  font-size:12px;line-height:16px;white-space:nowrap}
.pws .fchip .fk{color:var(--ink-muted)}
.pws .fchip b{font-weight:500}
.pws .fchip .fx{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:2px;border-radius:999px;color:var(--ink-muted)}
.pws .fchip .fx svg.ic{width:12px;height:12px}
.pws .al-help{margin-top:auto;padding-top:8px;font-size:12px;line-height:16px;color:var(--ink-muted)}

/* ---------- ERE of a location ---------- */
.pws .col.ere{gap:32px;max-width:896px}
.pws .ere-sec{display:flex;flex-direction:column;gap:12px}
.pws .ere-sec h2{font-size:13px;line-height:20px;font-weight:500}
.pws .ere-list{min-width:560px}
.pws .ere-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-row)}
.pws .ere-row:last-child{border-bottom:0}
.pws .ere-row .pn{flex:1;min-width:0;display:flex;flex-direction:column}
.pws .ere-row .pn b{font-weight:500}
.pws .ere-row .pn .mu{margin-top:2px;font-size:12px;line-height:16px}
.pws .ere-row .stats{display:flex;gap:32px}
.pws .ere-row .stats > div{text-align:right;display:flex;flex-direction:column}
.pws .ere-row .stats .l{font-size:12px;line-height:16px;color:var(--ink-muted)}
.pws .ere-row .stats b{font-weight:500}
.pws .ere-row .acts{display:flex;align-items:center;gap:8px;flex:0 0 auto}

/* ---------- the dashboard's charts ---------- */
.pws .card.dash{padding:12px 0;gap:8px}
.pws .dash-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pws .dash-h h2{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.01em}
.pws .dash-h p{margin-top:2px}
.pws .dash-h .metric{display:flex;flex-direction:column;flex:0 0 auto}
.pws .dash-h .metric .l{font-size:13px;color:var(--ink-muted)}
.pws .dash-h .metric b{font-size:14px;font-weight:500}
.pws .metrics{display:flex;gap:20px}
.pws .metrics > div{display:flex;flex-direction:column}
.pws .metrics .l{display:flex;align-items:center;gap:6px;color:var(--ink-muted)}
.pws .metrics .l i,.pws .legend i{width:8px;height:8px;border-radius:999px;background:var(--st-ready);display:inline-block}
.pws .metrics b{font-size:14px;font-weight:500}
.pws svg.chart{display:block;width:100%;height:auto;overflow:visible}
.pws .card.dash .metrics + svg.chart{margin-top:4px}
.pws svg.chart .ax{font-size:12px;fill:var(--ink-muted);font-family:var(--font)}
.pws svg.chart .a-power{fill:var(--primary);fill-opacity:.08}
.pws svg.chart .l-power{fill:none;stroke:var(--primary);stroke-width:2}
.pws svg.chart .a-on{fill:var(--st-ready);fill-opacity:.08}
.pws svg.chart .a-off{fill:var(--st-neutral);fill-opacity:.08}
.pws svg.chart .l-on{fill:none;stroke:var(--st-ready);stroke-width:2}
.pws svg.chart .l-off{fill:none;stroke:var(--st-neutral);stroke-width:2}
.pws .legend{display:flex;gap:16px;color:var(--ink-muted)}
.pws .legend span{display:flex;align-items:center;gap:6px}
.pws .legend i.off{background:var(--st-neutral)}

/* ---------- personal API tokens ---------- */
.pws .pc-tokens{gap:24px}
.pws .pc-tokens .rh .lead{max-width:640px}
.pws .btn.icon svg.ic.del{color:var(--destructive)}
.pws .pc-tx .toolbar > .input.grow-s{flex:1;min-width:180px;width:auto}

/* a column of blocks never squeezes a block: what does not fit runs under the sheet's edge, as the portal scrolls */
.pws .content > *,.pws .col > *,.pws .ov-main > *,.pws .ov-aside > *,.pws .piece > *,.pws .rtop > *{flex-shrink:0}

/* ---------- pieces in narrow windows: a piece takes the width its host gives it (the page sets it, from about 300 px),
   and lays out the way the portal does on a narrower screen: the site vitals stack below lg (site-vitals-bar.tsx), the
   gauges are 80 px below sm (busbar-gauge.tsx), the operator list's search narrows beside its heading. Below that, a directory row keeps its charger, its gauges and its figures and leaves out its
   grab handle, chevron and menu, and in the narrowest windows the word beside a gauge ---------- */
.pws .pc-ops,.pws .pc-groups,.pws .pc-topo{container:pcpiece / inline-size}
@container pcpiece (max-width: 860px){
  .pws .vitals,.pws .vitals.card{flex-direction:column;gap:24px}
  .pws .vt-r{flex:none;width:auto}
}
@container pcpiece (max-width: 639px){
  .pws .mini .bar{width:80px}
  .pws .op-h.cat .input.w240{width:160px;flex:0 0 160px}
}
@container pcpiece (max-width: 520px){
  .pws .d-ch svg.ic.drag,.pws .d-ch .chev,.pws .d-ch > .btn,.pws .d-gr > .btn{display:none}
}
@container pcpiece (max-width: 420px){
  .pws .d-ch .why{display:none}
  .pws .mini .mv{width:auto;min-width:44px}
  .pws .op-h.cat .input.w240{width:120px;flex:0 0 120px}
}
@container pcpiece (max-width: 360px){
  .pws .mini .bar{width:64px}
}
/* a piece is a part of a page, so it keeps a little of the page's margin round it: the right-aligned figures of Charger
   information and the Connect buttons of the operator list end 12 and 8 px inside the piece, the room a window's cut
   keeps clear of the last word (famshell planPiece) */
.pws .piece.pc-info{padding:0 12px}
.pws .piece.pc-ops{padding-right:8px}
/* the back-office family's phone window (fam-bo opsWin, data-bo-m) shows the Operator column only: its lines wrap in it */
:host([data-bo-m]) .pws table.t.ops td.op .opt,:host([data-bo-m]) .pws table.t.ops tr.op-conn .url{max-width:200px}