/* Shared header view v1. Colour is inherited from --c; legacy classes are controller hooks only. */
.zgh-head{--button-font:700 12px/1.2 'Trebuchet MS','Segoe UI',sans-serif;--button-letter-spacing:.2px;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:120px;height:24px;padding:0 12px;border:0;border-radius:0;background:#1b2430;color:var(--c,#7cbcff);font:var(--button-font);letter-spacing:var(--button-letter-spacing);cursor:grab;clip-path:polygon(12px 0,108px 0,120px 12px,108px 24px,12px 24px,0 12px)}
.zgh-head>.zgh-title{position:absolute;left:22px;right:22px;top:0;height:24px;line-height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;text-transform:uppercase;color:var(--c,#7cbcff)}
.zgh-head>.zgh-pin{position:absolute;right:8px;top:5px;display:flex;align-items:center;justify-content:center;flex:none;width:12px;height:14px;padding:0;margin:0;z-index:6;cursor:pointer;color:var(--c,#7cbcff);opacity:.6;filter:none;transform:none;transition:opacity .12s}
.zgh-head>.zgh-pin:is(:hover,:focus-visible){opacity:1;outline:0}
.zgh-head>.zgh-pin[aria-pressed=true]{opacity:1;filter:none;color:var(--c,#7cbcff)}
.zgh-head>.zgh-pin svg{display:block;width:11px;height:11px;fill:currentColor;stroke:none;pointer-events:none}
.zgh-head>.zgh-pin:focus-visible svg{stroke:currentColor;stroke-width:.5px}
.zgh-head>.zgh-icon,.zgh-head>.zgh-arrow{display:none!important}
.zgh-head.zgh-mini>.zgh-title,.zgh-head.zgh-mini>.zgh-pin{display:none!important}
.zgh-head.zgh-mini>.zgh-icon{display:block!important;font:13px/1 'Segoe UI',sans-serif;color:var(--c,#7cbcff);pointer-events:none}