/* Shared website header: one Quick Test action and consistent control sizing. */
.keyflow-wordpress-page .keyflow-app-nav{
  --header-surface:#323437;--header-raised:#3b3d40;--header-line:#45474b;--header-text:#f3f3ef;--header-muted:#babbbd;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;
  align-items:center;gap:12px;height:74px;padding:0 max(20px,calc((100% - 1440px)/2));
  background:var(--header-surface)!important;border-bottom:1px solid var(--header-line);
  box-shadow:0 3px 12px #00000018;font:600 13px/1.2 'Plus Jakarta Sans',Arial,sans-serif;
}
html[data-att-theme="light"] .keyflow-wordpress-page .keyflow-app-nav{
  --header-surface:#f0eee6;--header-raised:#e5e2d7;--header-line:#d5d1c5;--header-text:#323437;--header-muted:#686a6d;
  background:var(--header-surface)!important;border-color:var(--header-line);box-shadow:0 3px 12px #0000000a;
}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-nav-logo{min-width:0;margin:0;padding:0}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-nav-logo>img{width:136px!important;height:56px!important;object-fit:contain!important}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links{
  display:flex;position:static;align-items:center;justify-content:center;gap:clamp(4px,1.2vw,16px);min-width:0;
}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links a{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;
  padding:10px 12px;border-radius:12px;color:var(--header-muted)!important;font:inherit;white-space:nowrap;
  transition:background-color .15s,color .15s;
}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links a:after{display:none}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links a:hover{background:var(--header-raised);color:var(--header-text)!important}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links a.kf-active{background:var(--header-raised);color:var(--ui-ink,#e2b714)!important}
html[data-att-theme="light"] .keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links a.kf-active{color:#826a00!important}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-account{display:flex;align-items:center;gap:8px;margin:0;padding:0}
.keyflow-wordpress-page .keyflow-app-nav :is(.keyflow-auth-link,.keyflow-account-link,.keyflow-nav-cta){
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:10px 16px;border:1px solid var(--header-line)!important;border-radius:12px;
  font:inherit;white-space:nowrap;text-decoration:none;box-shadow:none;transform:none;
}
.keyflow-wordpress-page .keyflow-app-nav :is(.keyflow-auth-link,.keyflow-account-link){background:transparent!important;color:var(--header-text)!important}
.keyflow-wordpress-page .keyflow-app-nav :is(.keyflow-auth-link,.keyflow-account-link):hover{background:var(--header-raised)!important}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-account-link{max-width:130px;overflow:hidden;text-overflow:ellipsis;display:block;line-height:22px}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-nav-cta{
  display:inline-flex!important;background:#e2b714!important;color:#202124!important;border-color:#e2b714!important;
  font-weight:700;min-width:108px;transition:background-color .15s;
}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-nav-cta:hover{background:#edc42b!important;border-color:#edc42b!important;transform:none;box-shadow:none}
.keyflow-wordpress-page .keyflow-app-nav :is(.att-theme-toggle,.keyflow-menu-toggle){
  box-sizing:border-box;width:44px!important;height:44px!important;min-width:44px;
  padding:10px!important;margin:0;border:1px solid var(--header-line)!important;border-radius:12px;
  background:transparent!important;color:var(--header-text)!important;box-shadow:none;cursor:pointer;
}
.keyflow-wordpress-page .keyflow-app-nav .att-theme-toggle{display:grid;place-items:center;font-size:20px}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-menu-toggle{display:none!important}
.keyflow-wordpress-page .keyflow-app-nav .keyflow-menu-toggle i{display:block;width:20px;height:2px;margin:4px auto;background:currentColor;border-radius:2px}
.keyflow-wordpress-page .keyflow-app-nav :is(a,button):focus-visible{outline:2px solid #e2b714;outline-offset:3px}
@media(max-width:1040px) and (min-width:821px){
  .keyflow-wordpress-page .keyflow-app-nav .keyflow-account-link{display:none}
  .keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links{gap:4px}
  .keyflow-wordpress-page .keyflow-app-nav .keyflow-primary-links a{padding-inline:10px}
}
@media(max-width:820px){
  .keyflow-wordpress-page .keyflow-app-nav{
    height:68px;min-height:68px;grid-template-columns:minmax(0,1fr) 44px 44px;gap:10px;padding:6px 16px;
    max-height:100dvh;overflow:hidden;overscroll-behavior:contain;align-content:start;
  }
  .keyflow-wordpress-page .keyflow-app-nav .keyflow-nav-logo>img{width:128px!important;height:52px!important}
  .keyflow-wordpress-page .keyflow-app-nav .keyflow-menu-toggle{display:block!important;grid-column:3;grid-row:1;margin:0}
  .keyflow-wordpress-page .keyflow-app-nav .att-theme-toggle{grid-column:2;grid-row:1}
  .keyflow-wordpress-page .keyflow-app-nav :is(.keyflow-primary-links,.keyflow-account,.keyflow-nav-cta){display:none!important}
  .keyflow-wordpress-page .keyflow-app-nav.kf-menu-open{height:auto;min-height:68px;padding-bottom:16px;flex-wrap:unset;overflow:auto}
  .keyflow-wordpress-page .keyflow-app-nav.kf-menu-open .keyflow-primary-links{
    display:grid!important;grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:8px;
    width:100%;order:unset;padding:12px 0 0;border-top:1px solid var(--header-line);
  }
  .keyflow-wordpress-page .keyflow-app-nav.kf-menu-open .keyflow-primary-links a{background:var(--header-raised);min-height:44px;padding:10px 12px}
  .keyflow-wordpress-page .keyflow-app-nav.kf-menu-open .keyflow-account{
    display:flex!important;grid-column:1/-1;grid-row:3;width:calc((100% - 8px)/2);min-width:0;order:unset;padding:4px 0 0;justify-content:flex-start;flex-wrap:wrap;align-self:start;
  }
  .keyflow-wordpress-page .keyflow-app-nav.kf-menu-open .keyflow-nav-cta{
    display:inline-flex!important;grid-column:1/-1;grid-row:3;margin-top:4px;width:calc((100% - 8px)/2);min-width:0;justify-self:end;align-self:start;
  }
  .keyflow-wordpress-page .keyflow-app-nav.kf-menu-open .keyflow-account-link{max-width:120px}
  .keyflow-wordpress-page .keyflow-app-nav.kf-menu-open .keyflow-account>*{flex:1}
}
@media(prefers-reduced-motion:reduce){.keyflow-wordpress-page .keyflow-app-nav *{transition:none!important}}