/* HOLIUS Google-style icons */
.hh-global-header{position:sticky;top:0;z-index:2147483000;isolation:isolate;overflow:visible;background:var(--theme-header);border-bottom:var(--theme-border-width) solid var(--theme-border);box-shadow:none}
.hh-global-bar{position:relative;z-index:1;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,4vw,54px);background:var(--theme-header)}
.hh-global-left,.hh-global-right{display:flex;align-items:center;gap:14px;min-width:0}
.hh-top-link{position:relative;display:inline-flex;align-items:center;min-height:64px;color:var(--theme-muted);text-decoration:none;font-size:14px;font-weight:var(--theme-weight-medium);white-space:nowrap;transition:color var(--theme-motion-fast) ease}
.hh-top-link:hover{color:var(--theme-header-text)}
.hh-top-link.is-active{color:var(--theme-accent)}
.hh-top-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:var(--theme-radius-card);background:var(--theme-accent)}

/* HOLiUS header wordmark: the home action is the brand itself. */
.hh-brand-wordmark{
  display:inline-flex;
  align-items:center;
  min-height:64px;
  color:var(--theme-header-text);
  text-decoration:none;
  font-family:var(--holius-wordmark-font);
  font-size:21px;
  font-weight:var(--holius-wordmark-weight);
  line-height:1;
  letter-spacing:var(--holius-wordmark-tracking);
  white-space:nowrap;
  font-synthesis:none;
  transition:color var(--theme-motion-fast) ease,opacity var(--theme-motion-fast) ease;
}
.hh-brand-wordmark:hover,.hh-brand-wordmark:focus-visible{color:var(--theme-accent);outline:0}
.hh-brand-wordmark:active{opacity:var(--theme-opacity-muted)}
@media(max-width:760px){.hh-brand-wordmark{min-height:66px;font-size:20px}}
@media(max-width:420px){.hh-brand-wordmark{min-height:64px;font-size:19px}}

.hh-apps-wrap{position:relative;z-index:2}
.hh-menu-button,.hh-member-button,.hh-theme-top-button{appearance:none;-webkit-appearance:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;border:0;background:var(--theme-surface-2);border-radius:50%;padding:0;margin:0;color:var(--theme-header-text);text-decoration:none;cursor:pointer;box-shadow:none;line-height:1;transition:background var(--theme-motion-fast) ease,color var(--theme-motion-fast) ease,transform var(--theme-motion-fast) ease}
.hh-menu-button:hover,.hh-menu-button:focus-visible,.hh-menu-button[aria-expanded="true"],.hh-member-button:hover,.hh-member-button:focus-visible,.hh-member-button.is-active,.hh-theme-top-button:hover,.hh-theme-top-button:focus-visible,.hh-theme-top-button[aria-expanded="true"]{background:var(--theme-accent-2);color:var(--theme-accent);outline:0}
.hh-menu-button:active,.hh-member-button:active,.hh-theme-top-button:active{transform:scale(.97)}
.hh-menu-button svg,.hh-member-button svg,.hh-theme-top-button svg{display:block;width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.hh-menu-button svg *,.hh-member-button svg *,.hh-theme-top-button svg *{vector-effect:non-scaling-stroke}
.hh-menu-button .hh-menu-grid circle{fill:currentColor;stroke:none}
.hh-theme-top-button .hh-top-icon circle{fill:none;stroke:currentColor}
.hh-apps-panel{position:absolute;right:0;top:52px;width:min(364px,calc(100vw - 28px));padding:16px;background:var(--theme-header);border:var(--theme-border-width) solid var(--theme-border);border-radius:var(--theme-radius-card);box-shadow:var(--theme-shadow-lg);z-index:2147483001}
.hh-apps-panel[hidden]{display:none!important}
.hh-apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hh-app-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:12px 6px;border-radius:var(--theme-radius-card);text-decoration:none;color:var(--theme-text);transition:background var(--theme-motion-fast),transform var(--theme-motion-fast),color var(--theme-motion-fast)}
.hh-app-item:hover{background:var(--theme-surface-2);transform:translateY(-1px);color:var(--theme-header-text)}
.hh-app-item.is-active{background:var(--theme-surface-2);color:var(--theme-header-text)}
.hh-app-icon{width:56px;height:56px;border-radius:var(--theme-radius-card);display:grid;place-items:center;background:var(--theme-surface-2);color:var(--theme-header-text)}
.hh-app-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.hh-app-item.is-active .hh-app-icon{background:var(--theme-accent-2);color:var(--theme-accent)}
.hh-admin-item .hh-app-icon{background:var(--theme-surface-2);color:var(--theme-header-text)}
.hh-app-item strong{max-width:100%;font-size:12px;font-weight:var(--theme-weight-medium);line-height:var(--theme-leading-body);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-app-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 6px 0;border-top:var(--theme-border-width) solid var(--theme-border)}
.hh-language-switch{display:flex;align-items:center;gap:5px;color:var(--theme-muted);font-size:12px}
.hh-language-switch a{color:var(--theme-muted);text-decoration:none}
.hh-language-switch a.active{color:var(--theme-accent);font-weight:var(--theme-weight-strong)}
.hh-logout-link{color:var(--theme-muted);text-decoration:none;font-size:12px;font-weight:var(--theme-weight-medium)}
.hh-logout-link:hover{color:var(--theme-header-text)}
.site-header,.home-google-header{display:none!important}
@media(max-width:760px){.hh-global-bar{min-height:58px;padding:0 12px;gap:10px}.hh-global-left,.hh-global-right{gap:10px}.hh-top-link{min-height:58px;font-size:13px}.hh-menu-button,.hh-member-button,.hh-theme-top-button{width:42px;height:42px;flex-basis:42px}.hh-menu-button svg,.hh-member-button svg,.hh-theme-top-button svg{width:23px;height:23px;flex-basis:23px}.hh-apps-panel{position:fixed;right:10px;top:64px;width:min(364px,calc(100vw - 20px));max-height:calc(100dvh - 76px);overflow:auto}}
@media(max-width:420px){.hh-global-bar{padding:0 8px}.hh-top-link{font-size:12px}.hh-menu-button,.hh-member-button,.hh-theme-top-button{width:40px;height:40px;flex-basis:40px}.hh-menu-button svg,.hh-member-button svg,.hh-theme-top-button svg{width:22px;height:22px;flex-basis:22px}.hh-apps-panel{right:6px;top:60px;width:calc(100vw - 12px);padding:12px;border-radius:var(--theme-radius-card)}.hh-apps-grid{gap:6px}.hh-app-item{padding:10px 4px}.hh-app-icon{width:52px;height:52px;border-radius:var(--theme-radius-card)}.hh-app-icon svg{width:28px;height:28px}.hh-app-item strong{font-size:11px}}
.minimal-brand-logo{display:block;max-width:min(360px,72vw);max-height:104px;width:auto;height:auto;object-fit:contain;margin:0 auto}
@media(max-width:640px){.minimal-brand-logo{max-width:min(280px,78vw);max-height:82px}}
.hh-apps-panel{isolation:isolate;transform:translateZ(0)}


/* 2026-10-02 spacing balance */
.hh-global-bar{
  min-height:70px;
  padding-left:clamp(24px,4.5vw,58px);
  padding-right:clamp(24px,4.5vw,58px);
}
.hh-top-link{min-height:70px}
.hh-global-left,.hh-global-right{gap:16px}

@media(max-width:760px){
  .hh-global-bar{
    min-height:66px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    gap:14px !important;
  }
  .hh-global-left,.hh-global-right{gap:12px !important}
  .hh-top-link{
    min-height:66px !important;
    font-size:14px !important;
  }
  .hh-apps-panel{
    top:72px !important;
    right:16px !important;
    width:calc(100vw - 32px) !important;
    max-width:380px;
  }
}
@media(max-width:420px){
  .hh-global-bar{
    min-height:64px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .hh-top-link{min-height:64px !important}
  .hh-apps-panel{
    top:70px !important;
    right:12px !important;
    width:calc(100vw - 24px) !important;
  }
}




/* 2026-10-02 top icons text-color unify */
.hh-theme-top-button,
.hh-menu-button,
.hh-member-button{
  background:transparent !important;
  color:var(--theme-header-text) !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:var(--theme-shadow-sm);
}
.hh-theme-top-button:hover,
.hh-menu-button:hover,
.hh-member-button:hover,
.hh-theme-top-button:focus-visible,
.hh-menu-button:focus-visible,
.hh-member-button:focus-visible,
.hh-theme-top-button[aria-expanded="true"],
.hh-menu-button[aria-expanded="true"],
.hh-member-button.is-active{
  background:var(--theme-surface-2) !important;
  color:var(--theme-header-text) !important;
  opacity:1 !important;
}
.hh-theme-top-button svg,
.hh-menu-button svg,
.hh-member-button svg{
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;
  color:var(--theme-header-text) !important;
  stroke:var(--theme-header-text) !important;
  opacity:1 !important;
  filter:none !important;
}
.hh-theme-top-button svg *,
.hh-menu-button svg *,
.hh-member-button svg *{
  color:var(--theme-header-text) !important;
  stroke:var(--theme-header-text) !important;
  opacity:1 !important;
  filter:none !important;
}
.hh-menu-button .hh-menu-grid circle{
  fill:var(--theme-header-text) !important;
  stroke:none !important;
  opacity:1 !important;
}
.hh-theme-top-button .hh-top-icon circle,
.hh-member-button .hh-top-icon circle,
.hh-theme-top-button .hh-top-icon path,
.hh-member-button .hh-top-icon path{
  stroke:var(--theme-header-text) !important;
  opacity:1 !important;
}
@media(max-width:760px){
  .hh-theme-top-button svg,
  .hh-menu-button svg,
  .hh-member-button svg{
    width:26px !important;
    height:26px !important;
    flex-basis:26px !important;
  }
}