:root{--app-header-h:56px}@media (min-width:768px){:root{--app-header-h:64px}}:root:has(.app-header[data-density=work]){--app-header-h:60px}@media (min-width:1280px){:root:has(.app-header[data-density=work]){--app-header-h:64px}}html:has(.app-header:not([data-static])){scroll-padding-top:var(--app-header-scroll,var(--app-header-h))}.app-header{z-index:20;border-bottom:1px solid var(--border);background:var(--card);color:var(--foreground);position:sticky;top:0}.app-header[data-static]{position:static}.app-header[data-tone=paper]{--field-bg:var(--card);background:var(--background)}@media (min-width:600px){.app-header[data-tone=paper]{border-bottom-width:0}.app-header[data-rail] .app-header-brand{display:none}}.app-header-row{align-items:center;gap:var(--sp-3);min-height:var(--app-header-h);padding-block:var(--sp-2);display:flex;position:relative}.app-header-brand{min-width:var(--touch);min-height:var(--touch);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;display:flex}.app-header-context{flex-direction:column;flex:0 auto;min-width:0;display:flex}.app-header-context b,.app-header-context small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header-context b{font-size:var(--fs-body);font-weight:700;line-height:1.25}.app-header-context small{font-size:var(--fs-caption);color:var(--muted-foreground);line-height:1.3}@media (max-width:767.98px){:root:has(.app-header-context b[data-name-whole]){--app-header-h:72px}.app-header-context b[data-name-whole],.app-header-context small[data-wrap]{-webkit-line-clamp:2;white-space:normal;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box}:root:has(.app-header-context small[data-wrapped]){--app-header-h:72px}}.app-header-mid{justify-content:flex-start;align-items:center;gap:var(--sp-2);flex:1 1 0;min-width:auto;display:flex}.app-header-acts{align-items:center;gap:var(--sp-2);display:flex}.app-header-end{align-items:center;gap:var(--sp-1-5);flex-shrink:0;margin-left:auto;display:flex}.app-header-login-icon{display:none}@media (max-width:399.98px){.app-header-login{width:var(--touch);height:var(--touch);padding:0}.app-header-login-icon{display:block}.app-header-login-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.app-header-tabs{gap:2px;display:none}@media (min-width:768px){.app-header-tabs{display:flex}}@media (min-width:768px) and (max-width:1023.98px){:root:has(.app-header[data-dense]){--app-header-h:108px}.app-header[data-dense] .app-header-row{flex-wrap:wrap;align-content:space-between;row-gap:0;padding-bottom:0}.app-header[data-dense] .app-header-context{flex:1 1 0}.app-header[data-dense] .app-header-mid{display:contents}.app-header[data-dense] .app-header-tabs{flex-basis:100%;order:1}.app-header[data-dense][data-search-open] .app-header-search{height:calc(var(--app-header-h) - var(--touch));bottom:auto}}@media (max-width:1023.98px){.app-header [data-account-name]{display:none}}.app-header-search{align-items:center;gap:var(--sp-2);flex:0 480px;min-width:0;margin-inline-start:auto;display:none}.app-header-search-cancel{min-height:44px;padding:0 var(--sp-1);font-size:var(--fs-body);color:var(--primary);cursor:pointer;font-weight:600;display:none}.app-header-search-open{width:44px;height:44px;color:var(--muted-foreground);cursor:pointer;border-radius:12px;place-items:center;display:inline-grid}.app-header-search-open:hover{background:var(--background);color:var(--foreground)}.app-header-brand:focus-visible,.app-header-tabs a:focus-visible,.app-header-search-open:focus-visible,.app-header-search-cancel:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@media (max-width:1199.98px){.app-header[data-search-open] .app-header-search{z-index:2;padding-inline:var(--sp-4);background:var(--card);display:flex;position:absolute;inset:0}.app-header[data-search-open] .app-header-search-cancel{display:block}}@media (min-width:640px) and (max-width:1199.98px){.app-header[data-search-open] .app-header-search{padding-inline:var(--sp-6)}}@media (min-width:1200px){.app-header-search{min-width:200px;display:flex}.app-header-search-open,.app-header[data-search-steps-back] .app-header-search{display:none}}
