.dt-lang-links{display:flex;align-items:center;padding:3px;border:1px solid #28556c;border-radius:999px;background:#04111d}
.dt-lang-links a{display:grid;place-items:center;min-width:34px;height:30px;border-radius:999px;color:#86a9ba;text-decoration:none;font:800 10px XRMono,monospace}
.dt-lang-links a.active{background:#12384d;color:#f5fbff}
.dt-context-nav{position:sticky;top:78px;z-index:24;display:flex;justify-content:center;gap:8px;padding:9px 18px;border-bottom:1px solid #153246;background:rgba(3,13,23,.92);backdrop-filter:blur(18px)}
.dt-context-nav a{padding:9px 14px;border:1px solid transparent;border-radius:999px;color:#83a7b9;text-decoration:none;font:700 9px XRMono,monospace;letter-spacing:.06em;white-space:nowrap}
.dt-context-nav a:hover,.dt-context-nav a.active{border-color:#285c74;background:#092131;color:#f4fbff}
.asset span em{display:block;font-style:normal;font-weight:800}
.signal-map p span{display:block;margin-top:3px}
.event-stream li i.warn{background:#ffbe67;box-shadow:0 0 8px #ffbe67}
.mqtt-card label>span{display:block}
.dt-assets{top:127px;height:calc(100vh - 127px)}
.dt-workspace{padding-top:30px}

@media(max-width:900px){
  .dt-context-nav{top:78px;justify-content:flex-start;overflow-x:auto}
  .dt-assets{position:static;height:auto}
}

@media(max-width:720px){
  .dt-top-actions{gap:6px}
  .dt-lang-links a{min-width:30px}
  .dt-context-nav{top:68px;padding:8px 10px}
  .dt-context-nav a{padding:8px 10px}
}

@media(max-width:540px){
  .dt-brand strong{font-size:14px}
  .dt-top-actions .dt-back{display:none}
  .dt-lang-links a{height:28px}
}

@media(max-width:640px){
  .dt-back::after{content:"\2190"}
}