@import"./desktop/desktop-buttons.css";@import"./desktop/desktop-layout.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}a{text-decoration:none;color:inherit}input,button,textarea,select{font-family:inherit;font-size:inherit}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.5}textarea:not([rows]){min-height:10em}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.app-title{font-family:Oswald,sans-serif;font-weight:700;font-size:2.8em;letter-spacing:-.02em;color:#2c3e50}h2{font-family:Oswald,sans-serif;font-weight:500;font-size:1.8em;text-transform:uppercase;color:#34495e}h3{font-family:Oswald,sans-serif;font-weight:500;font-size:1.8em;text-transform:uppercase;color:#ccc}h4,h5,h6{font-family:Oswald,sans-serif;font-weight:700;margin-bottom:.5em;line-height:1.2;color:#222}h1{font-size:2.5rem;margin-top:1.5em}h2{font-size:2rem;margin-top:1.2em}h3{font-size:1.5rem;margin-top:1em}h4{font-size:1.25rem;margin-top:.8em}h5{font-size:1rem;margin-top:.7em}h6{font-size:.9rem;margin-top:.6em}p{margin-bottom:1em}p,li,.form-label,.meta-data{font-family:Lato,sans-serif;font-size:16px;line-height:1.7;color:#555}a{color:#00ff5e;text-decoration:none;transition:color .3s ease}a:hover{color:#00b31b;text-decoration:none}ul,ol{margin-left:1.5em;margin-bottom:1em}ul li{list-style:disc}ol li{list-style:decimal}blockquote{font-style:italic;border-left:4.5px solid #ccc;padding-left:1em;margin:1em 0;color:#555}code,pre{font-family:Fira Mono,monospace;background-color:#f4f4f4;padding:.2em .4em;border-radius:4.5px}pre{padding:1em;overflow-x:auto}small{font-size:.85em}strong{font-weight:700}em{font-style:italic}button{background:#fafafa;color:var(--primary-colour);border:1px solid var(--primary-colour);border-radius:4.5px;padding:8px 12px;font-size:.95em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button:hover:not(:disabled){background-color:#e0e0e0}button:active:not(:disabled){background-color:#d8d8d8;background-color:#e5e5e5}button:disabled{background-color:#d0d5db;border-color:#d0d5db;color:#888;cursor:not-allowed;opacity:.7}button.accent{background-color:var(--accent-colour);border-color:var(--accent-colour);color:#fff}button.accent:hover:not(:disabled){background-color:#9cbf20}button.icon-button{background:none;border:none;color:var(--primary-colour);padding:4px}button.icon-button:hover:not(:disabled){background-color:#0000000d}.buttons{display:flex;gap:.5rem}.buttons button{max-width:12.5em;flex:1}.toggle-button{border:1px solid #e5e5e5;width:35px;height:37.5px;display:flex;margin-left:auto;margin-right:6.5px;transition:all .35s ease}.toggle-button:after{content:"+";font-size:1.8em}.toggle-button.active{background-color:#e0e0e0}.toggle-button.active:after{content:"−"}.customer-card{background-color:var(--backgound-colour-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin:var(--spacing-md);box-shadow:0 2px 5px var(--card-shadow);transition:transform .2s ease-in-out}.customer-card:hover{transform:translateY(-3px)}.customer-card h3{margin-top:0;color:var(--primary-colour);margin-bottom:var(--spacing-sm);font-size:1.2em}.customer-card p{margin:var(--spacing-xs) 0;font-size:.9em;color:#555}.customer-card .button-group{margin-top:var(--spacing-sm);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.customer-card .app-button{min-width:120px;flex-grow:1}.customer-card p{margin:5px 0;font-size:.9em;color:#555}.customer-card .buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.customer-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.loading-message,.error-message,.empty-message{text-align:center;padding:var(--spacing-md);color:#555}.error-message{color:red}.hidden{display:none!important}:host{display:flex;flex-direction:column;height:100dvh;background-color:#f0f2f5;font-family:sans-serif}html,body{margin:0;padding:0;height:100%;overflow:auto}body{font-size:1em}*{box-sizing:border-box}.main-content{flex-grow:1;overflow-y:auto;box-shadow:0 2px 5px #0000001a;border-bottom:.5px solid var(--text-colour-light)}.empty-notifications{text-align:center;color:var(--gray-dark);margin:25px 0}.app-header{padding:var(--spacing-sm) var(--spacing-md)}.app-nav-bar{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;background-color:var( --text-colour-light );box-shadow:0 -2px 5px #0000001a;z-index:999}.app-nav-bar .nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-size:.8em;color:var(--text-colour-dark);text-decoration:none;padding:var(--spacing-sm)}.app-nav-bar .nav-item svg{width:24px;height:24px;fill:currentColor}.app-nav-bar .nav-item.is-active{color:var(--primary-colour)}.customer-card-grid,.unit-card-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-card .button-group{flex-direction:column}:root{--footer-height: 85px;--primary-colour: #185785;--accent-colour: #aece25;--alert-colour: #dc3545;--no-signal-colour: #8b959d;--wheel-correct-colour: #1e1e1e;--wheel-unpaired-colour: #54595d;--low-pressure-colour: #e50000;--high-pressure-colour: #320e75;--high-temperature-colour: #ff7e25;--low-voltage-colour: #ffce00;--gray-light: #eee;--gray-medium: #f0f2f5;--gray-dark: #8b959d;--main-content-background: #f0f2f5;--border-colour-light: #dee2e5;--card-border-colour: #ddd;--card-shadow: rgba(0, 0, 0, .1);--text-colour-dark: #2b2d2f;--text-colour-light: #fff;--backgound-colour-light: #fefefe;--background-nice-gray: #f5f5f5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--border-radius-sm: 4px;--border-radius-md: 8px;--z-map: 1;--z-leaflet-tiles: 1-99;--z-leaflet-overlays: 100-199;--z-leaflet-shadows: 400;--z-leaflet-overlays-pane: 400;--z-leaflet-markers: 600;--z-leaflet-tooltips: 650;--z-leaflet-popups: 700;--z-map-controls: 750;--z-header: 800;--z-dropdown-menus: 1001;--z-notifications: 1200;--z-loading-overlay: 1500;--z-modals: 2000;--z-tooltips: 3000}