.language-control{position:relative;display:flex;align-items:center;justify-content:center;inline-size:44px;min-block-size:44px;flex:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.language-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.language-select{position:absolute;inset:-1px;min-block-size:44px;inline-size:calc(100% + 2px);block-size:calc(100% + 2px);margin:0;padding:0;opacity:0;cursor:pointer}
.language-current{pointer-events:none;font-size:12px;font-weight:650;line-height:1}
.language-control:hover{border-color:var(--accent)}
.language-control:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.language-status{max-inline-size:1160px;margin:8px auto;padding-inline:16px;color:var(--muted);font-size:12px;line-height:1.5}
.language-status:not(.language-error){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.language-status[hidden],.language-control[hidden]{display:none}
.original-language-label{display:block;color:var(--muted);font-size:12px;margin-block:12px 4px}
[data-original-language]{text-align:start}
[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=number],[dir=rtl] input[type=tel],[dir=rtl] input[autocomplete=one-time-code]{direction:ltr;text-align:start}
@media(max-width:600px){header{flex-wrap:wrap}.brand-home{order:1}header>.row{order:2;flex-wrap:wrap!important;max-inline-size:100%;margin-inline-start:auto}.guest-nav{order:3;flex-basis:100%;justify-content:flex-end}}
/* Match the photo viewer's visual arrows to the selected reading direction. */
[dir=rtl] .photo-lightbox-prev{left:auto;right:12px}
[dir=rtl] .photo-lightbox-next{right:auto;left:12px}
@media(max-width:540px){[dir=rtl] .photo-lightbox-prev{right:20px}[dir=rtl] .photo-lightbox-next{left:20px}}
input[type=date],input[type=datetime-local],input[type=time]{direction:ltr;unicode-bidi:isolate}
/* The language/account controls can wrap; keep the mobile inbox below the actual header. */
@media(max-width:760px){.notification-panel{top:calc(var(--goklus-header-height,76px) + 12px);max-height:calc(100dvh - var(--goklus-header-height,76px) - 28px)}}
.notification-item{text-align:start}

/* One guest entry point; native account actions remain available after sign-in. */
header .header-login{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-block-size:44px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);line-height:1.3}
header .header-login:hover{background:var(--accent-soft);border-color:var(--accent)}
.header-login svg{inline-size:19px;block-size:19px;flex:none}
.header-theme-label{display:none}
.auth-entry{max-inline-size:480px;margin-inline:auto;padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow-wrap:anywhere}
.auth-entry-head{margin-block:0 24px;text-align:start}
.auth-entry-head h2{font-size:32px;letter-spacing:-.7px;margin-block:14px 0;line-height:1.2}
.auth-entry-back{display:inline-flex;align-items:center;min-block-size:44px;color:var(--muted)}
.auth-panels{grid-template-columns:minmax(0,1fr);gap:0;max-inline-size:100%;margin:0}
.auth-panels>.auth-form{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-inline-size:0}
.auth-form .auth-submit{inline-size:100%;min-block-size:44px;margin-block-start:12px}
.auth-divider{display:flex;align-items:center;gap:14px;margin-block:22px;color:var(--muted);font-size:12px;text-align:center}
.auth-divider:before,.auth-divider:after{content:"";flex:1;border-block-start:1px solid var(--line)}
.auth-alternative{display:flex;justify-content:center;inline-size:100%;min-block-size:44px;padding:11px 16px;text-align:center;line-height:1.4}
body.is-auth-entry .hero,body.is-auth-entry .home-demo,body.is-auth-entry .guest-nav{display:none}
body.is-auth-entry{--auth-wash:rgba(246,248,250,.76);background-image:linear-gradient(var(--auth-wash),var(--auth-wash)),url('/assets/goklus-interior.webp');background-size:cover;background-position:center;background-attachment:fixed;min-block-size:100svh}
html[data-theme=dark] body.is-auth-entry{--auth-wash:rgba(16,29,33,.84)}
body.is-auth-entry main{max-inline-size:900px;margin-block-start:clamp(24px,5vh,56px)}
body.is-auth-entry #notice>div{max-inline-size:480px;margin-inline:auto}
.recovery-entry{max-inline-size:480px}
.password-requirements{min-inline-size:0;overflow-wrap:anywhere}
.recovery-entry>.card{padding:0;margin:0;border:0;background:transparent;box-shadow:none}
.recovery-entry form>button{inline-size:100%;min-block-size:44px}
.auth-forgot{margin-block:8px 0;text-align:end;font-size:13px}.auth-forgot a{display:inline-flex;align-items:center;min-block-size:44px}
body:not(.is-auth-entry) .auth-entry{display:none}
body.is-auth-entry.is-recovery-loading .guest-nav{display:flex}
body:not(.is-auth-entry) .auth-entry-back{display:none}
@media(max-width:540px){.auth-entry{padding:22px;border-radius:18px}.auth-entry-head{margin-block-end:20px}body.is-auth-entry{background-attachment:scroll}}
@media(max-width:760px){
 body header{min-block-size:64px;padding:10px 12px;gap:8px;flex-wrap:wrap}
 header .brand-home{inline-size:44px;min-inline-size:44px;min-block-size:44px;justify-content:center;gap:0;order:1}
 header .brand-home .brand-symbol{inline-size:34px;block-size:34px}
 header .brand-home b.brand,header .nav-note,header .signed-in-as{display:none}
 header>.row,body.is-authenticated header>.row{order:2;gap:4px;flex-wrap:wrap!important;max-inline-size:100%;margin-inline-start:auto}
 header>.guest-nav{order:3;flex-basis:auto;min-inline-size:0;gap:0;justify-content:flex-end}
 header>.guest-nav .header-login{display:inline-flex;font-size:13px;padding:10px;min-inline-size:44px}
 header .theme-toggle{inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px;padding:10px;border-radius:12px;display:inline-flex;justify-content:center}
 header .theme-toggle:before{display:none}
 html[data-theme=light] header .theme-toggle svg:first-child,html[data-theme=dark] header .theme-toggle svg:last-of-type{display:none}
 header .notification-trigger,header .conversation-trigger{inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px;padding:9px;position:relative;flex:none}
 header .notification-count{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;margin:0}
 header .dashboard-account-options .theme-toggle{inline-size:100%;justify-content:flex-start;gap:10px}
 header .dashboard-account-options .header-theme-label{display:inline;text-align:start}
 header .dashboard-account-options{position:fixed;inset-inline-end:12px;inset-block-start:calc(var(--goklus-header-height,65px) + 8px);inline-size:min(290px,calc(100% - 24px));max-block-size:calc(100% - var(--goklus-header-height,65px) - 20px);overflow:auto}
 .site-beta>span{min-inline-size:0;overflow-wrap:anywhere}
 .dashboard-list-heading{flex-wrap:wrap}
 .auth-entry-head h2{font-size:28px;line-height:1.25}
}

/* The header disclosure must not inherit document-details spacing when open. */
header #dashboard-account-menu>summary{margin-block:0}

.password-field{display:flex;align-items:center;gap:8px;min-inline-size:0;margin-block:6px 18px}
.password-field>input{flex:1;min-inline-size:0;margin:0}
.password-field>.password-visibility{margin:0;flex:0 0 44px;inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px;padding:0;display:grid;place-items:center;color:inherit}