/* Shared brand palette: graphite typography and yellow logo / accents. */
:root{--ink:#1F2937;--green:#EAB308;--muted:#1F2937;--line:#e5e7eb;--lime:#fef3c7;--surface-soft:#fffbeb;--focus-ring:#EAB308;color:var(--ink);background:#fafafa}
body,button,input,select,textarea{color:var(--ink)}
h1,h2,h3,p,label,small,strong,td,td strong,td small,th,.small,.subtitle,.eyebrow,.nav-label,.nav button,.nav button.active,.topbar,.topbar strong,.icon-btn,.text-btn,.btn,.badge,.pill,.avatar,.square,.tour-meta,.tour-bottom,.stat-top,.stat-note,.card-head p,.activity-item p,.activity-item time,.setup-count,.setup-count span,.setup-summary span,.setup-progress,.setup-steps li,.setup-steps .current,.daily-row small,.batch-list small,.footer,.crumb,.tour-progress-details summary{color:var(--ink)}
.brand,.brand svg,.brand span,.mobile-brand{color:#EAB308}
.sidebar{background:#f3f4f6}.nav button:hover,.nav button.active{background:#fffbeb}.nav button.active{box-shadow:inset 3px 0 #EAB308}.nav button.active svg,.stat-icon,.weather-icon,.tour-icon{color:#EAB308}
.btn.primary{background:#EAB308;border-color:#EAB308;color:#1F2937}.btn.primary:hover{background:#d9a607;border-color:#d9a607;filter:none}.btn:not(.primary),.text-btn{color:#1F2937}.btn:not(.primary):hover,.text-btn:hover{background:#fffbeb}
input,select,textarea{background:#fff;border-color:#d1d5db}input::placeholder,textarea::placeholder{color:#6b7280}input[type=checkbox],input[type=radio],progress{accent-color:#EAB308}
.pill,.badge,.avatar,.square,.activity-icon,.stat-icon,.tour-icon{background:#fef3c7}.dot,.season-line i{background:#EAB308}.progress-track>*,.progress-bar>*,.progress-fill{background:#EAB308}th{background:#f3f4f6}tbody tr:hover{background:#fffbeb}
.auth-story{background-color:#f3f4f6;background-image:linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.72) 48%,rgba(255,255,255,.08) 78%,rgba(255,255,255,0)),url('/assets/login-dienstleistungen.png?v=premium-strasse-7');background-size:cover;background-position:center;color:#1F2937}.auth-story:after{content:none}.auth-story p,.auth-story .small,.auth-story .eyebrow,.auth-features span{color:#1F2937}.auth-story .brand,.auth-story .brand svg,.auth-story .brand span{color:#EAB308}
.setup-shell{border-color:#e5e7eb;box-shadow:0 18px 60px #1f29370b}.setup-intro{background:#fffbeb;color:#1F2937}.setup-steps li span{border-color:#d1d5db}.setup-steps .current span,.setup-steps .done span{background:#EAB308;border-color:#EAB308;color:#1F2937}.setup-progress progress{accent-color:#EAB308}.setup-celebration{background:#fef3c7;color:#1F2937}.setup-summary li{border-color:#e5e7eb}
.calendar-event{background:#fffbeb}.calendar-day.is-today{outline-color:#EAB308;background:#fffbeb}.today-label{background:#EAB308;color:#1F2937}.object-pin span{background:#EAB308;color:#1F2937}.leaflet-container a,.object-map .leaflet-control-attribution a{color:#1F2937}
/* Keep the night view readable while preserving the same yellow accents. */
body.night{--ink:#e5e7eb;--muted:#e5e7eb;--surface:#1f2937;--surface-soft:#374151;--line:#4b5563;background:#111827;color:var(--ink)}
.night .sidebar,.night .setup-panel,.night .setup-shell{background:#1f2937}.night .setup-intro,.night .calendar-event,.night .nav button:hover,.night .nav button.active{background:#374151;color:var(--ink)}.night .setup-count,.night .setup-steps .current{color:var(--ink)}.night input,.night select,.night textarea{background:#1f2937;color:var(--ink)}.night .btn:not(.primary){background:#374151;color:var(--ink)}.night .pill,.night .badge,.night .avatar,.night .square,.night .setup-celebration{background:#374151;color:var(--ink)}.night .calendar-day.is-today{background:#374151}
@media(max-width:620px){.sidebar{background:#f3f4f6}.nav button.active{box-shadow:inset 0 -2px #EAB308}}
/* Selected north-arrow logo, rendered as vector for sharp edges at every size. */
.brand .brand-mark,.mobile-brand .brand-mark{width:30px;height:32px;flex-shrink:0;fill:#EAB308;stroke:none}
.brand .brand-wordmark,.auth-story .brand .brand-wordmark,.mobile-brand .brand-wordmark{color:#1F2937;font-family:Inter,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-1.2px}
.mobile-brand{align-items:center;gap:8px}.mobile-brand .brand-mark{width:23px;height:25px}
.night .sidebar .brand-wordmark,.night .mobile-brand .brand-wordmark{color:#e5e7eb}
.password-field{display:block;position:relative;margin-top:7px}
.password-field input,.auth-inner .password-field input{width:100%;margin:0;padding-right:52px}
.password-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:40px;padding:0;background:transparent;border:0;border-radius:4px;color:#4b5563;cursor:pointer}
.password-toggle:hover{background:#fef3c7}.password-toggle:focus-visible{outline:2px solid #EAB308;outline-offset:-3px}
.password-toggle svg{width:21px;height:21px;pointer-events:none}.night .password-toggle{color:#e5e7eb}.night .password-toggle:hover{background:#4b5563}
.mobile-nav{display:none}.planning-tabs,.more-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.connection-status:not(.disconnected){background:transparent;font-size:11px}.object-form-section>summary{cursor:pointer;font-weight:600;padding:8px 0;min-height:44px}.object-form-section[open]>summary{margin-bottom:12px}
.storage-panel{padding:20px;margin-bottom:24px}.storage-panel h2{font-size:18px;margin-bottom:8px}.storage-panel>p{font-size:13px}.storage-item{margin:16px 0}.storage-item progress{display:block;width:100%;height:12px;margin-top:8px}
@media(max-width:620px){#toast{bottom:120px;max-width:calc(100vw - 32px)}.field-panel .timer,.field-panel .timer>div,.field-panel .timer .time,.field-panel .timer p{color:var(--ink)}.field-panel .field-actions{display:flex;flex-wrap:wrap}.field-panel .field-actions .primary{flex-basis:100%}}
@media(max-width:620px){.field-panel .field-actions{top:var(--field-timer-height,149px)!important}}
@media(max-width:620px){
 .sidebar .nav,.sidebar .nav-label{display:none!important}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-top:1px solid var(--line);background:#f3f4f6}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:60px;background:transparent;border:0;font-size:12px;cursor:pointer}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.active{background:#fffbeb;box-shadow:inset 0 -3px #EAB308}.sidebar .side-bottom{padding:4px 16px!important}.sidebar .side-bottom .profile{display:none}.sidebar .sidebar-logout{min-height:32px;margin:0!important}.content{padding-bottom:120px!important}.more-links{display:grid;grid-template-columns:1fr 1fr}.more-links .btn{min-height:60px}.connection-status:not(.disconnected){font-size:0;padding:6px}.connection-status .dot{width:8px;height:8px}.field-panel .timer{position:sticky;top:0;z-index:15;padding:12px;background:var(--surface,#fff);border-bottom:1px solid var(--line)}.field-panel .timer .time{font-size:36px}.field-panel .field-actions{position:sticky;top:135px;z-index:14;background:var(--surface,#fff);padding:8px 0}.field-actions .btn{min-height:48px}.night .mobile-nav{background:#1f2937}.night .mobile-nav button.active{background:#374151}
}
