.sqllab-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;padding:14px clamp(16px,3vw,32px);background:#fff;border-bottom:1px solid #dbe4f0;color:#16263d;font:14px/1.5 system-ui,sans-serif;position:relative;z-index:20}
.sqllab-logo{display:inline-flex;align-items:center;gap:5px;flex:none;color:#16263d;text-decoration:none;font-size:23px;font-weight:850;letter-spacing:-.5px}
.sqllab-logo-mark{padding:4px 6px;background:#163e69;color:#fff;border-radius:6px;font-size:17px;letter-spacing:0}
.sqllab-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%;margin-left:auto}
.sqllab-language{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sqllab-language select{max-width:125px}
.sqllab-header button,.sqllab-header select{font:inherit;color:inherit;background:#fff;border:1px solid #cbd7e8;border-radius:8px;padding:8px;cursor:pointer}
.sqllab-header :focus-visible{outline:3px solid #75a5f2;outline-offset:3px}
.account-menu-wrap{position:relative;min-width:0;max-width:100%}
#account-menu-toggle{display:flex;align-items:center;gap:8px;max-width:100%}
.session-username,#session-username{display:inline-block;min-width:0;max-width:clamp(80px,25vw,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.sqllab-header svg{height:20px;width:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}
#account-menu{position:absolute;right:0;top:calc(100% + 6px);width:210px;max-width:calc(100vw - 32px);padding:6px;background:#fff;border:1px solid #dbe4f0;border-radius:10px;box-shadow:0 8px 24px #142b4f26;z-index:30}
#account-menu a,#account-menu button{box-sizing:border-box;display:block;width:100%;padding:10px;border:0;background:transparent;color:#16263d;text-decoration:none;text-align:left;font:inherit;border-radius:6px}
#account-menu a:hover,#account-menu button:hover{background:#edf3ff}
.chrome-logout{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:40px;min-height:40px}
#chrome-logout-status{flex-basis:100%;margin:0;color:#b42318}#chrome-logout-status:empty{display:none}
.app-version{padding:16px;text-align:center;font:13px/1.5 system-ui,sans-serif;color:#64748b;overflow-wrap:anywhere}
.question-rich-text{white-space:pre-wrap}.question-inline-code{display:inline;font:0.92em/1.35 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;color:#173a63;background:#edf3fb;border:1px solid #d7e2f0;border-radius:4px;padding:.05em .28em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sqllab-header [hidden],#app-version[hidden],#profile-details[hidden]{display:none!important}
.profile-page{margin:0;background:#f4f7fb;color:#16263d;font:15px/1.5 system-ui,sans-serif}.profile-card{box-sizing:border-box;max-width:760px;margin:32px auto;padding:24px;background:#fff;border:1px solid #dbe4f0;border-radius:12px;width:calc(100% - 32px)}
.profile-card dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:14px}.profile-card dt{font-weight:700}.profile-card dd{margin:0;overflow-wrap:anywhere}
body:has(.app-shell) .app-shell{min-height:calc(100vh - 76px)}
@media(min-width:761px){body:has(.app-shell) .sidebar{min-height:calc(100vh - 76px)}}
@media(max-width:600px){.sqllab-header{gap:10px}.sqllab-actions{gap:8px}.profile-card dl{grid-template-columns:1fr}.profile-card dd{margin-bottom:8px}.page-header{flex-wrap:wrap}.header-actions{flex-wrap:wrap}}
@media(max-width:600px){.sqllab-language label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}