/* The same header assets are served by Qt and ASP.NET. */
@font-face{font-family:"Cormorant Garamond";src:url("/fonts/CormorantGaramond-Variable.ttf") format("truetype");font-weight:300 700;font-display:swap}
[hidden]{display:none!important}
#workspace-header{position:relative;z-index:20;flex:0 0 auto;min-height:72px;padding:8px 64px 8px 5%;display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #e0e6df;color:#182e28;font:14px "Segoe UI",Arial,sans-serif}
#workspace-header .brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#738b2d;flex-shrink:0}
#workspace-header .brand-logo{display:block;width:106px;height:55px;object-fit:contain}
#workspace-header .brand>span{font:400 32px/1 "Cormorant Garamond",Garamond,Georgia,serif;letter-spacing:.2px}
#workspace-header #identity{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}
#workspace-header #identity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}
#workspace-header .quiet,.telemetry-dialog .quiet{height:38px;border:1px solid #e0e6df;border-radius:8px;padding:0 14px;background:#fff;color:#31463d;cursor:pointer;font:inherit;white-space:nowrap}
#header-toggle{position:fixed;top:17px;right:12px;z-index:21;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #e0e6df;border-radius:8px;background:#ffffffed;color:#60745c;cursor:pointer}
#header-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.mobile-fullscreen-open #workspace-header,.mobile-fullscreen-open #header-toggle{display:none!important}
.telemetry-dialog{box-sizing:border-box;width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #dce3d9;border-radius:14px;background:#f4f6f3;color:#182e28;font:14px/1.5 "Segoe UI",Arial,sans-serif;box-shadow:0 20px 80px #0003;overflow:auto}
.telemetry-dialog::backdrop{background:#11251f66}
.telemetry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.telemetry-heading h2{margin:0;font-size:23px}
.telemetry-status{color:#68756b;font-size:13px;margin:8px 0 16px}
.telemetry-computer{background:white;border:1px solid #e0e6df;border-radius:10px;padding:16px;margin-top:12px;overflow-wrap:anywhere}
.telemetry-computer h3{margin:0;font-size:17px}
.telemetry-computer dl{display:grid;grid-template-columns:175px minmax(0,1fr);gap:7px 14px;margin:0}
.telemetry-computer dt{color:#68756b}.telemetry-computer dd{margin:0}
@media(max-width:700px){#workspace-header{padding-left:16px;gap:8px;flex-wrap:wrap}#workspace-header #identity{flex-wrap:wrap;justify-content:flex-end;gap:8px}#workspace-header #identity-name{max-width:100%;text-align:right;white-space:normal;overflow-wrap:anywhere}#workspace-header .brand-logo{width:96px;height:50px}#workspace-header .brand>span{font-size:29px}.telemetry-dialog{padding:16px}}

@media(max-width:460px){#workspace-header #identity-name{flex-basis:100%}.telemetry-computer dl{grid-template-columns:1fr;gap:2px}.telemetry-computer dd{margin-bottom:7px}}

.telemetry-charts{margin-top:20px;border-top:1px solid #e0e6df;padding-top:12px}.telemetry-charts svg{display:block;width:100%;height:80px}.telemetry-chart-label{font-size:13px;margin-top:8px}