/* WeetIQ 9.4: product identity; all colors come from the current tenant theme. */
.weetiq-logo{display:block;width:224px;max-width:100%;height:auto;flex-shrink:0;overflow:visible}
.weetiq-brand{display:flex;min-width:0;align-items:center;gap:18px;text-decoration:none;color:var(--ink)}
.weetiq-brand:focus-visible{outline:3px solid var(--teal-800);outline-offset:5px;border-radius:6px}
.weetiq-brand .weetiq-client-lockup{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:1px solid var(--line);min-width:0;max-width:190px}
.weetiq-brand .weetiq-client-lockup>span{display:block;min-width:0}
.weetiq-brand .weetiq-client-name{display:block;overflow:hidden;text-overflow:ellipsis;max-width:155px;font:700 .8rem/1.4 system-ui,sans-serif;white-space:nowrap;color:#253b48}
.weetiq-brand .weetiq-client-lockup small{display:block;font:500 .7rem/1.5 system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#526376}
.weetiq-client-logo{width:auto;max-width:66px;height:34px;object-fit:contain;flex-shrink:0;background:transparent;border-radius:0}
.weetiq-public-header{min-height:88px;padding:12px 18px;margin:16px auto 0;border:1px solid var(--line);border-radius:18px;background:#fff;flex-wrap:wrap;gap:14px}
.weetiq-public-header>.weetiq-brand{margin-right:auto}
.weetiq-public-header .language-switch{margin-left:0}
.weetiq-public-header>.weetiq-brand:hover{color:inherit}
.weetiq-login-masthead{width:fit-content;max-width:calc(100% - 32px);margin:28px auto 0;padding:16px 22px;border-radius:18px;background:#fff}
.login-page .login-shell{min-height:calc(100vh - 182px);min-height:calc(100svh - 182px);padding-top:20px;padding-bottom:20px}
.weetiq-product-footer{margin:20px 16px 16px;text-align:center;color:#526376;font:500 .74rem/1.6 system-ui,sans-serif}
.weetiq-product-footer span{padding:0 7px}
.login-page .weetiq-product-footer{color:#fff}
.weetiq-preview-panel{padding:20px;border:1px solid var(--line);border-radius:15px;background:#f7f9fc;min-width:0}
.weetiq-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.weetiq-preview-heading strong{font-size:1rem;color:#253b48}
.weetiq-preview-heading span{font-size:.77rem;color:#526376}
.weetiq-preview-canvas{display:flex;justify-content:center;align-items:center;min-height:180px;margin:16px 0;padding:22px;border:1px solid #e4eaf1;border-radius:12px;background:#fff}
.weetiq-preview-canvas .weetiq-logo{width:min(480px,100%)}
.weetiq-preview-panel p{color:#3e5267;font:400 .84rem/1.7 system-ui,sans-serif;margin:10px 0 0}
.weetiq-preview-panel .weetiq-preview-note{color:#526376;font-size:.76rem}
.weetiq-zzp-header{background:#fff;gap:18px;flex-wrap:wrap}
.weetiq-zzp-header .weetiq-brand{margin-right:auto}

.app-header.is-compact{gap:14px}
.app-header.is-compact .nav-toggle{display:block;margin-left:auto}
.app-header.is-compact .app-nav{position:absolute;top:calc(100% + 1px);right:12px;display:none;width:min(340px,calc(100vw - 24px));align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);max-height:80vh;overflow-y:auto}
.app-header.is-compact .app-nav.is-open{display:grid}
.app-header.is-compact .app-nav>a,.app-header.is-compact .link-button{width:100%;justify-content:flex-start;padding:11px}
.app-header.is-compact .nav-dropdown-menu{position:static;box-shadow:none;min-width:0;max-height:none}
.app-header.is-compact .active-client-label{display:none}
@media(min-width:1121px) and (max-width:1580px){
  .app-header .nav-toggle{display:block;margin-left:auto}
  .app-header .app-nav{position:absolute;top:calc(100% + 1px);right:12px;display:none;width:min(340px,calc(100vw - 24px));align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);max-height:80vh;overflow-y:auto}
  .app-header .app-nav.is-open{display:grid}
  .app-header .nav-dropdown-menu{position:static;box-shadow:none;min-width:0;max-height:none}
}
@media(max-width:1440px){.app-header .weetiq-client-lockup{max-width:150px}.app-header .weetiq-client-name{max-width:110px}.app-header .weetiq-logo{width:202px}}
@media(max-width:820px){.weetiq-public-header .weetiq-client-lockup{max-width:160px}.weetiq-public-header .weetiq-client-name{max-width:125px}.weetiq-zzp-header{padding:14px}.weetiq-login-masthead .weetiq-brand{flex-wrap:wrap;justify-content:center}}
@media(max-width:600px){
  .app-header .weetiq-brand .weetiq-client-lockup{display:none}
  .app-header .weetiq-logo{width:166px}
  .weetiq-public-header{padding:14px}
  .weetiq-public-header>.weetiq-brand{width:100%;flex-basis:100%;justify-content:space-between;gap:12px}
  .weetiq-public-header .weetiq-logo{width:192px}
  .weetiq-public-header .weetiq-client-lockup{padding-left:10px;max-width:120px;gap:7px}
  .weetiq-public-header .weetiq-client-name{max-width:95px;font-size:.72rem}
  .weetiq-public-header .weetiq-client-logo{max-width:38px;height:25px}
  .weetiq-public-header .weetiq-client-logo+span .weetiq-client-name{max-width:64px}
  .weetiq-public-header .weetiq-client-lockup small{display:none}
  .weetiq-preview-panel{padding:14px}
  .weetiq-preview-canvas{min-height:130px;padding:16px}
  .weetiq-login-masthead .weetiq-client-lockup{border-left:0;padding-left:0}
  .weetiq-zzp-header .weetiq-client-lockup{max-width:125px;padding-left:10px}
  .weetiq-zzp-header .weetiq-logo{width:188px}
}
@media(max-width:380px){.app-header .weetiq-logo{width:140px}.weetiq-public-header .weetiq-logo{width:162px}.weetiq-public-header .weetiq-client-lockup{max-width:110px}.weetiq-zzp-header .weetiq-brand{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.weetiq-logo{transition:none}}
@media print{.weetiq-product-footer{color:#444}.weetiq-logo{break-inside:avoid}}


/* WeetIQ 9.5.0: refined header and dedicated advanced bar */
.app-header{gap:18px;padding-top:14px;padding-bottom:14px}
.app-header .weetiq-brand{gap:20px;flex:0 1 auto;min-width:0}
.app-header .weetiq-logo{width:214px}
.app-header .weetiq-brand .weetiq-client-lockup{max-width:none;gap:12px;padding-left:18px}
.app-header .weetiq-brand .weetiq-client-lockup>span{display:none}
.app-header .weetiq-client-logo{max-width:94px;height:44px}
.app-header .app-nav{flex:1 1 auto;justify-content:center;min-width:0}
.app-header .app-nav>a,.app-header .nav-dropdown>summary{white-space:nowrap}
.app-header .nav-dropdown>summary{padding:9px 11px;border-radius:10px}
.header-account-actions{margin-left:auto}

.app-subnav{border-bottom:1px solid rgba(10,83,85,.10);background:#fff}
.app-subnav-inner{display:flex;align-items:center;gap:18px;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:11px 0;overflow-x:auto;scrollbar-width:thin}
.app-subnav-title{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--teal-900)}
.app-subnav-title .icon{width:18px;height:18px}
.app-subnav-title strong{font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.app-subnav-links{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.app-subnav-link{display:inline-flex;align-items:center;flex:0 0 auto;padding:8px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:.79rem;font-weight:760;text-decoration:none;white-space:nowrap}
.app-subnav-link:hover,.app-subnav-link.is-active{border-color:#cfe1df;background:var(--teal-50);color:var(--teal-900)}

@media(max-width:980px){
  .app-header .weetiq-brand .weetiq-client-lockup{display:none}
  .app-subnav-inner{width:min(100% - 26px,720px);gap:12px}
}
@media(max-width:820px){
  .app-subnav-inner{padding:10px 0}
  .app-subnav-title strong{font-size:.75rem}
  .app-subnav-link{padding:7px 11px;font-size:.75rem}
}


/* WeetIQ 9.5.1: header alignment and contextual advanced bar */
.app-header{justify-content:flex-start}
.app-header .app-nav{justify-content:flex-start;margin-left:22px}
.app-header .nav-toggle{margin-left:22px}
.app-header .weetiq-brand{flex:0 0 auto}
.app-header .header-account-actions{margin-left:auto}
.app-subnav{display:block}

/* Do not force compact mode on medium-wide screens; only compact when JS adds .is-compact or on small-screen base CSS. */
@media(min-width:1121px){
  .app-header:not(.is-compact) .nav-toggle{display:none !important;margin-left:0}
  .app-header:not(.is-compact) .app-nav{position:static !important;display:flex !important;width:auto !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;max-height:none !important;overflow:visible !important}
  .app-header:not(.is-compact) .nav-dropdown-menu{position:absolute;box-shadow:var(--shadow);min-width:210px;max-height:70vh}
}
@media(max-width:1360px){
  .app-header .weetiq-logo{width:196px}
  .app-header .weetiq-client-logo{max-width:82px;height:40px}
  .app-header .app-nav{margin-left:16px}
}