/* PREPRIME+ dunkler Modus – automatisch erzeugt von bin/build-dark-css.php, nicht von Hand bearbeiten. */ /* Automatisch nach Geräte-Einstellung (außer „Hell“ ist in der App gewählt) */ @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){color-scheme:dark;--paper:#0e151b;--line:#26333d;--muted:#93a2ac;--accent:#4d86f5;--accent-hover:#6a9bf8;--accent-strong:#a8c4ff;--accent-soft:#15233a;--accent-line:#2c416a;--accent-on-dark:#a8c4ff;--accent-rgb:77,134,245;--green:#5cc392;--blue:#8db0dd} /* Schriftzug (dunkelblau) hell darstellen */ :where(:root:not([data-theme="light"])) .brand img:not(.club-logo),:where(:root:not([data-theme="light"])) .header-brand img:not(.club-logo),:where(:root:not([data-theme="light"])) .login-card>.brand img:not(.club-logo){filter:invert(1) hue-rotate(180deg) brightness(1.2)} /* Flächen in Markenblau vom dunklen Hintergrund absetzen */ :where(:root:not([data-theme="light"])) nav button.active,:where(:root:not([data-theme="light"])) .btn:not(.secondary):not(.orange):not(.danger){background:#243847} :where(:root:not([data-theme="light"])) .hero{background:#15212b;border:1px solid #243441} /* aus app.css */ :where(:root:not([data-theme="light"])) body{color:#e6edf2} :where(:root:not([data-theme="light"])) .demo button{color:#ffffff} :where(:root:not([data-theme="light"])) aside{background:#13181b} :where(:root:not([data-theme="light"])) .brand-symbol{color:#ffffff} :where(:root:not([data-theme="light"])) .team{background:#181a1e} :where(:root:not([data-theme="light"])) .crest{background:#1e252a;color:#d5ddda} :where(:root:not([data-theme="light"])) nav button{color:#cccecf} :where(:root:not([data-theme="light"])) nav button.active{color:#ffffff} :where(:root:not([data-theme="light"])) .aside-bottom{color:#cdd0d2} :where(:root:not([data-theme="light"])) header{background:#13181b} :where(:root:not([data-theme="light"])) header>span{color:#c7c9cb} :where(:root:not([data-theme="light"])) .pill{background:#13181b} :where(:root:not([data-theme="light"])) .hero{color:#ffffff} :where(:root:not([data-theme="light"])) .hero:after{border:1px solid #1a1f230e} :where(:root:not([data-theme="light"])) .track{background:#13181b20} :where(:root:not([data-theme="light"])) .week-switch button{background:#13181b} :where(:root:not([data-theme="light"])) .task{background:#13181b} :where(:root:not([data-theme="light"])) .task:nth-child(2) .task-icon{background:#161825;color:#c4c5cf} :where(:root:not([data-theme="light"])) .task:nth-child(3) .task-icon{background:#1d2420;color:#ccd6d0} :where(:root:not([data-theme="light"])) .badge.open{background:#1c1e21;color:#caccce} :where(:root:not([data-theme="light"])) .badge.pending{background:#31230e;color:#e9cea8} :where(:root:not([data-theme="light"])) .badge.approved{background:#1b2620;color:#bfe1d3} :where(:root:not([data-theme="light"])) .badge.returned{background:#2d140d;color:#daaca1} :where(:root:not([data-theme="light"])) .text-button{color:#e6edf2} :where(:root:not([data-theme="light"])) .panel{background:#13181b} :where(:root:not([data-theme="light"])) .coach-note{color:#cdd0d2} :where(:root:not([data-theme="light"])) .btn{color:#ffffff} :where(:root:not([data-theme="light"])) .btn.secondary{background:#1b1e20;color:#e6edf2} :where(:root:not([data-theme="light"])) .btn.danger{background:#2c150d;color:#dab2a7} :where(:root:not([data-theme="light"])) .stat{background:#13181b} :where(:root:not([data-theme="light"])) .table-wrap{background:#13181b} :where(:root:not([data-theme="light"])) th{color:#c7cacb;background:#16191d} :where(:root:not([data-theme="light"])) td{border-top:1px solid #292d30} :where(:root:not([data-theme="light"])) .status-cell:hover{border-color:#596268} :where(:root:not([data-theme="light"])) .toolbar button{background:#13181b} :where(:root:not([data-theme="light"])) .toolbar button.selected{color:#ffffff} :where(:root:not([data-theme="light"])) input,:where(:root:not([data-theme="light"])) select,:where(:root:not([data-theme="light"])) textarea{border:1px solid #353b3e;background:#13181b;color:#e6edf2} :where(:root:not([data-theme="light"])) .week-tabs button{background:#13181b} :where(:root:not([data-theme="light"])) .week-tabs button.active{color:#ffffff} :where(:root:not([data-theme="light"])) dialog{color:#e6edf2} :where(:root:not([data-theme="light"])) .instruction{background:#191d1e;color:#cfd2d4} :where(:root:not([data-theme="light"])) .file-box{border:1px dashed #495963;background:#16191d} :where(:root:not([data-theme="light"])) .file-box input{background:#13181b} :where(:root:not([data-theme="light"])) .note{color:#c7cacc} :where(:root:not([data-theme="light"])) #toast{color:#ffffff} :where(:root:not([data-theme="light"])) .error{color:#dfaaa0} :where(:root:not([data-theme="light"])) .notice{background:#1a2125;color:#cdd1d4} :where(:root:not([data-theme="light"])) .login-card{background:#13181b} :where(:root:not([data-theme="light"])) .role-tabs{background:#181e21} :where(:root:not([data-theme="light"])) .role-tabs button.active{color:#ffffff} :where(:root:not([data-theme="light"])) .welcome-steps article{background:#191d1e} :where(:root:not([data-theme="light"])) .report-error{color:#deaea2} :where(:root:not([data-theme="light"])) .archived-label{color:#d0bdac} :where(:root:not([data-theme="light"])) .loading{color:#c9ccce} :where(:root:not([data-theme="light"])) .screen-error{border:1px solid #563b34;background:#2c160d} :where(:root:not([data-theme="light"])) .no-units{border:1px dashed #41484d} :where(:root:not([data-theme="light"])) .table-wrap th:first-child,:where(:root:not([data-theme="light"])) .table-wrap td:first-child{background:#13181b} :where(:root:not([data-theme="light"])) .table-wrap th:first-child{background:#16191d} @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root:not([data-theme="light"])) nav button.active{color:#ffffff} } :where(:root:not([data-theme="light"])) .text-button,:where(:root:not([data-theme="light"])) .csv-template,:where(:root:not([data-theme="light"])) .file-link{border:1px solid #353b3e;background:#13181b} :where(:root:not([data-theme="light"])) .btn.danger:hover{background:#351a0f;border-color:#7e5748} :where(:root:not([data-theme="light"])) .close{background:#1b1e20} :where(:root:not([data-theme="light"])) .status-cell{background:#13181b} :where(:root:not([data-theme="light"])) input[type="checkbox"]{border:2px solid #556672;background:#13181b} :where(:root:not([data-theme="light"])) input[type="checkbox"]:checked::after{border:solid #1a1f23} :where(:root:not([data-theme="light"])) .label-inline{background:#13181b} :where(:root:not([data-theme="light"])) .next-select-trigger{border:1px solid #353b3e;background:#13181b} :where(:root:not([data-theme="light"])) .next-options{border:1px solid #353b3e;background:#13181b} :where(:root:not([data-theme="light"])) .next-option:hover,:where(:root:not([data-theme="light"])) .next-option:focus{background:#1b1e20} :where(:root:not([data-theme="light"])) .next-upload{border:1px dashed #495963;background:#16191d} :where(:root:not([data-theme="light"])) .danger-link{color:#dab2a7!important} :where(:root:not([data-theme="light"])) .control-plan-chooser{background:#13181b} :where(:root:not([data-theme="light"])) .plan-checks label{background:#16191d} :where(:root:not([data-theme="light"])) main:has(.stats) .stats + .section-head{background:#13181b} :where(:root:not([data-theme="light"])) .week-switch button{color:#e6edf2} :where(:root:not([data-theme="light"])) progress{background:#1e252a} :where(:root:not([data-theme="light"])) progress::-webkit-progress-bar{background:#1e252a} :where(:root:not([data-theme="light"])) .catalog-panel>summary,:where(:root:not([data-theme="light"])) .generated-week>summary{background:#1b1e20} :where(:root:not([data-theme="light"])) .generator-dialog .dialog-head{background:#13181b} :where(:root:not([data-theme="light"])) .generator-dialog .dialog-actions{background:#13181b} :where(:root:not([data-theme="light"])) .planning-card{background:#13181b} :where(:root:not([data-theme="light"])) .roster-team-chooser{background:#13181b} :where(:root:not([data-theme="light"])) .roster-team-chooser .plan-checks label{background:#16191d} :where(:root:not([data-theme="light"])) .legal-modal a{color:#e6edf2} :where(:root:not([data-theme="light"])) .club-section{background:#13181b} :where(:root:not([data-theme="light"])) .club-card{background:#13181b} :where(:root:not([data-theme="light"])) .club-card:hover{border-color:#3d4449} :where(:root:not([data-theme="light"])) .club-mark{background:#1a1f23;color:#e6edf2} :where(:root:not([data-theme="light"])) .club-contact{color:#e6edf2} :where(:root:not([data-theme="light"])) .club-pill{background:#1a1e21;color:#e6edf2} :where(:root:not([data-theme="light"])) .club-progress{background:#1a1f23} :where(:root:not([data-theme="light"])) .pending-item:hover{background:#16191d} :where(:root:not([data-theme="light"])) .more-menu[open]>summary{border-color:#414a4e} :where(:root:not([data-theme="light"])) .more-menu-list{background:#13181b} :where(:root:not([data-theme="light"])) .more-item{color:#e6edf2} :where(:root:not([data-theme="light"])) .more-item.is-danger{color:#dab2a7} :where(:root:not([data-theme="light"])) .more-item.is-danger:hover{background:#2c150d} :where(:root:not([data-theme="light"])) .evidence-frame{background:#1a1f23} :where(:root:not([data-theme="light"])) .review-dialog .evidence{background:#1a1f23} :where(:root:not([data-theme="light"])) .snippet{background:#13181b;color:#e6edf2} :where(:root:not([data-theme="light"])) .link-button{color:#e6edf2} :where(:root:not([data-theme="light"])) .profile-counts b{color:#e6edf2} :where(:root:not([data-theme="light"])) .upload-check{background:#2c150d;color:#dab2a7} :where(:root:not([data-theme="light"])) .audit-what{color:#e6edf2} :where(:root:not([data-theme="light"])) .waiting-badge{background:#1a1f23;color:#e6edf2} :where(:root:not([data-theme="light"])) .waiting-item .pending-go{color:#e6edf2} :where(:root:not([data-theme="light"])) .preview-bar{background:#1a1f23;color:#e6edf2} :where(:root:not([data-theme="light"])) .preview-unit{background:#13181b} :where(:root:not([data-theme="light"])) .template-use{background:#13181b} :where(:root:not([data-theme="light"])) .server-summary.is-ok{background:#1b2620;color:#bfe1d3} :where(:root:not([data-theme="light"])) .server-summary.is-warn{background:#31230e;color:#edd5b6} :where(:root:not([data-theme="light"])) .server-summary.is-fail{background:#2d140d;color:#dab2a7} :where(:root:not([data-theme="light"])) .server-list small{color:#e6edf2} :where(:root:not([data-theme="light"])) .is-ok .server-icon{background:#1b2620;color:#bfe1d3} :where(:root:not([data-theme="light"])) .is-warn .server-icon{background:#31230e;color:#e9cea8} :where(:root:not([data-theme="light"])) .is-fail .server-icon{background:#2d140d;color:#daaca1} :where(:root:not([data-theme="light"])) .icon-btn{background:#13181b;color:#e6edf2} :where(:root:not([data-theme="light"])) .icon-btn.is-archive:hover{color:#dab2a7;border-color:#67453a;background:#2a140c} :where(:root:not([data-theme="light"])) .badge.paused{background:#161f27;color:#b8cce0} :where(:root:not([data-theme="light"])) .player-line .staff-note{color:#e3d3b6} :where(:root:not([data-theme="light"])) .pause-box{background:#16191d} :where(:root:not([data-theme="light"])) .push-state{background:#181c1f} :where(:root:not([data-theme="light"])) .push-state.is-on{background:#18241c;border-color:#35493c} :where(:root:not([data-theme="light"])) .push-state.is-warn{background:#2c1f0d;border-color:#5c4b2e} :where(:root:not([data-theme="light"])) .push-flag.is-on{color:#bee3ce} :where(:root:not([data-theme="light"])) .push-gap{border:1px solid #5c4b2e;background:#291e0c} :where(:root:not([data-theme="light"])) .push-gap p strong{color:#e6edf2} :where(:root:not([data-theme="light"])) .storage-summary>div{background:#13181b} :where(:root:not([data-theme="light"])) .storage-list{background:#13181b} :where(:root:not([data-theme="light"])) .storage-bar{background:#1c2022} :where(:root:not([data-theme="light"])) .setup-progress{background:#1c2022} :where(:root:not([data-theme="light"])) .setup-steps li.is-done .setup-mark{background:#18241c;border-color:#35493c;color:#bee3ce} :where(:root:not([data-theme="light"])) .legal-modal li strong{color:#e6edf2} :where(:root:not([data-theme="light"])) #dialog .dialog-actions .btn.reject-button{background:#13181b;color:#dab2a7;border:1px solid #67453a} :where(:root:not([data-theme="light"])) #dialog .dialog-actions .btn.reject-button:hover{background:#2a140c;color:#e6beb3} :where(:root:not([data-theme="light"])) .withdraw-box{background:#16191d} :where(:root:not([data-theme="light"])) .focus-card.is-late{background:#27160b} :where(:root:not([data-theme="light"])) .focus-icon{background:#18241c;color:#bee3ce} :where(:root:not([data-theme="light"])) .focus-behind{color:#dfbdb3} :where(:root:not([data-theme="light"])) .focus-behind strong{color:#dfbdb3} :where(:root:not([data-theme="light"])) .account-head{background:#16191d} :where(:root:not([data-theme="light"])) .draft-note{background:#131c27;color:#c0d1e3} :where(:root:not([data-theme="light"])) .team-card{background:#13181b} :where(:root:not([data-theme="light"])) .team-week-bar{background:#1e2225} :where(:root:not([data-theme="light"])) .rank-bar{background:#25292d} :where(:root:not([data-theme="light"])) .cron-help{background:#16191d} :where(:root:not([data-theme="light"])) .hero-week.is-partial .dot{background:linear-gradient(90deg,#395343 50%,transparent 50%)} :where(:root:not([data-theme="light"])) .hero-week.is-free .dot{color:#cbcfd1} :where(:root:not([data-theme="light"])) .hero-week.is-current .dot{box-shadow:0 0 0 3px #192a35,0 0 0 5px #1a1f23} :where(:root:not([data-theme="light"])) .hero-total .track span{background:#395343} :where(:root:not([data-theme="light"])) .hero-foot .streak{background:#13181b14} :where(:root:not([data-theme="light"])) .absence-banner{background:#2c1f0d;border:1px solid #5c4b2e;color:#efdcbf} :where(:root:not([data-theme="light"])) .absence-banner.is-paused{background:#161f27;border-color:#2a3947;color:#c0d1e3} :where(:root:not([data-theme="light"])) .absence-queue{border-color:#5c4b2e} :where(:root:not([data-theme="light"])) .intro-step p{color:#e6edf2} :where(:root:not([data-theme="light"])) .status-cell.is-open{background:#191c20;border-color:#31363a;color:#ced0d2} :where(:root:not([data-theme="light"])) .status-cell.is-pending{background:#35280f;border-color:#8a703b;color:#f2dab6} :where(:root:not([data-theme="light"])) .status-cell.is-approved{background:#192920;border-color:#3f5e4b;color:#beebd5} :where(:root:not([data-theme="light"])) .status-cell.is-returned,:where(:root:not([data-theme="light"])) .status-cell.is-rejected{background:#2c1510;border-color:#60382f;color:#e2b3a8} :where(:root:not([data-theme="light"])) th.unit-head{color:#e6edf2} :where(:root:not([data-theme="light"])) .filter-dot.is-pending{background:#785f31} :where(:root:not([data-theme="light"])) .filter-dot.is-open{background:#36434c} :where(:root:not([data-theme="light"])) .donut-seg.is-approved,:where(:root:not([data-theme="light"])) .seg.is-approved,:where(:root:not([data-theme="light"])) .dot.is-approved{stroke:#ace3c6} :where(:root:not([data-theme="light"])) .donut-seg.is-pending,:where(:root:not([data-theme="light"])) .seg.is-pending,:where(:root:not([data-theme="light"])) .dot.is-pending{stroke:#ecc16f;background:#765c2a} :where(:root:not([data-theme="light"])) .donut-seg.is-returned,:where(:root:not([data-theme="light"])) .seg.is-returned,:where(:root:not([data-theme="light"])) .dot.is-returned{stroke:#e18d79;background:#713d32} :where(:root:not([data-theme="light"])) .donut-seg.is-open,:where(:root:not([data-theme="light"])) .dot.is-open{background:#23262a} :where(:root:not([data-theme="light"])) .donut-center strong{color:#e6edf2} :where(:root:not([data-theme="light"])) .kpi.is-green{background:#192920;color:#beebd5} :where(:root:not([data-theme="light"])) .kpi.is-amber{background:#35280f;color:#f2dab6} :where(:root:not([data-theme="light"])) .player-bar{background:#1e2225} :where(:root:not([data-theme="light"])) .count-pill{background:#1c2022} :where(:root:not([data-theme="light"])) .count-pill.is-pending{background:#35280f;color:#f2dab6} :where(:root:not([data-theme="light"])) .danger-zone{border:1px solid #60382f;background:#271510} :where(:root:not([data-theme="light"])) .danger-zone strong{color:#e2b3a8} :where(:root:not([data-theme="light"])) .code-status{color:var(--green,#b6ebd4)} :where(:root:not([data-theme="light"])) .mail-flag.is-pending{color:#769eec} :where(:root:not([data-theme="light"])) .club-note.pending-mail{color:#f1d2a7} :where(:root:not([data-theme="light"])) .invite-mailed{background:#17241c;color:#cdecdb} :where(:root:not([data-theme="light"])) .invite-qr .qr-box{background:#13181b} :where(:root:not([data-theme="light"])) .error-log{border:1px solid #685131;background:#291e0c} :where(:root:not([data-theme="light"])) .error-log li{border-top:1px solid #504229} :where(:root:not([data-theme="light"])) .inline-link.danger-link{color:#e1a9a0} :where(:root:not([data-theme="light"])) .delete-impact{border:1px solid #60382f;background:#271510} :where(:root:not([data-theme="light"])) .logo-preview{color:#e6edf2} :where(:root:not([data-theme="light"])) .demo-countdown{color:#e6edf2} :where(:root:not([data-theme="light"])) .demo-countdown.warn{color:#eac3a8} :where(:root:not([data-theme="light"])) .demo-reset-notice{background:#31230e;color:#f2dabf;border:1px solid #6a5330} :where(:root:not([data-theme="light"])) .demo-account{background:#16191d} :where(:root:not([data-theme="light"])) .demo-cred code{color:#e6edf2} :where(:root:not([data-theme="light"])) .demo-banner{background:#1b2620;color:#ceeade;border-bottom:1px solid #36493e} :where(:root:not([data-theme="light"])) .demo-banner.warn{background:#31230e;color:#f2dabf;border-color:#6a5330} :where(:root:not([data-theme="light"])) .demo-errors{color:#dfaaa0} :where(:root:not([data-theme="light"])) .notice-item{background:#13181b} :where(:root:not([data-theme="light"])) .notice-item.is-off{background:#181a1e} :where(:root:not([data-theme="light"])) .notice-switch strong{color:#e6edf2} :where(:root:not([data-theme="light"])) .notice-preview{background:#181a1e} :where(:root:not([data-theme="light"])) .notice-preview strong{color:#e6edf2} :where(:root:not([data-theme="light"])) .news-kind li{color:#d4d8da} :where(:root:not([data-theme="light"])) .news-kind li strong{color:#e6edf2} :where(:root:not([data-theme="light"])) .news-badge.is-verbessert{background:#1b2620;color:#c0e9dc} :where(:root:not([data-theme="light"])) .news-badge.is-behoben{background:#31230e;color:#eac3a8} :where(:root:not([data-theme="light"])) .streak{background:#2d1f0d;border:1px solid #644d2b} :where(:root:not([data-theme="light"])) .streak strong{color:#e6edf2} :where(:root:not([data-theme="light"])) .team-msg.is-first,:where(:root:not([data-theme="light"])) .team-msg.is-top{background:#1b2620;color:#c6ecd9} :where(:root:not([data-theme="light"])) .team-msg.is-low{background:#31230e;color:#f3dbb6} :where(:root:not([data-theme="light"])) .legal-status.is-ok{background:#1b2620;color:#c6ecd9} :where(:root:not([data-theme="light"])) .legal-status.is-open{background:#31230e;color:#f3dbb6} /* aus mobile.css */ :where(:root:not([data-theme="light"])) .club-empty{border:1px dashed #41484d} :where(:root:not([data-theme="light"])) .pull-refresh-hint{background:#13181b;color:#e6edf2} @media(display-mode:standalone){ :where(:root:not([data-theme="light"])) .workspace header,:where(:root:not([data-theme="light"])) .player-mode header{background:#13181b} } @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root:not([data-theme="light"])) .workspace header,:where(:root:not([data-theme="light"])) .player-mode header{background:#13181b} } @media(min-width:701px) and (min-height:521px),(min-width:701px) and (pointer:fine){ :where(:root:not([data-theme="light"])) .date-picker-row select{background:#13181b} } :where(:root:not([data-theme="light"])) .generator-weekdays label,:where(:root:not([data-theme="light"])) .generator-remove{border:1px solid #353c41} :where(:root:not([data-theme="light"])) .generator-game{border-bottom:1px solid #353c41} :where(:root:not([data-theme="light"])) .generator-dialog fieldset{border:1px solid #353c41} :where(:root:not([data-theme="light"])) .generator-dialog fieldset legend{color:#e6edf2} @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root:not([data-theme="light"])) #shell:not(.player-mode) aside{background:#13181b} :where(:root:not([data-theme="light"])) #shell:not(.player-mode) aside #nav button{color:#caccce} :where(:root:not([data-theme="light"])) #shell:not(.player-mode) aside #nav button.active{background:#1a1e21;color:#e6edf2} } @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root:not([data-theme="light"])) #app .roster-list tbody tr{background:#13181b} } @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root:not([data-theme="light"])) main:has(.stats) .table-wrap th.unit-head .unit-code{color:#e6edf2} :where(:root:not([data-theme="light"])) .unit-legend{background:#13181b} } } /* „Dunkel“ in der App gewählt */ :root[data-theme="dark"]{color-scheme:dark;--paper:#0e151b;--line:#26333d;--muted:#93a2ac;--accent:#4d86f5;--accent-hover:#6a9bf8;--accent-strong:#a8c4ff;--accent-soft:#15233a;--accent-line:#2c416a;--accent-on-dark:#a8c4ff;--accent-rgb:77,134,245;--green:#5cc392;--blue:#8db0dd} /* Schriftzug (dunkelblau) hell darstellen */ :where(:root[data-theme="dark"]) .brand img:not(.club-logo),:where(:root[data-theme="dark"]) .header-brand img:not(.club-logo),:where(:root[data-theme="dark"]) .login-card>.brand img:not(.club-logo){filter:invert(1) hue-rotate(180deg) brightness(1.2)} /* Flächen in Markenblau vom dunklen Hintergrund absetzen */ :where(:root[data-theme="dark"]) nav button.active,:where(:root[data-theme="dark"]) .btn:not(.secondary):not(.orange):not(.danger){background:#243847} :where(:root[data-theme="dark"]) .hero{background:#15212b;border:1px solid #243441} /* aus app.css */ :where(:root[data-theme="dark"]) body{color:#e6edf2} :where(:root[data-theme="dark"]) .demo button{color:#ffffff} :where(:root[data-theme="dark"]) aside{background:#13181b} :where(:root[data-theme="dark"]) .brand-symbol{color:#ffffff} :where(:root[data-theme="dark"]) .team{background:#181a1e} :where(:root[data-theme="dark"]) .crest{background:#1e252a;color:#d5ddda} :where(:root[data-theme="dark"]) nav button{color:#cccecf} :where(:root[data-theme="dark"]) nav button.active{color:#ffffff} :where(:root[data-theme="dark"]) .aside-bottom{color:#cdd0d2} :where(:root[data-theme="dark"]) header{background:#13181b} :where(:root[data-theme="dark"]) header>span{color:#c7c9cb} :where(:root[data-theme="dark"]) .pill{background:#13181b} :where(:root[data-theme="dark"]) .hero{color:#ffffff} :where(:root[data-theme="dark"]) .hero:after{border:1px solid #1a1f230e} :where(:root[data-theme="dark"]) .track{background:#13181b20} :where(:root[data-theme="dark"]) .week-switch button{background:#13181b} :where(:root[data-theme="dark"]) .task{background:#13181b} :where(:root[data-theme="dark"]) .task:nth-child(2) .task-icon{background:#161825;color:#c4c5cf} :where(:root[data-theme="dark"]) .task:nth-child(3) .task-icon{background:#1d2420;color:#ccd6d0} :where(:root[data-theme="dark"]) .badge.open{background:#1c1e21;color:#caccce} :where(:root[data-theme="dark"]) .badge.pending{background:#31230e;color:#e9cea8} :where(:root[data-theme="dark"]) .badge.approved{background:#1b2620;color:#bfe1d3} :where(:root[data-theme="dark"]) .badge.returned{background:#2d140d;color:#daaca1} :where(:root[data-theme="dark"]) .text-button{color:#e6edf2} :where(:root[data-theme="dark"]) .panel{background:#13181b} :where(:root[data-theme="dark"]) .coach-note{color:#cdd0d2} :where(:root[data-theme="dark"]) .btn{color:#ffffff} :where(:root[data-theme="dark"]) .btn.secondary{background:#1b1e20;color:#e6edf2} :where(:root[data-theme="dark"]) .btn.danger{background:#2c150d;color:#dab2a7} :where(:root[data-theme="dark"]) .stat{background:#13181b} :where(:root[data-theme="dark"]) .table-wrap{background:#13181b} :where(:root[data-theme="dark"]) th{color:#c7cacb;background:#16191d} :where(:root[data-theme="dark"]) td{border-top:1px solid #292d30} :where(:root[data-theme="dark"]) .status-cell:hover{border-color:#596268} :where(:root[data-theme="dark"]) .toolbar button{background:#13181b} :where(:root[data-theme="dark"]) .toolbar button.selected{color:#ffffff} :where(:root[data-theme="dark"]) input,:where(:root[data-theme="dark"]) select,:where(:root[data-theme="dark"]) textarea{border:1px solid #353b3e;background:#13181b;color:#e6edf2} :where(:root[data-theme="dark"]) .week-tabs button{background:#13181b} :where(:root[data-theme="dark"]) .week-tabs button.active{color:#ffffff} :where(:root[data-theme="dark"]) dialog{color:#e6edf2} :where(:root[data-theme="dark"]) .instruction{background:#191d1e;color:#cfd2d4} :where(:root[data-theme="dark"]) .file-box{border:1px dashed #495963;background:#16191d} :where(:root[data-theme="dark"]) .file-box input{background:#13181b} :where(:root[data-theme="dark"]) .note{color:#c7cacc} :where(:root[data-theme="dark"]) #toast{color:#ffffff} :where(:root[data-theme="dark"]) .error{color:#dfaaa0} :where(:root[data-theme="dark"]) .notice{background:#1a2125;color:#cdd1d4} :where(:root[data-theme="dark"]) .login-card{background:#13181b} :where(:root[data-theme="dark"]) .role-tabs{background:#181e21} :where(:root[data-theme="dark"]) .role-tabs button.active{color:#ffffff} :where(:root[data-theme="dark"]) .welcome-steps article{background:#191d1e} :where(:root[data-theme="dark"]) .report-error{color:#deaea2} :where(:root[data-theme="dark"]) .archived-label{color:#d0bdac} :where(:root[data-theme="dark"]) .loading{color:#c9ccce} :where(:root[data-theme="dark"]) .screen-error{border:1px solid #563b34;background:#2c160d} :where(:root[data-theme="dark"]) .no-units{border:1px dashed #41484d} :where(:root[data-theme="dark"]) .table-wrap th:first-child,:where(:root[data-theme="dark"]) .table-wrap td:first-child{background:#13181b} :where(:root[data-theme="dark"]) .table-wrap th:first-child{background:#16191d} @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root[data-theme="dark"]) nav button.active{color:#ffffff} } :where(:root[data-theme="dark"]) .text-button,:where(:root[data-theme="dark"]) .csv-template,:where(:root[data-theme="dark"]) .file-link{border:1px solid #353b3e;background:#13181b} :where(:root[data-theme="dark"]) .btn.danger:hover{background:#351a0f;border-color:#7e5748} :where(:root[data-theme="dark"]) .close{background:#1b1e20} :where(:root[data-theme="dark"]) .status-cell{background:#13181b} :where(:root[data-theme="dark"]) input[type="checkbox"]{border:2px solid #556672;background:#13181b} :where(:root[data-theme="dark"]) input[type="checkbox"]:checked::after{border:solid #1a1f23} :where(:root[data-theme="dark"]) .label-inline{background:#13181b} :where(:root[data-theme="dark"]) .next-select-trigger{border:1px solid #353b3e;background:#13181b} :where(:root[data-theme="dark"]) .next-options{border:1px solid #353b3e;background:#13181b} :where(:root[data-theme="dark"]) .next-option:hover,:where(:root[data-theme="dark"]) .next-option:focus{background:#1b1e20} :where(:root[data-theme="dark"]) .next-upload{border:1px dashed #495963;background:#16191d} :where(:root[data-theme="dark"]) .danger-link{color:#dab2a7!important} :where(:root[data-theme="dark"]) .control-plan-chooser{background:#13181b} :where(:root[data-theme="dark"]) .plan-checks label{background:#16191d} :where(:root[data-theme="dark"]) main:has(.stats) .stats + .section-head{background:#13181b} :where(:root[data-theme="dark"]) .week-switch button{color:#e6edf2} :where(:root[data-theme="dark"]) progress{background:#1e252a} :where(:root[data-theme="dark"]) progress::-webkit-progress-bar{background:#1e252a} :where(:root[data-theme="dark"]) .catalog-panel>summary,:where(:root[data-theme="dark"]) .generated-week>summary{background:#1b1e20} :where(:root[data-theme="dark"]) .generator-dialog .dialog-head{background:#13181b} :where(:root[data-theme="dark"]) .generator-dialog .dialog-actions{background:#13181b} :where(:root[data-theme="dark"]) .planning-card{background:#13181b} :where(:root[data-theme="dark"]) .roster-team-chooser{background:#13181b} :where(:root[data-theme="dark"]) .roster-team-chooser .plan-checks label{background:#16191d} :where(:root[data-theme="dark"]) .legal-modal a{color:#e6edf2} :where(:root[data-theme="dark"]) .club-section{background:#13181b} :where(:root[data-theme="dark"]) .club-card{background:#13181b} :where(:root[data-theme="dark"]) .club-card:hover{border-color:#3d4449} :where(:root[data-theme="dark"]) .club-mark{background:#1a1f23;color:#e6edf2} :where(:root[data-theme="dark"]) .club-contact{color:#e6edf2} :where(:root[data-theme="dark"]) .club-pill{background:#1a1e21;color:#e6edf2} :where(:root[data-theme="dark"]) .club-progress{background:#1a1f23} :where(:root[data-theme="dark"]) .pending-item:hover{background:#16191d} :where(:root[data-theme="dark"]) .more-menu[open]>summary{border-color:#414a4e} :where(:root[data-theme="dark"]) .more-menu-list{background:#13181b} :where(:root[data-theme="dark"]) .more-item{color:#e6edf2} :where(:root[data-theme="dark"]) .more-item.is-danger{color:#dab2a7} :where(:root[data-theme="dark"]) .more-item.is-danger:hover{background:#2c150d} :where(:root[data-theme="dark"]) .evidence-frame{background:#1a1f23} :where(:root[data-theme="dark"]) .review-dialog .evidence{background:#1a1f23} :where(:root[data-theme="dark"]) .snippet{background:#13181b;color:#e6edf2} :where(:root[data-theme="dark"]) .link-button{color:#e6edf2} :where(:root[data-theme="dark"]) .profile-counts b{color:#e6edf2} :where(:root[data-theme="dark"]) .upload-check{background:#2c150d;color:#dab2a7} :where(:root[data-theme="dark"]) .audit-what{color:#e6edf2} :where(:root[data-theme="dark"]) .waiting-badge{background:#1a1f23;color:#e6edf2} :where(:root[data-theme="dark"]) .waiting-item .pending-go{color:#e6edf2} :where(:root[data-theme="dark"]) .preview-bar{background:#1a1f23;color:#e6edf2} :where(:root[data-theme="dark"]) .preview-unit{background:#13181b} :where(:root[data-theme="dark"]) .template-use{background:#13181b} :where(:root[data-theme="dark"]) .server-summary.is-ok{background:#1b2620;color:#bfe1d3} :where(:root[data-theme="dark"]) .server-summary.is-warn{background:#31230e;color:#edd5b6} :where(:root[data-theme="dark"]) .server-summary.is-fail{background:#2d140d;color:#dab2a7} :where(:root[data-theme="dark"]) .server-list small{color:#e6edf2} :where(:root[data-theme="dark"]) .is-ok .server-icon{background:#1b2620;color:#bfe1d3} :where(:root[data-theme="dark"]) .is-warn .server-icon{background:#31230e;color:#e9cea8} :where(:root[data-theme="dark"]) .is-fail .server-icon{background:#2d140d;color:#daaca1} :where(:root[data-theme="dark"]) .icon-btn{background:#13181b;color:#e6edf2} :where(:root[data-theme="dark"]) .icon-btn.is-archive:hover{color:#dab2a7;border-color:#67453a;background:#2a140c} :where(:root[data-theme="dark"]) .badge.paused{background:#161f27;color:#b8cce0} :where(:root[data-theme="dark"]) .player-line .staff-note{color:#e3d3b6} :where(:root[data-theme="dark"]) .pause-box{background:#16191d} :where(:root[data-theme="dark"]) .push-state{background:#181c1f} :where(:root[data-theme="dark"]) .push-state.is-on{background:#18241c;border-color:#35493c} :where(:root[data-theme="dark"]) .push-state.is-warn{background:#2c1f0d;border-color:#5c4b2e} :where(:root[data-theme="dark"]) .push-flag.is-on{color:#bee3ce} :where(:root[data-theme="dark"]) .push-gap{border:1px solid #5c4b2e;background:#291e0c} :where(:root[data-theme="dark"]) .push-gap p strong{color:#e6edf2} :where(:root[data-theme="dark"]) .storage-summary>div{background:#13181b} :where(:root[data-theme="dark"]) .storage-list{background:#13181b} :where(:root[data-theme="dark"]) .storage-bar{background:#1c2022} :where(:root[data-theme="dark"]) .setup-progress{background:#1c2022} :where(:root[data-theme="dark"]) .setup-steps li.is-done .setup-mark{background:#18241c;border-color:#35493c;color:#bee3ce} :where(:root[data-theme="dark"]) .legal-modal li strong{color:#e6edf2} :where(:root[data-theme="dark"]) #dialog .dialog-actions .btn.reject-button{background:#13181b;color:#dab2a7;border:1px solid #67453a} :where(:root[data-theme="dark"]) #dialog .dialog-actions .btn.reject-button:hover{background:#2a140c;color:#e6beb3} :where(:root[data-theme="dark"]) .withdraw-box{background:#16191d} :where(:root[data-theme="dark"]) .focus-card.is-late{background:#27160b} :where(:root[data-theme="dark"]) .focus-icon{background:#18241c;color:#bee3ce} :where(:root[data-theme="dark"]) .focus-behind{color:#dfbdb3} :where(:root[data-theme="dark"]) .focus-behind strong{color:#dfbdb3} :where(:root[data-theme="dark"]) .account-head{background:#16191d} :where(:root[data-theme="dark"]) .draft-note{background:#131c27;color:#c0d1e3} :where(:root[data-theme="dark"]) .team-card{background:#13181b} :where(:root[data-theme="dark"]) .team-week-bar{background:#1e2225} :where(:root[data-theme="dark"]) .rank-bar{background:#25292d} :where(:root[data-theme="dark"]) .cron-help{background:#16191d} :where(:root[data-theme="dark"]) .hero-week.is-partial .dot{background:linear-gradient(90deg,#395343 50%,transparent 50%)} :where(:root[data-theme="dark"]) .hero-week.is-free .dot{color:#cbcfd1} :where(:root[data-theme="dark"]) .hero-week.is-current .dot{box-shadow:0 0 0 3px #192a35,0 0 0 5px #1a1f23} :where(:root[data-theme="dark"]) .hero-total .track span{background:#395343} :where(:root[data-theme="dark"]) .hero-foot .streak{background:#13181b14} :where(:root[data-theme="dark"]) .absence-banner{background:#2c1f0d;border:1px solid #5c4b2e;color:#efdcbf} :where(:root[data-theme="dark"]) .absence-banner.is-paused{background:#161f27;border-color:#2a3947;color:#c0d1e3} :where(:root[data-theme="dark"]) .absence-queue{border-color:#5c4b2e} :where(:root[data-theme="dark"]) .intro-step p{color:#e6edf2} :where(:root[data-theme="dark"]) .status-cell.is-open{background:#191c20;border-color:#31363a;color:#ced0d2} :where(:root[data-theme="dark"]) .status-cell.is-pending{background:#35280f;border-color:#8a703b;color:#f2dab6} :where(:root[data-theme="dark"]) .status-cell.is-approved{background:#192920;border-color:#3f5e4b;color:#beebd5} :where(:root[data-theme="dark"]) .status-cell.is-returned,:where(:root[data-theme="dark"]) .status-cell.is-rejected{background:#2c1510;border-color:#60382f;color:#e2b3a8} :where(:root[data-theme="dark"]) th.unit-head{color:#e6edf2} :where(:root[data-theme="dark"]) .filter-dot.is-pending{background:#785f31} :where(:root[data-theme="dark"]) .filter-dot.is-open{background:#36434c} :where(:root[data-theme="dark"]) .donut-seg.is-approved,:where(:root[data-theme="dark"]) .seg.is-approved,:where(:root[data-theme="dark"]) .dot.is-approved{stroke:#ace3c6} :where(:root[data-theme="dark"]) .donut-seg.is-pending,:where(:root[data-theme="dark"]) .seg.is-pending,:where(:root[data-theme="dark"]) .dot.is-pending{stroke:#ecc16f;background:#765c2a} :where(:root[data-theme="dark"]) .donut-seg.is-returned,:where(:root[data-theme="dark"]) .seg.is-returned,:where(:root[data-theme="dark"]) .dot.is-returned{stroke:#e18d79;background:#713d32} :where(:root[data-theme="dark"]) .donut-seg.is-open,:where(:root[data-theme="dark"]) .dot.is-open{background:#23262a} :where(:root[data-theme="dark"]) .donut-center strong{color:#e6edf2} :where(:root[data-theme="dark"]) .kpi.is-green{background:#192920;color:#beebd5} :where(:root[data-theme="dark"]) .kpi.is-amber{background:#35280f;color:#f2dab6} :where(:root[data-theme="dark"]) .player-bar{background:#1e2225} :where(:root[data-theme="dark"]) .count-pill{background:#1c2022} :where(:root[data-theme="dark"]) .count-pill.is-pending{background:#35280f;color:#f2dab6} :where(:root[data-theme="dark"]) .danger-zone{border:1px solid #60382f;background:#271510} :where(:root[data-theme="dark"]) .danger-zone strong{color:#e2b3a8} :where(:root[data-theme="dark"]) .code-status{color:var(--green,#b6ebd4)} :where(:root[data-theme="dark"]) .mail-flag.is-pending{color:#769eec} :where(:root[data-theme="dark"]) .club-note.pending-mail{color:#f1d2a7} :where(:root[data-theme="dark"]) .invite-mailed{background:#17241c;color:#cdecdb} :where(:root[data-theme="dark"]) .invite-qr .qr-box{background:#13181b} :where(:root[data-theme="dark"]) .error-log{border:1px solid #685131;background:#291e0c} :where(:root[data-theme="dark"]) .error-log li{border-top:1px solid #504229} :where(:root[data-theme="dark"]) .inline-link.danger-link{color:#e1a9a0} :where(:root[data-theme="dark"]) .delete-impact{border:1px solid #60382f;background:#271510} :where(:root[data-theme="dark"]) .logo-preview{color:#e6edf2} :where(:root[data-theme="dark"]) .demo-countdown{color:#e6edf2} :where(:root[data-theme="dark"]) .demo-countdown.warn{color:#eac3a8} :where(:root[data-theme="dark"]) .demo-reset-notice{background:#31230e;color:#f2dabf;border:1px solid #6a5330} :where(:root[data-theme="dark"]) .demo-account{background:#16191d} :where(:root[data-theme="dark"]) .demo-cred code{color:#e6edf2} :where(:root[data-theme="dark"]) .demo-banner{background:#1b2620;color:#ceeade;border-bottom:1px solid #36493e} :where(:root[data-theme="dark"]) .demo-banner.warn{background:#31230e;color:#f2dabf;border-color:#6a5330} :where(:root[data-theme="dark"]) .demo-errors{color:#dfaaa0} :where(:root[data-theme="dark"]) .notice-item{background:#13181b} :where(:root[data-theme="dark"]) .notice-item.is-off{background:#181a1e} :where(:root[data-theme="dark"]) .notice-switch strong{color:#e6edf2} :where(:root[data-theme="dark"]) .notice-preview{background:#181a1e} :where(:root[data-theme="dark"]) .notice-preview strong{color:#e6edf2} :where(:root[data-theme="dark"]) .news-kind li{color:#d4d8da} :where(:root[data-theme="dark"]) .news-kind li strong{color:#e6edf2} :where(:root[data-theme="dark"]) .news-badge.is-verbessert{background:#1b2620;color:#c0e9dc} :where(:root[data-theme="dark"]) .news-badge.is-behoben{background:#31230e;color:#eac3a8} :where(:root[data-theme="dark"]) .streak{background:#2d1f0d;border:1px solid #644d2b} :where(:root[data-theme="dark"]) .streak strong{color:#e6edf2} :where(:root[data-theme="dark"]) .team-msg.is-first,:where(:root[data-theme="dark"]) .team-msg.is-top{background:#1b2620;color:#c6ecd9} :where(:root[data-theme="dark"]) .team-msg.is-low{background:#31230e;color:#f3dbb6} :where(:root[data-theme="dark"]) .legal-status.is-ok{background:#1b2620;color:#c6ecd9} :where(:root[data-theme="dark"]) .legal-status.is-open{background:#31230e;color:#f3dbb6} /* aus mobile.css */ :where(:root[data-theme="dark"]) .club-empty{border:1px dashed #41484d} :where(:root[data-theme="dark"]) .pull-refresh-hint{background:#13181b;color:#e6edf2} @media(display-mode:standalone){ :where(:root[data-theme="dark"]) .workspace header,:where(:root[data-theme="dark"]) .player-mode header{background:#13181b} } @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root[data-theme="dark"]) .workspace header,:where(:root[data-theme="dark"]) .player-mode header{background:#13181b} } @media(min-width:701px) and (min-height:521px),(min-width:701px) and (pointer:fine){ :where(:root[data-theme="dark"]) .date-picker-row select{background:#13181b} } :where(:root[data-theme="dark"]) .generator-weekdays label,:where(:root[data-theme="dark"]) .generator-remove{border:1px solid #353c41} :where(:root[data-theme="dark"]) .generator-game{border-bottom:1px solid #353c41} :where(:root[data-theme="dark"]) .generator-dialog fieldset{border:1px solid #353c41} :where(:root[data-theme="dark"]) .generator-dialog fieldset legend{color:#e6edf2} @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root[data-theme="dark"]) #shell:not(.player-mode) aside{background:#13181b} :where(:root[data-theme="dark"]) #shell:not(.player-mode) aside #nav button{color:#caccce} :where(:root[data-theme="dark"]) #shell:not(.player-mode) aside #nav button.active{background:#1a1e21;color:#e6edf2} } @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root[data-theme="dark"]) #app .roster-list tbody tr{background:#13181b} } @media(max-width:700px),(max-height:520px) and (pointer:coarse){ :where(:root[data-theme="dark"]) main:has(.stats) .table-wrap th.unit-head .unit-code{color:#e6edf2} :where(:root[data-theme="dark"]) .unit-legend{background:#13181b} }