/* A single isolated header for public documents and application screens. */
:root{--header:76px}
.codaform-header{position:fixed;inset:0 0 auto;z-index:60;height:var(--header);background:var(--bg);color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent);font:400 1rem/1.6 Montserrat,Arial,sans-serif;letter-spacing:normal}
.codaform-header-inner{height:100%;padding:0 clamp(22px,4vw,80px);display:flex;align-items:center;gap:24px}
.codaform-header a{text-decoration:none;color:inherit}.codaform-header a:hover{text-decoration:underline;text-underline-offset:5px}
.codaform-header-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:1.125rem;font-weight:600;letter-spacing:-.04em}.codaform-header-brand img{display:block;width:32px;height:32px}
.codaform-primary-nav{display:flex;align-items:center;gap:22px;white-space:nowrap;margin-left:auto;font-size:.8125rem;font-weight:500}.codaform-primary-nav a{display:inline-flex;align-items:center;min-height:44px}
.codaform-header-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.codaform-header button{font:inherit;cursor:pointer;color:inherit}
.codaform-appearance{display:flex;background:var(--surface);padding:3px;border-radius:28px}.codaform-appearance button{border:0;padding:8px 12px;min-height:36px;border-radius:23px;background:transparent;font-size:.7rem}
:root[data-theme=light] .codaform-appearance [data-codaform-theme=light],:root[data-theme=dark] .codaform-appearance [data-codaform-theme=dark]{background:var(--ink);color:var(--bg)}
.codaform-header-menu{position:relative;font-size:.75rem}.codaform-header-menu summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:42px;padding:7px 5px;white-space:nowrap}.codaform-header-menu summary::-webkit-details-marker{display:none}.codaform-header-menu summary img{display:block;width:24px;height:16px;object-fit:cover;border-radius:2px}.codaform-header-menu[open]>summary{margin:0}
.codaform-menu-items{position:absolute;top:calc(100% + 8px);right:0;display:grid;min-width:185px;padding:7px;background:var(--bg);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:12px;box-shadow:0 18px 45px #0002;z-index:65}
.codaform-menu-items>a,.codaform-menu-items>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:0;border-radius:6px;text-align:left;background:transparent;color:var(--ink);font-size:.8rem;font-weight:500}
.codaform-menu-items>a:hover,.codaform-menu-items>button:hover,.codaform-menu-items>button[aria-pressed=true]{background:var(--surface);text-decoration:none}.codaform-menu-items button>span{font-size:.65rem;color:var(--muted)}.codaform-menu-items .codaform-sign-out{border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:0;margin-top:5px}
.codaform-sign-in{font-size:.8rem;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.codaform-header .codaform-download{background:var(--accent);color:var(--action-ink);padding:11px 18px;border-radius:28px;display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.75rem;font-weight:600;white-space:nowrap}
.codaform-header :focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
@media(max-width:1250px){:root{--header:124px}.codaform-header-inner{flex-wrap:wrap;gap:0 16px;padding-top:6px;padding-bottom:4px}.codaform-header-controls{margin-left:auto}.codaform-primary-nav{order:3;width:100%;margin:0;gap:28px;overflow-x:auto;min-height:45px}}
@media(max-width:650px){:root{--header:112px}.codaform-header-inner{padding:4px 18px;gap:0 10px}.codaform-header-brand{font-size:1.05rem}.codaform-header-controls{gap:8px}.codaform-header .codaform-download{display:none}.codaform-primary-nav{gap:20px;font-size:.75rem;min-height:44px}.codaform-appearance button{padding:8px 10px;font-size:.65rem}.codaform-header-menu{font-size:.7rem}.codaform-languages summary>span{display:none}}
@media(max-width:400px){.codaform-header-brand>span{display:none}.codaform-header-controls{gap:10px}}
