.brand{font-size:24px;overflow-wrap:anywhere;white-space:normal}.app h1{font-size:clamp(32px,4vw,48px);line-height:1.15}.app h2{font-size:26px}.app{padding-top:40px;min-height:65vh}.login-card{max-width:480px;padding:28px;background:#162738;border:1px solid #34556b;border-radius:18px}.app form{display:grid;gap:16px}.app label{display:grid;gap:7px;font-size:14px;color:var(--muted)}.app input:not([type=checkbox]),.app select,.app textarea{width:100%;padding:12px;border:1px solid #526781;border-radius:8px;background:#142131;color:#fff;font:inherit}.app button{padding:12px 20px;border:0;border-radius:8px;background:var(--cyan);color:#102034;font:inherit;cursor:pointer}.app .secondary{background:#20364b;color:#fff;border:1px solid #526781}.entry{max-width:740px;margin:24px 0 40px}.check{display:flex!important;align-items:center;gap:12px!important}.check input{width:20px;height:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stats article{padding:24px;background:#18283b;border:1px solid #3a526c;border-radius:12px}.stats strong{display:block;font-size:28px;color:var(--cyan)}.stats span{font-size:13px;color:var(--muted)}.toolbar,.pagination{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.app .filters,.app .batch{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0}.filters label,.batch label{flex:1 1 160px}.table-wrap{overflow:auto;border:1px solid #35465b;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:780px}th,td{text-align:left;padding:14px;border-bottom:1px solid #35465b;vertical-align:top}th{background:#162738;color:var(--muted)}td small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#44354b;color:#e8b8d9}.badge.done{background:#173c39;color:#8de4cc}.notice{padding:20px;background:#20364b;border-radius:12px}.session{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #35465b;padding-top:24px;margin-top:48px}.app details{padding:16px 0}.app summary{cursor:pointer;font-size:18px}.app input:focus-visible,.app select:focus-visible,.app textarea:focus-visible,.app button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:700px){.stats{grid-template-columns:1fr}.login-card{padding:22px}.app .form-row{grid-template-columns:1fr}.session{align-items:flex-start;flex-direction:column}.brand{font-size:21px}.app{padding-top:28px}}@media print{header,footer,.toolbar,.filters,.batch,.session,.pagination{display:none}.table-wrap{overflow:visible}body,th{background:white;color:black}table{font-size:10px;min-width:0}th,td{padding:5px;color:black}.stats{display:none}}

.brand{letter-spacing:-.3px;font-weight:750}.app h1{letter-spacing:-.8px}


/* Touchbedienung und lesbare Eingaben auf iPhone und iPad. */
input,select,textarea{font-size:16px!important;min-height:44px}button,.button,nav a{min-height:44px}input[type=checkbox]{width:26px;height:26px;min-height:26px;accent-color:#51dbce;cursor:pointer}header{flex-wrap:wrap}.top-logout{margin:0}.selection-help{max-width:850px;line-height:1.6}.batch{padding:18px;border:1px solid var(--line);border-radius:14px}td[data-label="Fahrt"]{overflow-wrap:anywhere}
@media(max-width:600px){.table-wrap{overflow:visible;border:0}table{min-width:0;width:100%}thead{display:none}tbody,tr,td{display:block}tr{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:16px}td{border:0;padding:8px 4px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}td[data-label]::before{content:attr(data-label);font-weight:650;color:var(--muted)}td small{grid-column:2}td .badge{justify-self:start}.filters,.batch{align-items:stretch}.filters label,.batch label{flex-basis:100%}.batch button{width:100%}.top-logout{margin-top:12px}header nav{width:100%;flex-wrap:wrap}}
@media print{.top-logout,.selection-help{display:none}}
.top-logout button{padding:12px 20px;border:1px solid #526781;border-radius:8px;background:#20364b;color:#fff;font:inherit;cursor:pointer}.top-logout button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* Helles Design für den gesamten Servicebereich. */
:root{color-scheme:light;--bg:#fff;--panel:#f5f7fa;--muted:#48576a;--cyan:#006d77;--line:#d3dce5}
html,body{background:#fff;color:#172638}header,.session{border-color:var(--line)}
.login-card,.stats article,.cards article{background:#f5f7fa;border-color:var(--line)}
.app input:not([type=checkbox]),.app select,.app textarea{background:#fff;color:#172638;border-color:#9eafbf}
.app button,.button{background:#006d77;color:#fff}
.app .secondary,.secondary,.top-logout button{background:#eef3f7;color:#20364b;border-color:#a8b8c7}
.table-wrap,th,td{border-color:var(--line)}th{background:#eef3f7;color:#34465b}
tbody tr{background:#fff}.batch{background:#f8fafc;border-color:var(--line)}
.notice{background:#eaf3f6;color:#20364b}.badge{background:#f1e8ef;color:#663350}.badge.done{background:#e0f3ec;color:#176246}
input[type=checkbox]{accent-color:#006d77}.cards a{color:#006d77}

/* Einheitliche, kontrastreiche Schaltflächen im hellen Design. */
.app button,.app a.button{background:#006d77;color:#fff;border:1px solid #006d77;font-weight:650;text-decoration:none}
.app button:hover,.app a.button:hover{background:#00545c;border-color:#00545c;color:#fff;text-decoration:none}
.app button.secondary,.app a.button.secondary,.top-logout button{background:#eef3f7;color:#20364b;border:1px solid #9eafbf}
.app button.secondary:hover,.app a.button.secondary:hover,.top-logout button:hover{background:#dce7ef;color:#172638;border-color:#73899e}
.app button:focus-visible,.app a.button:focus-visible,.top-logout button:focus-visible{outline:3px solid #006d77;outline-offset:3px}