:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}.Mui-focused{color:#000}iframe[title^="Graph:"]{border:none;overflow:hidden}@supports (filter: blur(0)){iframe[title^="Graph:"]{pointer-events:auto}}.grafana-app .show-on-hover.css-1uwvac7-toolbar-button-panel-menu{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.grafana-app .main-view--chrome-hidden .show-on-hover,.grafana-app .panel-menu,.grafana-app .panel-header-menu,.grafana-app .toolbar-button,.grafana-app [class*=toolbar-button],.grafana-app.kiosk-mode .show-on-hover,.grafana-app.kiosk-mode .panel-menu,.grafana-app.kiosk-mode .toolbar-button{display:none!important}iframe[src*=kiosk]{outline:none}iframe[src*=kiosk] *{outline:none!important;-webkit-tap-highlight-color:transparent!important}.loader-container{height:100vh;display:flex;align-items:center;justify-content:center}.container-wrapper{display:grid;grid-template-rows:auto auto 1fr;height:100vh}.main-container .menu-container{display:flex;gap:2rem;justify-content:space-between}body.dnd-dragging iframe{pointer-events:none!important}.draggable-item{margin-bottom:8px;padding:14px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:grab;transition:background-color .2s}.draggable-item:hover{background-color:#f5f5f5}.aviation-border{border-left:1rem solid #FF0000}.stadium-border{border-left:1rem solid #14CAFC}.item-container{display:flex;align-items:center;justify-content:space-between}.item-container .text-container{display:flex;align-items:center;gap:8px}.item-container p{font-size:.8rem}.item-container:hover .add-btn{display:flex}.item-container .add-btn{display:none;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;cursor:pointer!important;color:#1976d2}.item-container .add-btn:hover{background:#1976d2;color:#fff}.loader-container{height:calc(100vh - 100px);margin:auto}.type-container{display:flex;justify-content:space-between;margin-bottom:1.5rem}.type-container .legend-container{display:flex;gap:.5rem;align-items:center}.type-container .aviation-legend{display:block;width:.6rem;height:1rem;background-color:red}.type-container .stadiums-legend{display:block;width:.6rem;height:1rem;background-color:#14cafc}.search-container{display:flex;align-items:center;gap:6px;border:1px solid #ccc;border-radius:8px;padding:8px;margin-bottom:1.5rem}.search-container:focus-within{border-color:#1976d2}.search-container .search-icon{color:#999;flex-shrink:0}.search-container .search-clear{flex-shrink:0;padding:2px!important;color:#999}.search-bar{flex:1;border:none;outline:none;font-size:.8rem;background:transparent}.search-bar::placeholder{color:#aaa;font-size:.8rem}.graph-items-container{height:calc(100% - 14rem);overflow-y:scroll}.no-locations-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#0009}.component-controls{position:absolute;top:6px;right:6px;display:flex;gap:.6rem;transition:opacity .2s;z-index:1005}.component-controls .drag-handle-btn{color:#fff;opacity:.6;cursor:grab}.component-controls .drag-handle-btn:hover{opacity:.3}.component-controls .delete-btn{color:#f44336;cursor:pointer}.component-controls .delete-btn:hover{color:#d32f2f}.loading-state{border-radius:4px;display:flex!important;align-items:center;justify-content:center;background-color:#000000e6}.title-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background-color:#000000e6}.title-container .title{color:#fff;padding:4px 8px;font-size:14px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:.5rem;text-decoration:none;width:fit-content}.title-container .title:hover{color:#71abe5}.title-container .title .launchIcon{opacity:0;transition:opacity .15s}.title-container .title:hover .launchIcon{opacity:1}.title-container .iframe-container{flex:1;width:100%;position:relative}.title-container .iframe-container .iframe{width:100%;height:100%;border:none;display:block}.draggable-grid-graph{height:100%;position:relative}.draggable-grid-graph__handle{position:absolute;top:6px;left:6px;z-index:10;opacity:0;transition:opacity .2s}.draggable-grid-graph--dragging{opacity:.4}.draggable-grid-graph:hover .draggable-grid-graph__handle,.draggable-grid-graph--selected .draggable-grid-graph__handle{opacity:1}.no-graphs-canvas-ctn{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.no-graphs-canvas-ctn .icon-container{margin:auto;border:2.5px dotted #6E6E6E;width:fit-content;border-radius:20%;opacity:.5;margin-bottom:1rem;padding:.5rem}.droppable-canvas-container .grid-layout-container{display:grid;height:100%;min-height:600px}.droppable-canvas-container .grid-layout-container .grid-cell.empty{background-color:#00000005}.droppable-canvas-container .grid-layout-container .grid-cell.empty:hover{background-color:#1976d20d;border-color:#1976d2}.droppable-canvas-container .grid-layout-container .grid-cell.occupied{background-color:transparent}.droppable-canvas-container .grid-layout-container .grid-placeholder{font-weight:500;flex-direction:column}.droppable-canvas-container .grid-layout--2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr)}.droppable-canvas-container .grid-layout--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.droppable-canvas-container .grid-layout--6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.droppable-canvas-container .grid-layout--8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}@media (max-width: 1200px){.grid-layout--8{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(4,1fr)!important}}@media (max-width: 900px){.grid-layout--6{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(3,1fr)!important}}@media (max-width: 600px){.grid-layout--2,.grid-layout--4,.grid-layout--6,.grid-layout--8{grid-template-columns:1fr!important;grid-template-rows:unset!important}}@media (max-width: 750px){.grid-layout--2{grid-template-columns:1fr!important;grid-template-rows:unset!important}}.labeled-select{display:flex;flex-direction:column}.labeled-select__label{color:#fff;font-weight:700;font-size:.875rem!important;letter-spacing:.5px;margin-bottom:4px;line-height:1.2}.labeled-select__select{height:36px;background-color:#ffffff26;border-radius:4px;color:#fff;font-size:.8rem}.labeled-select__select:hover{background-color:#ffffff40}.labeled-select__select fieldset{border-color:#ffffff4d}.labeled-select__select:hover fieldset{border-color:#ffffff80}.labeled-select__select.Mui-focused fieldset{border-color:#ffffffb3}.labeled-select__select .MuiSelect-select{display:flex;align-items:center;padding:4px 8px;color:#fff;font-size:.8rem}.labeled-select__select .MuiSvgIcon-root{color:#ffffffb3}.labeled-dropdown{display:flex;flex-direction:column}.labeled-dropdown__label{color:#fff;font-weight:700;font-size:.875rem!important;letter-spacing:.5px;margin-bottom:4px;line-height:1.2}.labeled-dropdown__autocomplete .MuiInputBase-root{height:36px;min-height:unset;background-color:#ffffff26;border-radius:4px;color:#fff}.labeled-dropdown__autocomplete .MuiInputBase-root:hover{background-color:#ffffff40}.labeled-dropdown__autocomplete .MuiInputBase-root fieldset{border-color:#ffffff4d}.labeled-dropdown__autocomplete .MuiInputBase-root:hover fieldset{border-color:#ffffff80}.labeled-dropdown__autocomplete .MuiInputBase-root.Mui-focused fieldset{border-color:#ffffffb3}.labeled-dropdown__autocomplete input{padding:4px 8px!important;color:#fff;font-size:.8rem}.labeled-dropdown__autocomplete input::placeholder{color:#ffffff80;opacity:1}.labeled-dropdown__autocomplete .MuiSvgIcon-root{color:#ffffffb3}.labeled-dropdown__autocomplete .MuiInputLabel-root{display:none}.header-toolbar{padding:.5rem 1rem 1rem;background-color:#0082dd;color:#fff;font-size:15px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.header-toolbar__logo{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;text-decoration:none;color:inherit;padding-bottom:2px}.header-toolbar__logo img{height:45px;margin-right:.5em}.header-toolbar__logo h1{margin:0;font-size:1.7rem}.header-toolbar__logo h1:hover{color:orange;opacity:.7}.header-toolbar__controls{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap;justify-content:center}.header-toolbar__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;margin-bottom:2px;position:relative;z-index:1}.header-toolbar__hamburger span{display:block;width:24px;height:2px;background-color:#fff;border-radius:2px;transform-origin:center;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s ease,width .3s ease}.header-toolbar__hamburger--open{position:fixed;top:14px;right:1.25rem;z-index:1400}.header-toolbar__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header-toolbar__hamburger--open span:nth-child(2){opacity:0;width:0}.header-toolbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-toolbar__drawer{width:280px;background-color:#0072c6!important;color:#fff}.header-toolbar__drawer-header{padding:1.1rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.2);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:#fff}.header-toolbar__drawer-controls{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1rem}.header-toolbar__legend{display:flex;flex-direction:column;align-items:center;padding-bottom:2px}.header-toolbar__legend-label{color:#fff;font-weight:400;font-size:.875rem!important;letter-spacing:.5px;line-height:1.2;margin-bottom:0}.header-toolbar__legend-switch .MuiSwitch-switchBase.Mui-checked{color:#fff}.header-toolbar__legend-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#fff}.header-toolbar__add-btn{height:36px;background-color:#ffffff26!important;text-transform:none!important;font-size:.875rem!important;white-space:nowrap;margin-bottom:2px}.header-toolbar__add-btn:hover{background-color:#ffffff40!important}.header-toolbar__add-btn.Mui-disabled{color:#fff6!important;background-color:#ffffff14!important}@media (max-width: 1160px){.header-toolbar{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}}@media (max-width: 860px){.header-toolbar{flex-direction:row;justify-content:space-between;flex-wrap:nowrap;align-items:center;padding-bottom:.5rem}.header-toolbar__controls{display:none}.header-toolbar__hamburger{display:flex}}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:36px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.canvas-toolbar .canvas-toolbar-left{display:flex;align-items:center;gap:.5rem}.canvas-toolbar .canvas-toolbar-right{display:flex;align-items:center;gap:.25rem}.canvas-toolbar .toolbar-label{font-size:13px;font-weight:600;color:#9e9e9e;letter-spacing:.6px;text-transform:uppercase}.canvas-toolbar .toolbar-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#1976d2;color:#fff;font-size:10px;font-weight:700;border-radius:4px;padding:1px 6px;min-width:18px;height:18px}