/* Vlekkeloos Ter Plaatse: one fixed identity, shared with the public website. */
@media screen {
 :root,body,body:not(.auth-locked){--ui-bg:#090c11!important;--ui-surface:#141a23!important;--ui-raised:#202a37!important;--ui-input:#0c1119!important;--ui-text:#f3f6fa!important;--ui-muted:#bbc6d5!important;--ui-line:#455164!important;--ui-accent:#b9142a!important;--ui-radius:14px!important;font-family:'Bahnschrift','Aptos','Segoe UI',sans-serif!important;color:var(--ui-text)!important;}
 body:not(.auth-locked){background:radial-gradient(ellipse at 12% 0%,#a3122420,transparent 42%),radial-gradient(ellipse at 100% 15%,#3ad6f50a,transparent 38%),#090c11!important;}
 body:not(.auth-locked)>header{min-height:164px!important;padding:24px 18px 14px!important;background:linear-gradient(180deg,#040507,#10151d)!important;border-bottom:1px solid #33404f!important;gap:12px!important;}
 body:not(.auth-locked)>header img{height:auto!important;max-height:none!important;width:min(560px,88vw)!important;max-width:560px!important;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 5px 15px #a20c2425);}
 #appClock{font-size:11px!important;letter-spacing:.08em;color:#b9c8d8!important;}
 body:not(.auth-locked) .nav{position:sticky;top:0;z-index:25;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;gap:4px!important;padding:8px max(14px,calc((100vw - 1160px)/2))!important;background:#0e131bf5!important;border-bottom:1px solid #364252!important;scrollbar-width:thin;}
 body:not(.auth-locked) .nav button[data-view]{position:relative;display:inline-flex!important;flex:none!important;background:transparent!important;color:#c1cad7!important;border:0!important;border-radius:5px!important;box-shadow:none!important;font-size:13px!important;font-weight:650!important;min-height:48px!important;padding:12px 16px!important;}
 body:not(.auth-locked) .nav button[data-view].active{background:#1a2431!important;color:#fff!important;}
 body:not(.auth-locked) .nav button[data-view].active:after{content:''!important;position:absolute;display:block!important;bottom:3px;left:14px;right:14px;width:auto!important;height:3px!important;margin:0!important;background:#80e9ff!important;box-shadow:0 0 5px #bff4ff,0 0 13px #36c8f0aa!important;}
 body:not(.auth-locked) .nav button[hidden],body:not(.auth-locked) .nav [data-view=work],body:not(.auth-locked) .nav [data-view=team]{display:none!important;}
 body:not(.auth-locked) .card{background:linear-gradient(135deg,#18212d,#111720)!important;border:1px solid #344152!important;border-radius:14px!important;box-shadow:0 8px 28px #0003!important;}
 body:not(.auth-locked) .stat{background:linear-gradient(130deg,#212d3c,#131a24)!important;border-color:#405064!important;border-radius:12px!important;}
 body:not(.auth-locked) .stat:before{background:#79e3fc!important;width:3px!important;}
 body:not(.auth-locked) h1,body:not(.auth-locked) h2,body:not(.auth-locked) h3{color:#f4f7fb!important;letter-spacing:-.025em!important;}
 body:not(.auth-locked) .eyebrow{color:#93eaff!important;letter-spacing:.12em!important;}
 body:not(.auth-locked) button:not(.danger):not(.calendarDay):not([data-view]):not([data-owner-tab]):not([data-stage]):not(.packageCard):not([data-step]),body:not(.auth-locked) .mailLaunch{background:linear-gradient(180deg,#c81933,#a81025)!important;color:#fff!important;border:1px solid #ea596d!important;box-shadow:inset 0 1px 0 #ffffff20,0 3px 7px #0004!important;border-radius:8px!important;min-height:40px!important;padding:9px 14px!important;}
 body:not(.auth-locked) button.secondary:not(.calendarDay):not([data-view]):not([data-owner-tab]):not([data-stage]):not(.packageCard):not([data-step]),body:not(.auth-locked) .moreActions>summary{background:#222e3e!important;color:#f3f6fa!important;border:1px solid #64748b!important;box-shadow:0 2px 5px #0003!important;}
 body:not(.auth-locked) .ownerNav button{background:#17212e!important;border-color:#425267!important;color:#f1f6fc!important;border-radius:10px!important;}
 body:not(.auth-locked) .ownerNav button.selected{background:#233548!important;border-color:#80e9ff!important;box-shadow:inset 3px 0 #80e9ff!important;}
 body:not(.auth-locked) input,body:not(.auth-locked) select,body:not(.auth-locked) textarea{background:#0b111a!important;color:#f6f9fc!important;border:1px solid #65758b!important;border-radius:8px!important;}
 body:not(.auth-locked) input:focus,body:not(.auth-locked) select:focus,body:not(.auth-locked) textarea:focus{outline:2px solid #80e9ff!important;outline-offset:2px;}
 body:not(.auth-locked) ::placeholder{color:#a8b6c8!important;opacity:1;}
 body.auth-locked>#authGate{background:radial-gradient(ellipse at 15% 0%,#b9142a24,transparent 55%),radial-gradient(ellipse at 100% 85%,#40ccef0c,transparent 45%),#070a0f!important;padding:28px 18px!important;}
 .authBrand{width:min(430px,94vw)!important;margin:0 auto 22px!important;}
 .authBrand img{aspect-ratio:3/2!important;mix-blend-mode:normal!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:16px!important;box-shadow:0 18px 50px #0006!important;}
 .authCard{background:#141b26!important;border:1px solid #43536a!important;border-radius:16px!important;box-shadow:0 18px 55px #0006!important;}
 .authCard .eyebrow{color:#9aebff!important;}.authCard h1,.authCard h2,.authCard label{color:#f4f7fb!important;}
 .authCard input{background:#090f18!important;color:#fff!important;border:1px solid #687c96!important;}
 .authCard input:focus{outline:2px solid #80e9ff!important;outline-offset:2px;}
 .authCard #signIn,.authCard #signUp{background:#b9142a!important;color:#fff!important;border:1px solid #ed6375!important;border-radius:8px!important;box-shadow:0 4px 12px #0004!important;}
 .authCard .rememberLogin{display:flex!important;align-items:center!important;gap:10px!important;color:#e3ecf7!important;}.authCard .rememberLogin input{flex:0 0 20px!important;min-height:20px!important;}.rememberLogin input{accent-color:#b9142a;}
 button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #80e9ff!important;outline-offset:3px;}
 @media(min-width:1050px){body:not(.auth-locked) .nav{justify-content:center!important;}}
 @media(max-width:600px){body:not(.auth-locked)>header{min-height:124px!important;padding:18px 12px 12px!important;}body:not(.auth-locked)>header img{width:92vw!important;max-width:480px!important;}body:not(.auth-locked) .nav button[data-view]{font-size:12px!important;padding:11px 13px!important;}.authBrand{max-width:440px!important;}body:not(.auth-locked) button{min-height:44px!important;}}
 @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
}
@media screen{body:not(.auth-locked) .jobTabs button[data-stage]{background:#1a2737!important;border:1px solid #526781!important;color:#dae7f7!important;box-shadow:none!important;}body:not(.auth-locked) .jobTabs button[data-stage].selected{background:#294259!important;border-color:#8cecff!important;box-shadow:inset 0 -3px #8cecff!important;color:#fff!important;}body:not(.auth-locked) .documentHub{background:#172435!important;border-color:#465d77!important;}body:not(.auth-locked) .hubDot{background:#8cecff!important;box-shadow:0 0 0 5px #8cecff16!important;}.authTabs button.chosen{background:#a81229!important;border-color:#e45269!important;}.authCard:before{background:#8cecff!important;box-shadow:0 0 12px #8cecff55!important;}body:not(.auth-locked) .stat .eyebrow{font-size:9px!important;letter-spacing:.05em!important;white-space:normal!important;overflow-wrap:anywhere;}}

@media screen{body:not(.auth-locked)>header img{filter:none!important;background:transparent!important;}.authRememberHelp{font-size:12px!important;line-height:1.65;color:#bdcddd!important;margin:0 0 20px!important;}.authRememberHelp[hidden],.rememberLogin[hidden]{display:none!important;}}

/* Password visibility control */
#authGate .authPasswordBox{position:relative;display:flex;align-items:center;width:100%}
#authGate .authPasswordBox input{width:100%;padding-right:56px;box-sizing:border-box}
#authGate .authPasswordToggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;margin:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#c9ecff;cursor:pointer}
#authGate .authPasswordToggle:hover{background:rgba(154,218,255,.12)}
#authGate .authPasswordToggle:focus-visible{outline:2px solid #9adaff;outline-offset:-2px}
#authGate .authPasswordToggle svg{width:24px;height:24px;pointer-events:none}