/* Personal metrics stay in the existing row. The mobile workspace stays clear. */
.hq-header-stats{display:flex;align-items:center;gap:4px;flex:none}
.hq-header-metric,.hq-header-clock{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;min-width:55px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.hq-header-metric>svg{width:18px;height:18px;flex:none}.hq-header-metric>span{min-width:3ch;text-align:right}
.hq-header-metric:hover,.hq-header-clock:hover{background:var(--hover);border-color:var(--line)}
.hq-header-metric:focus-visible,.hq-header-clock:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.hq-header-metric.is-overdue{color:var(--overdue)}
.hq-header-clock{border-color:var(--line);padding:0 10px;margin-left:6px;height:32px}
[data-header-time]{display:block;height:18px;width:46px}[data-header-time] svg{width:100%;height:100%;fill:currentColor}
.top .search{flex:0 0 320px;width:320px;min-width:0;max-width:320px}
.top .search input{height:32px;min-height:32px;padding:0 10px;font-size:12px;text-overflow:ellipsis}
.top .hq-header-stats{margin-left:auto}
.hq-clock-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:18px 22px 26px;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--text);box-shadow:var(--shadow)}
.hq-clock-dialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(5px)}
.hq-clock-dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;letter-spacing:.16em;color:var(--text2)}
.hq-clock-dialog>header .btn{font-size:22px;width:36px;height:36px;min-height:36px;padding:0;line-height:1}
.hq-clock-face{border:1px solid #30322f;border-radius:14px;background:#111310;color:#f1f3e9;padding:28px 24px;text-align:center}
[data-clock-large] svg{display:block;width:100%;height:auto;max-height:102px;fill:currentColor}
[data-clock-date]{font-size:14px;line-height:1.5;margin:22px 0 0;color:#b8bcb4}
[data-clock-countdown]{border-top:1px solid #33372f;margin-top:22px;padding-top:20px}
[data-clock-countdown]>span{font-size:12px;line-height:1.5;color:#b8bcb4;display:block}
[data-clock-countdown]>div{margin:12px auto 0;max-width:210px}[data-clock-countdown]>div:empty{display:none}
[data-clock-countdown] svg{display:block;fill:currentColor;width:100%;height:34px}
.mobile-profile .hq-header-stats{justify-content:space-between;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--line)}
.mobile-profile .hq-header-metric,.mobile-profile .hq-header-clock{min-height:40px}
@media(max-width:1100px) and (min-width:981px){.top{gap:7px}.hq-header-metric{gap:4px;padding:0 5px;min-width:45px}.hq-header-stats{gap:1px}}
@media(max-width:600px){.hq-clock-dialog{padding:12px 14px 18px;border-radius:20px}.hq-clock-dialog>header{margin-bottom:12px}.hq-clock-face{padding:22px 16px}[data-clock-date]{font-size:12px}}

[data-clock-date]::first-letter{text-transform:uppercase}