/* All public website headers share this layout. Page CSS owns only page content. */
html body[data-website-shell] .header{
  position:fixed!important;z-index:1000;top:0!important;left:2%!important;right:2%!important;
  height:7.5svh!important;min-height:54px!important;max-height:84px!important;
  display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(0,1.7fr) minmax(190px,1.3fr)!important;
  grid-template-rows:auto!important;align-items:center!important;gap:16px;
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-bottom:1px solid #53555045!important;box-shadow:none!important;
  font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;color:#303632!important;
}
html[data-website-theme=dark] body[data-website-shell] .header{border-bottom-color:#d4d8da25!important;color:#eceee9!important}
html body[data-website-shell] .header::before,html body[data-website-shell] .header::after{display:none!important}
html body[data-website-shell] .header nav,
html body[data-website-shell] .header .header-actions,
html body[data-website-shell] .header .header-actions .website-theme-switch,
html body[data-website-shell] .header .header-actions .theme-choice{color:inherit!important}
html body[data-website-shell] .header .brand{display:inline-flex!important;align-items:center;min-width:0;margin:0;grid-column:1;grid-row:1;opacity:1!important}
html body[data-website-shell] .header nav{
  display:flex!important;align-items:center;justify-content:space-around!important;gap:clamp(2px,.6vw,12px);
  min-width:0;max-width:none!important;height:100%;grid-column:2;grid-row:1;
  overflow:visible;scrollbar-width:none;
}
html body[data-website-shell] .header nav::-webkit-scrollbar{display:none}
html body[data-website-shell] .header nav .pill,
html body[data-website-shell] .header .header-actions>.enter{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  min-height:30px!important;padding:8px clamp(5px,.8vw,12px)!important;
  font-family:inherit!important;font-size:clamp(10px,.9vw,13px)!important;
  font-weight:400!important;line-height:1!important;letter-spacing:0!important;
  color:inherit!important;background:transparent!important;border:1px solid transparent!important;
  box-shadow:none!important;text-shadow:none!important;
}
html body[data-website-shell] .header nav .pill[aria-current=page]{color:inherit!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html body[data-website-shell] .header .header-actions{
  display:flex!important;align-items:center;justify-content:flex-end;justify-self:end;
  grid-column:3;grid-row:1;gap:10px!important;min-width:0;background:transparent!important;box-shadow:none!important;
}
/* The website uses the same uncluttered header as its homepage; product
   workspaces retain their existing credit controls. */
html body[data-website-shell] .header .daailok-credit-balance{display:none!important}
html body[data-website-shell] .header .website-theme-switch{
  display:flex;align-items:center;gap:2px;padding:3px;flex:none;border:1px solid #77796f45!important;
  border-radius:999px;background:transparent!important;box-shadow:none!important;
}
html[data-website-theme=dark] body[data-website-shell] .header .website-theme-switch{border-color:#c5ccce30!important}
html body[data-website-shell] .header .header-actions .theme-choice{
  min-height:26px!important;padding:5px 10px!important;font:400 10px/1 Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;
}
@media(max-width:820px){
  html body[data-website-shell] .header{
    left:5%!important;right:5%!important;height:94px!important;min-height:94px!important;max-height:94px!important;
    grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:50px 40px!important;column-gap:8px;row-gap:0;
  }
  html body[data-website-shell] .header .website-uploaded-logo-img{width:clamp(126px,35vw,160px)!important}
  html body[data-website-shell] .header .header-actions{grid-column:2;grid-row:1;gap:5px!important}
  html body[data-website-shell] .header nav{grid-column:1/-1;grid-row:2;justify-content:space-between!important;overflow-x:auto;overscroll-behavior-x:contain;gap:4px}
  html body[data-website-shell] .header nav .pill{flex:0 0 auto;padding:8px 5px!important;font-size:11px!important}
  html body[data-website-shell] .header .header-actions>.enter{padding:7px 5px!important;font-size:10px!important}
  html body[data-website-shell] .header .header-actions .theme-choice{min-height:24px!important;padding:5px 6px!important;font-size:9px!important}
}