/* Shared controls and accent treatment for the hospital operations screen. */
.dashboard-mode{
  --ui-blue:#479aff;
  --ui-cyan:#25deef;
  --ui-green:#2aebb2;
  --ui-red:#ff6388;
  --ui-amber:#ffc250;
  --accent:var(--ui-cyan);
}
.dashboard-mode .topbar{
  height:74px;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:16px;
}
.dashboard-mode .brand,.dashboard-mode .brand>div:last-child,.dashboard-mode .header-right{min-width:0}
.dashboard-mode .brand{gap:10px}
.dashboard-mode .brand-mark{flex:0 0 auto;filter:drop-shadow(0 0 8px #25deef30)}
.dashboard-mode .brand-mark i{background:linear-gradient(145deg,#80f6ff,var(--ui-cyan))}
.dashboard-mode .page-name{min-width:0}
.dashboard-mode .page-name h1{
  margin:0 0 5px;
  color:#e9faff;
  font-size:20px;
  font-weight:600;
  letter-spacing:1.2px;
  line-height:1.4;
  white-space:nowrap;
  text-shadow:0 0 24px #25deef22;
}
.dashboard-mode .page-name>div>span{color:#8dbbd0;letter-spacing:2px}
.dashboard-mode #clock{color:#d0f3ff}

/* The two native selects share the same geometry, caret and keyboard state. */
.dashboard-mode :is(#space-select,#dashboard-campus){
  appearance:none;
  -webkit-appearance:none;
  display:block;
  box-sizing:border-box;
  height:34px;
  min-height:34px;
  margin:0;
  padding:0 32px 0 11px;
  border:1px solid #69b5d54d;
  border-radius:5px;
  outline:none;
  color:#c9eaf4;
  background-color:#112c40;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2325deef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:14px 14px;
  box-shadow:inset 0 1px 0 #b8edff09;
  font-family:inherit;
  font-size:10px;
  font-weight:400;
  line-height:normal;
  color-scheme:dark;
  cursor:pointer;
  transition:border-color .18s,box-shadow .18s,background-color .18s;
}
.dashboard-mode :is(#space-select,#dashboard-campus):hover{border-color:#25deef8c;background-color:#15364b}
.dashboard-mode :is(#space-select,#dashboard-campus):focus-visible{
  border-color:var(--ui-cyan);
  outline:2px solid #25deef70;
  outline-offset:2px;
  box-shadow:0 0 18px #25deef22;
}
.dashboard-mode :is(#space-select,#dashboard-campus) option{color:#d5edf5;background:#132d41;font:inherit}
.dashboard-mode #space-select.is-selected{color:#bcffe9;border-color:#2aebb2a1;background-color:#12393f;box-shadow:0 0 14px #2aebb21a}
.dashboard-mode .scene-control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  min-height:34px;
  padding:0 10px;
  border-color:#69b5d53d;
  color:#a8d0e1;
  background:#112c40b3;
  border-radius:5px;
}
.dashboard-mode .scene-control:hover,
.dashboard-mode .scene-control:is([aria-expanded=true],[aria-pressed=true]){
  color:#b4faff;
  border-color:#25deef91;
  background:#25deef1c;
  box-shadow:0 0 15px #25deef12;
}
.dashboard-mode #dashboard-period button.active{color:#baffff;background:#25deef24;box-shadow:inset 0 0 0 1px #25deef69}
.dashboard-mode .dashboard-source i{background:var(--ui-cyan);box-shadow:0 0 10px #25deef77}
.dashboard-mode :is(button,input):focus-visible{outline-color:var(--ui-cyan)}

/* Equal side tracks keep Home at the viewport centre, including narrow screens. */
.dashboard-mode .bottom-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  justify-content:initial;
  gap:18px;
  overflow:visible;
  border-top-color:#64bad33b;
}
.dashboard-mode .toolbar-left,.dashboard-mode .toolbar-right{
  display:flex;
  align-items:center;
  flex-shrink:1;
  min-width:0;
  max-width:100%;
  min-height:45px;
  max-height:56px;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:#25deef4d transparent;
}
.dashboard-mode .toolbar-left{justify-self:stretch;justify-content:flex-start}
.dashboard-mode .toolbar-right{justify-self:stretch;justify-content:flex-end}
.dashboard-mode .toolbar-left>*,.dashboard-mode .toolbar-right>*{flex:0 0 auto}
.dashboard-mode .toolbar-left::-webkit-scrollbar,.dashboard-mode .toolbar-right::-webkit-scrollbar{height:3px}
.dashboard-mode .toolbar-left::-webkit-scrollbar-thumb,.dashboard-mode .toolbar-right::-webkit-scrollbar-thumb{background:#25deef4d;border-radius:3px}
.dashboard-mode .tool-button{
  height:34px;
  padding:0 10px;
  border-color:#77b9d437;
  color:#93afc4;
  background:#142c400d;
}
.dashboard-mode .tool-button.active{color:#b2f9ff;background:#25deef15;border-color:#25deef61;box-shadow:inset 0 0 13px #25deef07}
.dashboard-mode .tool-button:hover{color:#dcfcff;border-color:#25deef99;background:#25deef1f}
.dashboard-mode .tool-button>svg{width:17px;height:17px;vertical-align:middle}
.dashboard-mode .height-control{gap:8px;color:#9bb8c9;margin-left:7px}
.dashboard-mode .height-control input{accent-color:var(--ui-cyan);height:3px}
.dashboard-mode .height-control output{color:#b4e9f5}
.dashboard-mode .icon-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:34px;
  min-width:34px;
  padding:0 9px;
  border:1px solid #77b9d43b;
  border-radius:5px;
  color:#a7cfdf;
  background:#17314940;
}
.dashboard-mode .icon-button svg{display:block;width:19px;height:19px;flex:0 0 auto}
.dashboard-mode .icon-button span{font-size:10px;line-height:1;white-space:nowrap}
.dashboard-mode .icon-button:hover{color:#d2fbff;border-color:#25deef86;background:#25deef15}
/* The selection indicator and close button each occupy their own heading cell. */
.dashboard-mode .room-panel>.room-detail-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) 30px;
  grid-template-rows:auto auto;
  gap:7px 9px;
  align-items:center;
  padding:0 0 12px;
  margin:0;
  border-bottom:1px solid #86c8d42b;
}
.dashboard-mode .room-detail-heading h2{grid-column:1;grid-row:1;margin:0;font-size:12px;font-weight:600;letter-spacing:1.2px;line-height:1.3;color:#e0f7ff}
.dashboard-mode .room-heading-status{grid-column:1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.dashboard-mode .room-heading-status .mini-pill{margin:0;max-width:100%;font-size:8px;letter-spacing:.3px;padding:3px 5px;line-height:1.35;overflow-wrap:anywhere}
.dashboard-mode .room-heading-status .selection-pill{width:auto;margin:0;font-size:8px;letter-spacing:.2px;line-height:1.35;text-align:left;white-space:nowrap}
.dashboard-mode .room-panel.is-selected .room-heading-status .selection-pill{display:inline-flex;align-items:center;padding:3px 5px;color:#9cffdc;border:1px solid #2aebb249;border-radius:3px;background:#2aebb214}
.dashboard-mode .room-heading-status .selection-pill:before{margin:0 4px 0 0;background:var(--ui-green);box-shadow:0 0 7px #2aebb26a}
.dashboard-mode .room-detail-heading .details-close{
  position:static;
  grid-column:2;
  grid-row:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  margin:0;
  padding:0;
  color:#9ccddd;
  border:1px solid #79bfd740;
  border-radius:5px;
  background:#1b39504f;
}
.dashboard-mode .room-detail-heading .details-close svg{display:block;width:16px;height:16px}
.dashboard-mode .room-detail-heading .details-close:hover{color:#ffc4d3;border-color:#ff638883;background:#ff638819}
.dashboard-mode .room-panel.is-selected{border-color:#2aebb2a3;box-shadow:inset 3px 0 0 var(--ui-green),0 0 26px #2aebb21a}
.dashboard-mode .room-number{margin-top:14px;color:#d1f6ff}
.dashboard-mode .room-panel.is-selected .room-number{color:#baffdf}
.dashboard-mode .focus-button{color:#77edfa}
.dashboard-mode .room-panel.is-selected .focus-button{color:#68f3c8}

/* Accent colours stay semantic and brighter than the surrounding glass. */
.dashboard-mode .op-card{--op-blue:var(--ui-blue);--op-cyan:var(--ui-cyan);--op-green:var(--ui-green);--op-red:var(--ui-red);--op-amber:var(--ui-amber)}
.dashboard-mode .op-card-header h2>svg{color:var(--ui-cyan);filter:drop-shadow(0 0 5px #25deef2e)}
.dashboard-mode :is(.op-card-overview,.op-card-rank,.op-card-punctual) .op-card-header h2>svg{color:var(--ui-blue);filter:drop-shadow(0 0 5px #479aff35)}
.dashboard-mode :is(.op-card-doctor,.op-card-trend,.op-card-systems,.op-card-devices) .op-card-header h2>svg{color:var(--ui-green);filter:drop-shadow(0 0 5px #2aebb22e)}
.dashboard-mode .op-card-queue .op-card-header h2>svg{color:var(--ui-amber)}
.dashboard-mode .op-card-warnings .op-card-header h2>svg{color:var(--ui-red);filter:drop-shadow(0 0 5px #ff638835)}
.dashboard-mode .op-kpi{border-color:color-mix(in srgb,var(--op-kpi-color) 35%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--op-kpi-color) 15%,transparent),color-mix(in srgb,var(--op-kpi-color) 3%,transparent))}
.dashboard-mode .op-kpi>span{color:#b4cedd}
.dashboard-mode .op-kpi-icon{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--op-kpi-color) 30%,transparent))}
.dashboard-mode .op-kpi>strong{text-shadow:0 0 18px color-mix(in srgb,var(--op-kpi-color) 30%,transparent)}
.dashboard-mode .op-rank-row>span>i>u{background:linear-gradient(90deg,var(--ui-blue),var(--ui-cyan));box-shadow:0 0 9px #25deef35}
.dashboard-mode .op-rank-row:nth-child(1)>b{color:#bbfaff;background:#25deef26;border-color:#25deef75}
.dashboard-mode .op-rank-row>em{color:#a7d2ff}
.dashboard-mode .op-rank-pager button.op-active{color:#c5ffff;border-color:#25deef91;background:#25deef24}
.dashboard-mode .op-donut-seg[data-donut="0"]{stroke:var(--ui-blue)}
.dashboard-mode .op-donut-seg[data-donut="1"]{stroke:var(--ui-cyan)}
.dashboard-mode .op-donut-seg[data-donut="2"]{stroke:var(--ui-amber)}
.dashboard-mode .op-donut-legend [data-donut="0"]>i{background:var(--ui-blue)!important;box-shadow:0 0 6px #479aff55}
.dashboard-mode .op-donut-legend [data-donut="1"]>i{background:var(--ui-cyan)!important;box-shadow:0 0 6px #25deef55}
.dashboard-mode .op-donut-legend [data-donut="2"]>i{background:var(--ui-amber)!important;box-shadow:0 0 6px #ffc25055}
.dashboard-mode .op-donut-seg.op-on{filter:drop-shadow(0 0 6px #25deef78)}
.dashboard-mode .op-zone{--op-state:var(--ui-green)}
.dashboard-mode .op-zone.op-warn{--op-state:var(--ui-amber)}
.dashboard-mode .op-zone.op-danger{--op-state:var(--ui-red)}
.dashboard-mode .op-track>u{box-shadow:0 0 8px color-mix(in srgb,var(--op-state) 35%,transparent)}
.dashboard-mode .op-duty-hero>b{color:#70ffd2;text-shadow:0 0 18px #2aebb22b}
.dashboard-mode .op-duty-track>u{background:linear-gradient(90deg,var(--ui-cyan),var(--ui-green))}
.dashboard-mode .op-stat-list p>b{color:#98dbff}
.dashboard-mode #op-trend-wait stop:nth-child(1){stop-color:#d1edff}
.dashboard-mode #op-trend-wait stop:nth-child(2){stop-color:var(--ui-blue)}
.dashboard-mode #op-trend-wait stop:nth-child(3){stop-color:#2264d4}
.dashboard-mode #op-trend-visit stop:nth-child(1){stop-color:#d2fff0}
.dashboard-mode #op-trend-visit stop:nth-child(2){stop-color:var(--ui-green)}
.dashboard-mode #op-trend-visit stop:nth-child(3){stop-color:#0b966e}
.dashboard-mode .op-tb-val{fill:#94caff!important}
.dashboard-mode .op-tb-val.op-visit{fill:#74ffd6!important}
.dashboard-mode .op-lg-wait{background:var(--ui-blue)}
.dashboard-mode .op-lg-visit{background:var(--ui-green)}
.dashboard-mode .op-warn-list>p.op-danger{--op-state:var(--ui-red);color:#f3c2ce}
.dashboard-mode .op-warn-list>p.op-warn{--op-state:var(--ui-amber);color:#e2d3b5}
.dashboard-mode .op-warn-list>p.op-info{--op-state:var(--ui-blue);color:#bcd3e8}
.dashboard-mode .op-systems>span{border-color:#2aebb236;background:#2aebb20b;color:#b0d8cd}
.dashboard-mode .op-systems>span>i{background:var(--ui-green);box-shadow:0 0 6px #2aebb279}
.dashboard-mode .op-systems b{color:#70f7cb}
.dashboard-mode .op-punctual-bar>.op-early,.dashboard-mode .op-punctual-legend i.op-early{background:var(--ui-cyan)}
.dashboard-mode .op-punctual-bar>.op-ontime,.dashboard-mode .op-punctual-legend i.op-ontime{background:var(--ui-blue)}
.dashboard-mode .op-punctual-bar>.op-late,.dashboard-mode .op-punctual-legend i.op-late{background:var(--ui-amber)}
.dashboard-mode .op-flow-step.op-active{border-color:#25deef9c;background:linear-gradient(135deg,#25deef26,#479aff17);box-shadow:inset 0 0 18px #25deef0c,0 0 10px #25deef0d}
.dashboard-mode .op-flow-step.op-active>em{color:#8cf6ff}
.dashboard-mode .op-flow-link.op-lit{background:var(--ui-cyan);box-shadow:0 0 6px #25deef55}
.dashboard-mode .op-flow-link.op-lit:after{border-color:var(--ui-cyan)}
.dashboard-mode .op-flow-metrics>p:nth-child(1) .op-fm-value{color:#76f4ff}
.dashboard-mode .op-flow-metrics>p:nth-child(2) .op-fm-value{color:#70ffd2}
.dashboard-mode .op-flow-metrics>p:nth-child(3) .op-fm-value{color:#8cc4ff}
.dashboard-mode .op-fm-bar>i{background:linear-gradient(90deg,var(--ui-blue),var(--ui-cyan))}
.dashboard-mode .op-flow-metrics>p:nth-child(2) .op-fm-bar>i{background:linear-gradient(90deg,#12a895,var(--ui-green))}
.dashboard-mode .op-devices-total>strong{color:#77ffd7;text-shadow:0 0 18px #2aebb21c}
.dashboard-mode .op-devices-total>span>em{color:var(--ui-red)}
.dashboard-mode .op-devices-kinds>li>b{color:#a3d4ff}
.dashboard-mode .op-devices-offline li.op-danger,.op-device-full-list>li.op-danger{--op-state:#ff6388}
.dashboard-mode .op-devices-offline li.op-warn,.op-device-full-list>li.op-warn{--op-state:#ffc250}
.dashboard-mode .op-devices-offline li.op-info,.op-device-full-list>li.op-info{--op-state:#479aff}

/* A real CSS 3D cube floats over the illuminated map during model construction. */
.dashboard-mode .loading{
  position:fixed;
  inset:0;
  background:radial-gradient(ellipse at 50% 45%,#153c55 0,#0d2338 30%,#091624 70%);
  padding:28px 16px;
}
.dashboard-mode .loader-scene{position:relative;width:210px;height:190px;flex:0 0 auto;perspective:700px;perspective-origin:50% 42%;isolation:isolate}
.dashboard-mode .loader-scene:after{content:"";position:absolute;left:50%;top:57%;width:156px;height:70px;transform:translate(-50%,-50%);border-radius:50%;background:#25deef24;filter:blur(24px);z-index:-1}
.dashboard-mode .loader-map-base{
  position:absolute;
  top:64%;
  left:50%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  gap:5px;
  width:134px;
  height:134px;
  padding:8px;
  border:1px solid #25deef52;
  border-radius:5px;
  background:linear-gradient(135deg,#479aff16,#25deef16);
  transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-28deg);
  transform-style:preserve-3d;
  box-shadow:0 0 24px #25deef1b,inset 0 0 20px #25deef0f;
}
.dashboard-mode .loader-map-base>i{display:block;border:1px solid #47e9f656;border-radius:2px;background:linear-gradient(140deg,#25deef24,#479aff15);box-shadow:inset 0 0 8px #25deef15;animation:ui-map-light 2.8s ease-in-out infinite}
.dashboard-mode .loader-map-base>i:nth-child(3n+2){animation-delay:-.6s}
.dashboard-mode .loader-map-base>i:nth-child(3n){animation-delay:-1.2s}
.dashboard-mode .loader-cube{
  position:absolute;
  top:37%;
  left:50%;
  width:64px;
  height:64px;
  transform:translate(-50%,-50%) translateY(-8px) rotateX(-24deg) rotateY(35deg);
  transform-style:preserve-3d;
  animation:ui-cube-turn 7s linear infinite;
}
.dashboard-mode .loader-cube>i{position:absolute;inset:0;display:block;border:1px solid #83f7ffcc;background:linear-gradient(135deg,#25deef45,#479aff21);box-shadow:inset 0 0 16px #25deef27,0 0 13px #25deef18;backface-visibility:visible}
.dashboard-mode .loader-cube>i:before,.dashboard-mode .loader-cube>i:after{content:"";position:absolute;background:#8af6ff42}
.dashboard-mode .loader-cube>i:before{top:0;bottom:0;left:50%;width:1px}
.dashboard-mode .loader-cube>i:after{left:0;right:0;top:50%;height:1px}
.dashboard-mode .loader-cube .cube-front{transform:translateZ(32px)}
.dashboard-mode .loader-cube .cube-back{transform:rotateY(180deg) translateZ(32px)}
.dashboard-mode .loader-cube .cube-left{transform:rotateY(-90deg) translateZ(32px)}
.dashboard-mode .loader-cube .cube-right{transform:rotateY(90deg) translateZ(32px)}
.dashboard-mode .loader-cube .cube-top{transform:rotateX(90deg) translateZ(32px);background:linear-gradient(135deg,#74faff66,#25deef2b)}
.dashboard-mode .loader-cube .cube-bottom{transform:rotateX(-90deg) translateZ(32px)}
.dashboard-mode .loader-ring{position:absolute;top:65%;left:50%;width:183px;height:183px;border:1px solid #25deef35;border-top-color:#73f3ffb3;border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(0);box-shadow:0 0 18px #25deef12;animation:ui-map-orbit 5s linear infinite}
.dashboard-mode .loader-ring:after{content:"";position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:#c0fbff;box-shadow:0 0 11px #25deef}
.dashboard-mode .loading p{max-width:min(680px,90vw);margin:16px auto 0;text-align:center;color:#d0f2fc;font-size:15px;font-weight:500;line-height:1.8;letter-spacing:1.4px;overflow-wrap:anywhere;text-shadow:0 0 20px #25deef1d}
.dashboard-mode .loading>span{max-width:90vw;margin-top:10px;text-align:center;font:9px/1.7 Oxanium,monospace;letter-spacing:3px;color:#72b8d2;overflow-wrap:anywhere}
@keyframes ui-cube-turn{
  0%{transform:translate(-50%,-50%) translateY(-8px) rotateX(-24deg) rotateY(35deg)}
  50%{transform:translate(-50%,-50%) translateY(-14px) rotateX(-24deg) rotateY(215deg)}
  100%{transform:translate(-50%,-50%) translateY(-8px) rotateX(-24deg) rotateY(395deg)}
}
@keyframes ui-map-light{0%,100%{opacity:.55}50%{opacity:1;box-shadow:inset 0 0 12px #25deef3d,0 0 8px #25deef29}}
@keyframes ui-map-orbit{to{transform:translate(-50%,-50%) rotateX(64deg) rotateZ(360deg)}}

@media(max-width:1100px){
  .dashboard-mode .topbar{gap:12px}
  .dashboard-mode .brand-title{font-size:14px;letter-spacing:.7px}
  .dashboard-mode .brand-sub{font-size:6px;letter-spacing:.8px}
  .dashboard-mode .brand-mark{width:27px;height:27px}
  .dashboard-mode .page-name h1{font-size:16px;letter-spacing:.7px}
  .dashboard-mode .page-name>div>span{font-size:7px;letter-spacing:1px}
  .dashboard-mode #clock{font-size:19px;letter-spacing:1px}
  .dashboard-mode .bottom-bar{gap:12px}
  .dashboard-mode .toolbar-title{display:none}
}
@media(max-width:760px){
  .dashboard-mode .topbar{height:74px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:32px 24px;align-items:center;gap:0 8px;padding:8px 16px}
  .dashboard-mode .brand{grid-column:1;grid-row:1;gap:8px;align-self:center}
  .dashboard-mode .brand-title{font-size:13px;letter-spacing:.5px;white-space:nowrap}
  .dashboard-mode .brand-sub{display:none}
  .dashboard-mode .brand-mark{width:23px;height:23px}
  .dashboard-mode .header-right{grid-column:2;grid-row:1;align-self:center}
  .dashboard-mode .dashboard-clock{gap:2px}
  .dashboard-mode #clock{font-size:16px;letter-spacing:1px;line-height:1}
  .dashboard-mode .dashboard-clock #dashboard-date{font-size:7px;line-height:1.2;max-width:130px;white-space:nowrap}
  .dashboard-mode .page-name{display:block;grid-column:1/-1;grid-row:2;align-self:center;justify-self:center;width:100%;text-align:center}
  .dashboard-mode .page-name h1{margin:0;font-size:12px;line-height:1.35;letter-spacing:.8px;white-space:normal}
  .dashboard-mode .page-name>div>span{display:none}
  .dashboard-mode :is(#space-select,#dashboard-campus){height:36px;min-height:36px;font-size:10px;padding-right:29px;background-position:right 9px center}
  .dashboard-mode .scene-control{height:36px;min-height:36px;font-size:9px;padding:0 8px}
  .dashboard-mode .bottom-bar{padding:0 16px;gap:8px}
  .dashboard-mode .toolbar-left,.dashboard-mode .toolbar-right{gap:6px}
  .dashboard-mode .tool-button{width:34px;min-width:34px;padding:0;font-size:15px}
  .dashboard-mode .tool-button span,.dashboard-mode .toolbar-right .icon-button span{display:none}
  .dashboard-mode .toolbar-right .icon-button{width:34px;min-width:34px;padding:0}
  .dashboard-mode .height-control{margin-left:4px;gap:6px}
  .dashboard-mode .height-control>span{display:none}
  .dashboard-mode .height-control input{width:64px}
  .dashboard-mode .height-control output{min-width:42px;font-size:9px}
  .dashboard-mode .loading p{font-size:13px;letter-spacing:.8px}
}
@media(max-width:399px){
  .dashboard-mode .topbar{padding-left:12px;padding-right:12px;column-gap:5px}
  .dashboard-mode .brand{gap:6px}
  .dashboard-mode .brand-title{font-size:12px;letter-spacing:0}
  .dashboard-mode .brand-mark{width:21px;height:21px}
  .dashboard-mode .dashboard-clock #dashboard-date{font-size:6px}
  .dashboard-mode .page-name h1{font-size:11px;letter-spacing:.4px}
  .dashboard-mode .bottom-bar{padding-left:12px;padding-right:12px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-mode :is(.loader-cube,.loader-ring,.loader-map-base>i){animation:none}
  .dashboard-mode :is(.home-button,.scene-control,#space-select,#dashboard-campus){transition:none}
}