/* Shared readable dark UI. Authentication retains its own design. */
body.dashboard-modern,body.calendar-dashboard{--read-ink:#f4f1ff;--read-muted:#b8afcb;--read-line:rgba(185,162,225,.22);font-size:14px;line-height:1.5}
body.dashboard-modern :is(p,.muted,.help,.hint,.description,.photo-help,.team-plan-note),body.calendar-dashboard :is(p,.muted,.help,.hint,.description){color:var(--read-muted)!important;line-height:1.55}
body.dashboard-modern :is(h1,h2,h3),body.calendar-dashboard :is(h1,h2,h3){color:var(--read-ink);line-height:1.25;letter-spacing:-.025em}
body.dashboard-modern :is(label,th),body.calendar-dashboard label{color:#e5def2;font-weight:700}
body.dashboard-modern label{font-size:13px;line-height:1.4}
body.dashboard-modern :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]),select:not(#siteLanguage),textarea){min-height:44px;border-color:var(--read-line)!important;border-radius:12px;font-size:14px;line-height:1.4}
body.dashboard-modern textarea{min-height:88px}
body.calendar-dashboard :is(.worker-entry-fields input,.worker-entry-workplace select,.worker-description-input){border-color:var(--read-line)!important;font-size:13px}
body.dashboard-modern input::placeholder,body.dashboard-modern textarea::placeholder,body.calendar-dashboard input::placeholder{color:#a99fbd!important;opacity:1}
body.dashboard-modern :is(input,select:not(#siteLanguage),textarea):focus-visible,body.calendar-dashboard :is(input,select:not(#siteLanguage),textarea):focus-visible{outline:2px solid #a985ff!important;outline-offset:2px;border-color:#a985ff!important}
body.dashboard-modern :is(.button,button):not(.password-toggle):not(.mobile-menu-close):not(.photo-controls button){font-weight:750;line-height:1.35}
body.dashboard-modern :is(a.button,button.button){min-height:40px;display:inline-flex;align-items:center;justify-content:center}
body.dashboard-modern :is(.panel,.profile-card,.contact-card,.project-card,.location-card){border-color:rgba(185,162,225,.16)}
body.dashboard-modern :is(td,.contract-card p){line-height:1.5}
body.dashboard-modern th{font-size:11px;letter-spacing:.03em}
body.dashboard-modern :is(small,.profile-form small,.passkey-item small){font-size:12px;line-height:1.5;color:var(--read-muted)}
body.calendar-dashboard :is(.worker-entry-head small,.worker-entry-description label,.worker-entry-fields label,.worker-entry-workplace label){font-size:11px!important;line-height:1.4;color:#c8bedc!important}
body.calendar-dashboard .worker-entry-head strong{font-size:13px;line-height:1.35}
body.calendar-dashboard .worker-entry-card{border-color:rgba(185,162,225,.24)}
body.dashboard-modern :is(a,button):focus-visible,body.calendar-dashboard :is(a,button):focus-visible{outline:2px solid #b99aff;outline-offset:3px}
body.dashboard-modern .mobile-menu :is(a,.menu-profile),body.calendar-dashboard .mobile-menu :is(a,.menu-profile){line-height:1.4}
body.dashboard-modern .menu-access-copy :is(span,em),body.calendar-dashboard .menu-access-copy :is(span,em){color:#c8bedc!important;line-height:1.45}
@media(max-width:640px){body.dashboard-modern{font-size:14px}body.dashboard-modern :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]),select:not(#siteLanguage),textarea),body.calendar-dashboard :is(.worker-entry-fields input,.worker-entry-workplace select,.worker-description-input){font-size:16px!important;min-width:0}body.dashboard-modern :is(.button,button.button){min-height:44px}body.dashboard-modern .profile-form label{margin-top:14px}body.dashboard-modern :is(p,.muted){overflow-wrap:anywhere}body.dashboard-modern .page h1{font-size:clamp(23px,6vw,30px)}}

body.dashboard-modern .language-picker,body.calendar-dashboard .language-picker{padding:5px 8px!important;min-height:0!important;gap:4px!important}
body.dashboard-modern .language-picker select,body.calendar-dashboard .language-picker select{height:auto!important;min-height:0!important;width:auto!important;padding:3px 20px 3px 5px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important;line-height:normal!important;box-shadow:none!important}
body.dashboard-modern .topbar,body.calendar-dashboard header{line-height:normal}
body.dashboard-modern .topbar :is(button,a.button),body.calendar-dashboard header :is(button,a.button){min-height:0}
body.dashboard-modern .topbar .brand,body.calendar-dashboard header .brand{line-height:normal}
@media(max-width:640px){body.dashboard-modern .language-picker select,body.calendar-dashboard .language-picker select{font-size:12px!important;min-height:0!important}}