.theme-picker{border:1px solid #ccdcd4;background:#fff;border-radius:16px;padding:12px 22px;margin:0 0 24px}.theme-picker>summary{padding:8px 0}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.theme-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #ccdcd4;border-radius:14px;margin:0;cursor:pointer}.theme-option input{width:18px;margin:0;flex:none;accent-color:#147668}.theme-option small{display:block;margin-top:5px;line-height:1.5}.theme-swatch{width:46px;height:46px;flex:none;border-radius:10px;border:1px solid #ccdcd4;box-shadow:inset 0 -10px #147668}.swatch-light{background:#f5f8f6}.swatch-vstupix{background:#111a34;box-shadow:inset 0 -10px #3ddc97;border-color:#344466}
body[data-theme=vstupix]{--cp-bg:#090e1c;--cp-card:#111a34;--cp-raised:#18234a;--cp-line:rgba(150,168,220,.22);--cp-text:#eef1fb;--cp-muted:#a6b0cc;--cp-green:#3ddc97;--cp-amber:#ffbe55;color:var(--cp-text);background:var(--cp-bg);color-scheme:dark;min-height:100vh;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
body[data-theme=vstupix] header{background:rgba(9,14,28,.96);border-color:var(--cp-line);box-shadow:0 8px 28px #0002}
body[data-theme=vstupix] :is(p,small,header>span,th,.calendar-weekday,.history-times){color:var(--cp-muted)}
body[data-theme=vstupix] :is(a,summary,legend,.brand,.eyebrow,.geo-status,.person span,.earnings-summary strong,.earned-amount strong){color:var(--cp-green)}
body[data-theme=vstupix] :is(.card,.site-tile,.theme-picker,.planning-dialog){background:linear-gradient(150deg,#15203e,var(--cp-card));border-color:var(--cp-line);box-shadow:0 12px 36px #0002;border-radius:20px;color:var(--cp-text)}
body[data-theme=vstupix] :is(.card>h2,.card>h3,.site-tile h2,.site-tile-count strong){color:var(--cp-text);border-color:var(--cp-line)}
body[data-theme=vstupix] :is(input,select,textarea){background:#0c1326;color:var(--cp-text);border-color:#344466;border-radius:12px}
body[data-theme=vstupix] input::placeholder{color:#8794b3}
body[data-theme=vstupix] :is(input,select,textarea):focus{outline:2px solid var(--cp-green);outline-offset:2px}
body[data-theme=vstupix] :is(button,.selected){background:var(--cp-green);color:#03281a;border-radius:12px}
body[data-theme=vstupix] button:hover{filter:brightness(1.07)}
body[data-theme=vstupix] :is(.pill,.secondary,.section-nav a,.calendar-add,.calendar-edit){background:var(--cp-raised);color:var(--cp-text);border-color:var(--cp-line)}
body[data-theme=vstupix] .pill.selected{background:var(--cp-green);color:#03281a}
body[data-theme=vstupix] :is(.section-nav,.employee-item,.settings-block,.history-shift,.history-summary,.theme-option,.calendar-day,.mobile-calendar-date,.reader-earnings,.earnings-summary){background:#0c1326;border-color:var(--cp-line);color:var(--cp-text)}
body[data-theme=vstupix] :is(fieldset,th,td,.person,.table-wrap,.report-history,.history-day,.earned-amount,.mobile-calendar-detail,.settings-block details,.dialog-heading){border-color:var(--cp-line)}
body[data-theme=vstupix] thead{background:var(--cp-raised)}
body[data-theme=vstupix] tbody tr:hover{background:#18234a}
body[data-theme=vstupix] :is(.site-avatar,.employee-avatar,.step-number){background:#20334b;color:var(--cp-green)}
body[data-theme=vstupix] .site-tile-link{color:var(--cp-green)}
body[data-theme=vstupix] .notice{background:#102e28;border-color:#286448;color:#c2f6dc}
body[data-theme=vstupix] :is(.error,.staffing-alert,.planning-warning){background:#371e2c;border-color:#87434e;color:#ffb8b0}
body[data-theme=vstupix] :is(.staffing-short,.mobile-calendar-date.staffing-short){background:#371e2c;border-color:#87434e;color:#ffb8b0}
body[data-theme=vstupix] :is(.staffing-ok,.mobile-calendar-date.staffing-ok,.staffing-good){background:#102e28;border-color:#286448;color:#b7ebcd}
body[data-theme=vstupix] :is(.calendar-shift,.location-legend .pill){background:color-mix(in srgb,var(--site-color,#3ddc97) 22%,#111a34);color:var(--cp-text)}
body[data-theme=vstupix] .calendar-shift small{color:#c3cce3}
body[data-theme=vstupix] .calendar-today{outline:1px solid var(--cp-amber);outline-offset:-1px}
body[data-theme=vstupix] .mobile-calendar-date small{color:#b7ebcd}
body[data-theme=vstupix] .mobile-calendar-date.calendar-picked{outline-color:var(--cp-amber)}
body[data-theme=vstupix] :is(.danger-button,.calendar-remove){background:#371e2c;color:#ffb8b0;border-color:#87434e}
body[data-theme=vstupix] :is(.shift-open,.shift-status){background:#20334b;color:#b7ebcd}
body[data-theme=vstupix] .shift-done{background:#102e28;color:#b7ebcd}
body[data-theme=vstupix] dialog::backdrop{background:#02040bba}
body[data-theme=vstupix] .qr{background:white;border-radius:12px;padding:8px}
body[data-theme=vstupix] .location-map{color-scheme:light;color:#172b37;background:#eee}
body[data-theme=vstupix] .location-map a{color:#147668}
body[data-theme=vstupix] .theme-option:has(input:checked){border-color:var(--cp-green);box-shadow:0 0 0 1px var(--cp-green)}
body[data-theme=vstupix] .theme-option input{accent-color:var(--cp-green)}
@media(max-width:700px){.theme-options{grid-template-columns:1fr}.theme-picker{padding:12px 16px}.theme-option{padding:12px}.theme-picker fieldset{padding:12px}.theme-option strong{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.theme-option,.site-tile{transition:border-color .15s,box-shadow .15s}}
body[data-theme=vstupix] .site-tile-heading{color:var(--cp-text)}
body[data-theme=vstupix] .site-tile{border-top-color:var(--site-color,#3ddc97)}
body[data-theme=vstupix] .history-summary span{background:#18234a;border-color:var(--cp-line);color:var(--cp-text)}
body[data-theme=vstupix] .history-day{background:#0c1326;border-color:var(--cp-line)}
body[data-theme=vstupix] .history-day>summary{color:var(--cp-green)}
body[data-theme=vstupix] .history-times strong{color:var(--cp-text)}