.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:15px;padding:0 22px 22px}.dashboard-card{background:#152032;border:1px solid #30415a;border-radius:8px;padding:18px;min-width:0}.dashboard-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.dashboard-card-top>small{font-size:10px;color:#8192ac}.dashboard-card h3{font-size:15px;overflow-wrap:anywhere}.dashboard-card p{font-size:11px}.dashboard-value{display:block;font-size:24px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;margin:15px 0}.dashboard-card>small{color:#8192ac;font-size:10px}.dashboard-card .actions{margin-top:15px}.dashboard-alarm{border-color:#9b4251;background:#291e2c}.dashboard-sensor-error{color:#ffadb4}.dashboard-outage-heading{display:flex;align-items:center;gap:15px;padding:0 22px 10px}.dashboard-outage-heading h3{font-size:14px;margin:5px 0}.dashboard-outage-heading>span{background:#482530;color:#ff939f;padding:5px 9px;border-radius:5px;font-size:12px}.dashboard-outage-heading>small{margin-left:auto;color:#8192ac;font-size:10px}.dashboard-clear{color:#62d6bd;padding:15px;background:#14312d;border-radius:6px;font-size:12px}.dashboard-empty{padding:20px;font-size:12px}.dashboard-pending{color:#f4cd80;font-size:12px;margin:0 22px 20px}#dashboard-error{color:#ffadb4;margin:0 22px 15px}#dashboard-dialog{width:850px}#dashboard-search{width:100%;margin:16px 0}.dashboard-options{max-height:400px;overflow:auto}.dashboard-option{display:flex;align-items:center;gap:14px;border:1px solid #30415a;border-radius:6px;padding:14px;margin:8px 0}.dashboard-option>span{flex:1}.dashboard-option small{display:block;color:#8192ac;font-size:11px;margin-top:7px}#dashboard-save-error{color:#ffadb4;margin:12px 0}
.dashboard-display-link{text-decoration:none;white-space:nowrap;font-size:12px;border-radius:6px}.dashboard-traffic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:15px;padding:0 22px 22px}.dashboard-traffic-card h3{margin:0;font-size:16px}.dashboard-traffic-values{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0;font-size:16px;font-weight:600}.dashboard-mini-chart{background:#0b1321;border-radius:6px;min-height:160px;padding:8px}.dashboard-mini-chart svg{display:block;width:100%}.dashboard-mini-chart text{fill:#91a1bb;font-size:10px}.dashboard-mini-chart>small{display:block;color:#91a1bb;font-size:11px;padding:0 10px 10px}.dashboard-option>label:first-child{display:flex;gap:14px;align-items:center;flex:1;margin:0}.dashboard-option>label:last-child{margin:0;font-size:11px}.dashboard-screen-title{display:none}.dashboard-display aside,.dashboard-display main>header,.dashboard-display .toolbar,.dashboard-display main>footer,.dashboard-display #dashboard>.panel-head,.dashboard-display #dashboard .actions{display:none!important}.dashboard-display main{margin:0;padding:24px;max-width:none}.dashboard-display #dashboard{border:0;background:transparent;margin:0}.dashboard-display .dashboard-screen-title{display:flex;align-items:center;gap:20px;padding:0 22px 22px}.dashboard-screen-title h1{margin:0}.dashboard-screen-title span{margin-left:auto;color:#91a1bb}:fullscreen #dashboard-fullscreen{display:none}.dashboard-display .dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(min-width:1900px){.dashboard-display .dashboard-traffic-grid{grid-template-columns:repeat(auto-fill,minmax(650px,1fr))}}@media(max-width:600px){.dashboard-option{flex-wrap:wrap}.dashboard-display main{padding:10px}.dashboard-display .dashboard-screen-title{flex-wrap:wrap;padding:10px}.dashboard-screen-title h1{font-size:22px}.dashboard-screen-title span{font-size:11px}}

.dashboard-mini-chart svg{max-height:300px}.dashboard-display .dashboard-card{padding:16px}.dashboard-display .dashboard-value{margin:10px 0}.dashboard-display .dashboard-outage-heading{padding-top:6px}
.dashboard-widget-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:0 22px 22px;align-items:stretch}.dashboard-widget-grid>.dashboard-empty{grid-column:1/-1}.dashboard-widget{min-width:0;border:1px solid #30415a;border-radius:9px;background:#152032;overflow:hidden;display:flex;flex-direction:column}.dashboard-widget-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:10px;border-bottom:1px solid #30415a;background:#101c2e}.dashboard-widget-controls button{padding:6px 8px;font-size:11px}.dashboard-widget-controls select{width:auto;min-width:0;font-size:11px;padding:6px}.dashboard-widget-controls [data-widget-remove]{margin-left:auto}.dashboard-widget-arrows{display:flex;gap:3px}.dashboard-widget-controls .dashboard-move-handle{cursor:grab;font-size:18px;line-height:20px;touch-action:none;user-select:none}.dashboard-widget-content{padding:18px;flex:1}.dashboard-widget-content>.dashboard-card{border:0;padding:0;background:transparent}.dashboard-widget-dragging{opacity:.55}.dashboard-widget-drop{outline:3px dashed #62d6bd;outline-offset:-4px;background:#19312f}.dashboard-grid-hint{font-size:12px;margin:0 22px 18px;color:#91a1bb}.dashboard-display .dashboard-widget-controls,.dashboard-display .dashboard-grid-hint{display:none!important}.dashboard-widget-controls button:focus-visible,.dashboard-widget-controls select:focus-visible{outline:2px solid #62d6bd;outline-offset:2px}@media(max-width:1100px){.dashboard-widget-grid>.dashboard-widget[data-span="4"]{grid-column:span 6!important}}@media(max-width:700px){.dashboard-widget-grid>.dashboard-widget{grid-column:1/-1!important}.dashboard-widget-grid{padding:0 12px 15px;gap:12px}.dashboard-widget-controls button{min-height:34px}}
.dashboard-pending:empty{display:none;margin:0}.dashboard-clear{grid-column:1/-1;margin:0}
.dashboard-outage-widget>.dashboard-outage-heading{padding:0 0 12px}.dashboard-outage-widget>.dashboard-grid{padding:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.dashboard-outage-widget>.dashboard-pending{margin:16px 0 0}.dashboard-widget-outages [data-widget-remove]{display:none!important}.dashboard-widget-outages .dashboard-clear{margin:0}.dashboard-display .dashboard-outage-widget>.dashboard-outage-heading{padding:0 0 12px}

#dashboard-error:empty{display:none}.dashboard-display .dashboard-screen-title{position:fixed;top:10px;right:10px;padding:0;z-index:10}:fullscreen .dashboard-screen-title{display:none!important}
/* Compact outage cards, including the wall display. */
.dashboard-outage-widget>#dashboard-offline{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px}
.dashboard-outage-widget .dashboard-alarm{padding:10px;border-radius:6px;line-height:1.35;overflow-wrap:anywhere}
.dashboard-outage-widget .dashboard-card-top{gap:6px}
.dashboard-outage-widget .dashboard-alarm h3{font-size:13px;margin:6px 0;font-weight:600}
.dashboard-outage-widget .dashboard-alarm p{font-size:11px;margin:4px 0;line-height:1.35}
.dashboard-outage-widget .dashboard-alarm>small{font-size:10px}
.dashboard-outage-widget .dashboard-value{font-size:17px;line-height:1.3;margin:6px 0}
.dashboard-outage-widget .dashboard-alarm .actions{margin-top:8px;gap:5px;flex-wrap:wrap}
.dashboard-outage-widget .dashboard-alarm .actions button{font-size:10px;padding:5px 7px;min-height:28px}
.dashboard-widget-outages>.dashboard-widget-content{padding:12px}
.dashboard-outage-widget>.dashboard-outage-heading,.dashboard-display .dashboard-outage-widget>.dashboard-outage-heading{padding:0 0 8px}