/* Gesprächsnotizen – Styles (aus index.html ausgelagert) */
:root{--navy:#0f172a;--blue:#0f6fff;--line:#dbe3ee;--muted:#697386;--bg:#f4f7fb;--red:#b91c1c}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:#152033}.wrap{max-width:1120px;margin:auto;padding:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.hidden{display:none!important}header{display:flex;justify-content:space-between;gap:10px;align-items:center}.brand{display:flex;gap:10px;align-items:center}.logo{width:46px;height:46px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}h1{font-size:22px;margin:0}h2{margin-top:0}.sub{font-size:12px;color:var(--muted)}.btn{border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}.danger{background:#fff1f2;color:var(--red);border:1px solid #fecdd3}.tabs,.actions,.filters{display:flex;gap:7px;flex-wrap:wrap}.tabs{margin:12px 0}.tab,.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:800;cursor:pointer}.active{background:var(--navy)!important;color:#fff}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px}.stat strong{display:block;font-size:20px}.stat span{font-size:11px;color:var(--muted)}.section{display:none}.section.active{display:block}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;text-align:left;font-weight:800;cursor:pointer}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:4px}.field label{display:block;color:#152033;font-size:13px;font-weight:800;line-height:1.3;margin:0 0 3px}input,select,textarea{width:100%;border:1px solid #cfd8e6;border-radius:10px;padding:11px;background:#fff;color:#152033;font-size:14px}textarea{min-height:120px;resize:vertical}.list{display:flex;flex-direction:column;gap:8px}.item{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff}.click{cursor:pointer}.name{font-weight:800}.meta{font-size:11px;color:var(--muted);margin-top:3px}.snippet{font-size:13px;margin-top:7px;white-space:pre-wrap}.badge{font-size:10px;font-weight:800;padding:4px 6px;border-radius:999px;background:#eef2f7}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.overdue{background:#fee2e2;color:#991b1b}.formactions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:10px}.statusbar{padding:9px 12px;border-radius:10px;margin-bottom:12px;font-size:13px;font-weight:700}.ok{background:#ecfdf5;color:#166534}.err{background:#fff1f2;color:#b91c1c}.loading{background:#eff6ff;color:#1d4ed8}dialog{border:0;border-radius:15px;padding:0;max-width:720px;width:calc(100% - 20px)}dialog::backdrop{background:#0f172a66}.modal{padding:16px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.info{background:#f8fafc;border-radius:9px;padding:8px}.info b{display:block;font-size:10px;color:var(--muted)}.modalText{white-space:pre-wrap;background:#f8fafc;padding:10px;border-radius:9px;margin-top:9px}.empty{font-size:13px;color:var(--muted);padding:8px}.version{font-weight:700;color:#0f6fff}
@media(max-width:800px){.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.formgrid,.types,.infoGrid{grid-template-columns:1fr}.wrap{padding:10px}.card{padding:12px}.stats{grid-template-columns:1fr 1fr}}

.qsSearch{position:relative;margin:8px 0 12px}.qsSearchRow{display:flex;gap:8px;align-items:center}.qsSearchRow input{flex:1;background:#fff;border:1px solid #cfd8e6}.qsResults{position:absolute;z-index:30;left:0;right:0;top:48px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #0f172a22;max-height:380px;overflow:auto;padding:6px}.qsResult{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:9px;padding:10px;cursor:pointer}.qsResult:hover{background:#f4f7fb}.qsResult b{display:block}.qsResult span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.rightsBox{margin:10px 0 14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:10px 12px}.rightsBox summary{cursor:pointer;font-weight:800}.rightsGrid{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.rightPill{font-size:11px;padding:5px 8px;border-radius:999px;background:#e8eef7;color:#334155;font-weight:700}.quickActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:-5px;margin-bottom:12px}.quickActions .btn{padding:7px 9px;font-size:12px}
/* Klarere Desktop-Ansicht und gezielte Aktiv-Zustaende */
.section.active{display:block;background:transparent!important;color:#152033!important}
.tab.active,.filter.active,.type.active{background:var(--navy)!important;color:#fff}
.wrap{max-width:1360px;padding:18px 24px}
.card{border-color:#d6dfeb;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.card>h2{font-size:18px;margin-bottom:14px}
.grid2{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px}
.item{padding:15px 16px;border-color:#d6dfeb;box-shadow:0 2px 8px rgba(15,23,42,.035);transition:border-color .15s,box-shadow .15s,transform .15s}
.item.click:hover{border-color:#9eb6d8;box-shadow:0 8px 20px rgba(15,23,42,.08);transform:translateY(-1px)}
.name{font-size:16px;line-height:1.3;color:#0f172a}
.meta{font-size:12px;line-height:1.4;margin-top:5px;color:#64748b}
.snippet{font-size:14px;line-height:1.5;margin-top:10px;color:#334155;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.badge{font-size:11px;padding:5px 8px;background:#e9eef5;color:#334155}
.badges{margin-top:11px;gap:6px}
.stats{gap:10px}
.stat{padding:13px 14px}.stat strong{font-size:23px}.stat span{font-size:12px}
.itemHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.itemSide{text-align:right;flex:none}.itemLabel{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.itemValue{font-size:12px;font-weight:750;color:#334155;margin-top:2px}.badge.priority-high{background:#fee2e2;color:#991b1b}.badge.priority-medium{background:#ffedd5;color:#9a3412}.badge.priority-normal{background:#e8eef7;color:#334155}.badge.status-done{background:#dcfce7;color:#166534}.badge.status-callback{background:#dbeafe;color:#1d4ed8}.badge.status-wait{background:#fef3c7;color:#92400e}.badge.due-today{background:#ffedd5;color:#9a3412}.item.priority-high{border-left:5px solid #dc2626}.item.priority-medium{border-left:5px solid #f97316}.item.priority-normal{border-left:5px solid #94a3b8}
.listTools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.selectBar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:9px 10px;margin-bottom:10px;border-radius:10px;background:#eef5ff;border:1px solid #cfe0fb}.selectCheck{width:20px;height:20px;accent-color:var(--blue);flex:none;margin-top:1px}.selecting.item{cursor:default}.selecting .itemHead{display:grid;grid-template-columns:22px 1fr auto}
.advancedFilters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;margin:8px 0;background:#f8fafc;border:1px solid #dbe3ee;border-radius:11px}.advancedFilters select,.advancedFilters input{padding:8px;font-size:12px}.internalBox{margin-top:10px;padding:11px;border:1px solid #fed7aa;border-left:5px solid #f97316;border-radius:9px;background:#fff7ed;white-space:pre-wrap}.internalBox b{display:block;font-size:11px;color:#9a3412;margin-bottom:5px}.phoneLink{display:inline-flex;align-items:center;gap:5px;color:#145cc1;font-weight:800;text-decoration:none}.callRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.taskTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.taskDone{opacity:.62}.taskDone .name{text-decoration:line-through}.taskCheck{width:24px;height:24px;accent-color:#16a34a;flex:none}.taskForm{margin-bottom:14px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:13px;padding:14px}.taskLink{font-size:12px;color:#145cc1;font-weight:750;margin-top:3px}.taskColumns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.taskColumn h3{margin:0 0 9px;font-size:15px}.taskFilters{margin:10px 0 12px}.badge.task-customer{background:#ecfdf5;color:#166534}
@media(max-width:800px){.wrap{padding:12px}.grid2,.taskColumns{grid-template-columns:1fr}.item{padding:13px}.name{font-size:15px}.advancedFilters{grid-template-columns:1fr 1fr}}
.authScreen{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#eaf2ff,#f8fafc 55%,#edf7f3)}.authCard{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 24px 70px #0f172a18}.authBrand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.authCard h2{margin:0;font-size:25px}.authCard .field{margin-top:12px}.authCard .btn{width:100%;margin-top:16px;padding:12px}.authMessage{margin-top:12px;padding:9px 11px;border-radius:9px;font-size:13px;background:#fff1f2;color:#b91c1c}.userChip{font-size:11px;color:var(--muted);align-self:center}
/* iPhone Safari: Datums- und Uhrzeitfelder dürfen das Formular nicht verbreitern. */
.formgrid>.field{min-width:0}
input[type="date"],input[type="time"]{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;font-size:16px;box-sizing:border-box}

.winterSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.winterMetric{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:13px}.winterMetric strong{display:block;font-size:23px}.winterMetric span{font-size:12px;color:var(--muted)}
.winterPanel{border:1px solid var(--line);border-radius:14px;padding:16px;margin:15px 0;background:#fff}.winterPanel h3{margin:0 0 5px}.winterPanel .sub{font-size:13px}.winterGroup{border:0;border-top:1px solid var(--line);padding:17px 0 0;margin:19px 0 0;min-width:0}.winterGroup legend{font-weight:800;padding-right:10px}.winterGroup .formgrid{margin-top:8px}.winterToolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:20px 0 10px}.winterToolbar h3{margin:0}.winterFilters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(130px,1fr));gap:8px;margin:10px 0 18px}.winterFilters label{font-size:12px;font-weight:700}.winterFilters .field{min-width:0}
.pickupRow{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.pickupRow input{width:23px;height:23px;flex:none;accent-color:var(--blue);margin:2px 0}.pickupRow div{min-width:0}.pickupRow b{display:block}.pickupRow .meta{overflow-wrap:anywhere}.pickupActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.winterDetails{margin-top:10px}.winterDetails summary{font-weight:700;color:#175db8;cursor:pointer}.winterDetails .meta{font-size:13px}.winterItem{border-left:4px solid #c9d7ec}.winterItem .winterLead{font-size:14px;margin-top:8px}.winterItem .formactions{justify-content:flex-start}.winterQuick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.winterQuick label{font-size:12px;font-weight:800;color:#526176}.winterQuick select{width:auto;min-width:190px;padding:8px 10px;font-weight:700}
@media(max-width:700px){.winterSummary{grid-template-columns:repeat(3,1fr)}.winterFilters{grid-template-columns:1fr 1fr}.winterFilters .field:first-child{grid-column:1/-1}.winterPanel{padding:12px}.winterMetric{padding:10px}.winterMetric strong{font-size:20px}}

/* V20.9 QS: Qualitätsupdate – Druckliste und direkte Statusänderung in der Winterwartung. */
:root{--navy:#17202f;--blue:#ed8018;--line:#e2dfd9;--muted:#687587;--bg:#f7f5f1}
body{background:var(--bg);color:#17202f}
.wrap{max-width:1340px;padding:14px 22px}
.appHeader{background:#17202f;color:#fff;border-radius:22px;padding:18px 23px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.appHeader .brand{grid-row:1/3}.appHeader .logo,.authBrand .logo{background:#ed8018;color:#fff;border-radius:14px;width:50px;height:50px}
.appHeader h1{font-size:26px;letter-spacing:.015em}.appHeader .sub{color:#c6ced8;font-size:13px}.appHeader .version{color:#f2a552}
.headerAccount,.headerActions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.appHeader .userChip{color:#d2d8e0;font-size:12px}.appHeader .secondary{background:#293444;border-color:#485668;color:#fff}
.btn.primary{background:#ed8018;color:#fff}.btn.primary:hover{background:#da6c08}.btn.secondary:hover{border-color:#cbbdac;background:#fff8f0}.appHeader .secondary:hover{background:#37465a;color:#fff}
input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.tab:focus-visible,.filter:focus-visible{outline:3px solid #f3a453;outline-offset:2px}
#statusbar{margin:8px 2px 8px;font-size:12px;padding:5px 8px;width:fit-content;max-width:100%;border-radius:999px}
#statusbar.ok{background:#e7f3e8;color:#246440}#statusbar.err{background:#fff0ed;color:#ac2e25}#statusbar.loading{background:#fff1de;color:#88520b}
.tabs{margin:8px 0 14px;gap:6px}.tab{border-radius:12px;padding:9px 13px;background:#fff}.tab.active{background:#17202f!important;color:#fff}
.tab[data-tab="new"]{display:none!important}
.card{border-color:#e0ded9;box-shadow:0 4px 14px #17202f0a}.notesPanel{min-width:0}.listTools h2{font-size:21px!important}.filters{gap:7px}.filter{border-radius:12px}.filter.active{background:#17202f!important;color:#fff}
.homePulse{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff3e7;border:1px solid #f3d5b5;border-left:5px solid #ed8018;border-radius:16px;padding:12px 15px;margin-bottom:12px}
.homePulse b{display:block;font-size:13px;color:#9a4e0d}.homePulse span{display:block;font-size:16px;font-weight:800;line-height:1.35}.homePulse .btn{white-space:nowrap}
.noteCard{border-left:5px solid #a9b4c0;padding:14px 16px}.noteCard.priority-high{border-left-color:#ed8018}.noteCard.priority-medium{border-left-color:#dc9b53}.noteCard.priority-normal{border-left-color:#91a1b1}
.noteIdentity{display:flex;align-items:center;gap:11px;min-width:0}.noteMain{min-width:0}.noteMain .meta{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noteAvatar{height:42px;width:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:#fff0e2;color:#a7520b;font-size:13px;font-weight:900}.noteCard .itemHead{display:flex;align-items:center}.noteCard .name{font-size:16px}.noteCard .snippet{margin:11px 0 0;line-height:1.45;-webkit-line-clamp:2}.noteCard .badges{margin-top:12px;align-items:center}.noteStatusSelect{width:auto;max-width:100%;min-width:105px;padding:5px 27px 5px 9px;font-size:12px;font-weight:800;border-radius:999px;background:#f0f2f4;color:#253446}
.noteAssignee{display:flex;align-items:center;gap:8px;border-top:1px solid #ece9e4;margin-top:12px;padding-top:10px;font-size:12px}.noteAssignee span:first-child{color:#7b8795}.noteAssignee b{color:#344358}.noteAssignee span:last-child{margin-left:auto;color:#ed8018;font-size:21px;font-weight:800}
.badge.priority-high{background:#fff0e3;color:#a64b0d}.badge.priority-medium{background:#fff5e9;color:#965a17}.badge.priority-normal{background:#edf0f3;color:#435267}.badge.status-callback{background:#eaf0fb;color:#315c9d}
.selecting.noteCard .itemHead{display:flex}.selecting .noteIdentity{min-width:0}
.phoneLink,.winterDetails summary{color:#bc5a0b}.winterItem{border-left-color:#ed8018}
@media(max-width:800px){.wrap{padding:9px}.grid2{grid-template-columns:1fr}.appHeader{border-radius:17px;padding:12px 14px}.appHeader .brand{grid-row:auto}.appHeader .logo{width:43px;height:43px}.appHeader h1{font-size:22px}.appHeader .sub{font-size:11px}.headerAccount{align-self:start}.appHeader .userChip{font-size:11px}.headerAccount #logoutBtn{font-size:11px;padding:7px 9px}.headerActions{grid-column:1/-1;justify-content:flex-end}.headerActions #backupBtn{padding:7px 10px}.headerActions #newBtn{padding:9px 12px}.homePulse{padding:10px 12px}.homePulse span{font-size:14px}.homePulse .btn{padding:8px;font-size:11px}.tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:3px}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex:none;padding:9px 12px}.listTools{align-items:flex-start;flex-wrap:wrap}.notesPanel .listTools .actions{margin-left:auto}.notesPanel .listTools .btn{font-size:12px;padding:8px 9px}.noteCard{padding:12px}.noteCard .name{font-size:15px}.noteMain .meta{font-size:11px}.noteCard .snippet{font-size:13px}}

/* ===== V21.1: Aufbau und Navigation ===== */
/* Kopfzeile: eine Zeile mit Logo, Suche und Neu-Button */
.appHeader{position:sticky;top:8px;z-index:40;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:16px;align-items:center;padding:10px 16px;border-radius:18px}
.appHeader .brand{grid-row:auto}
.appHeader .logo{width:40px;height:40px;border-radius:12px;font-size:14px}
.appHeader h1{font-size:20px;margin:0}
.appHeader .qsSearch{margin:0;min-width:0}
.appHeader .qsSearchRow input{width:100%;background:#fff;border:0;border-radius:12px;padding:10px 13px;color:#17202f}
.appHeader .qsSearchRow .btn{background:#293444;border:1px solid #485668;color:#fff;white-space:nowrap}
.headerActions{display:flex;justify-content:flex-end;grid-column:auto}
.headerActions #newBtn{padding:10px 16px;font-size:14px}
.qsResults{z-index:50}
.statusbar{padding:6px 12px;margin:8px 0 0;font-size:12px}

/* Hauptnavigation */
.tabs{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:12px 0 14px}
.tabs>.tab,.navBtn{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#17202f;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}
.tabs>.tab:hover,.navBtn:hover{border-color:#ed8018}
.navBtn.active{background:#17202f;color:#fff;border-color:#17202f}
.navIcon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lblShort{display:none}
.navBadge{background:#ed8018;color:#fff;border-radius:999px;font-size:11px;font-weight:800;line-height:1;padding:3px 6px;min-width:18px;text-align:center}
.tab.active .navBadge{background:#fff;color:#17202f}
.moreWrap{position:relative;margin-left:auto}
.moreMenu{position:absolute;right:0;top:calc(100% + 6px);min-width:250px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #0f172a30;padding:6px;z-index:45}
.moreUser{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.moreUser .userChip{display:block;font-size:12px;font-weight:700;color:var(--muted);word-break:break-word}
.moreMenu hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.menuItem{display:block;width:100%;text-align:left;border:0;border-radius:10px;background:transparent;padding:10px 12px;font-weight:700;font-size:14px;color:#17202f;cursor:pointer}
.menuItem:hover{background:#fff3e7}
.menuItem.tab.active{background:#fff3e7!important;color:#9a4e0d}
.menuItem.danger{color:#b91c1c}

/* Heute: Kacheln sind klickbar */
.stat{font:inherit;text-align:left;color:inherit;cursor:pointer}
.stat:hover{border-color:#ed8018;box-shadow:0 4px 14px #ed801822}
.stat:focus-visible,.tab:focus-visible,.navBtn:focus-visible,.menuItem:focus-visible,.subTab:focus-visible{outline:2px solid #ed8018;outline-offset:2px}
#todayTiles .stats{margin-bottom:12px}

/* Notiz-Fenster mit Schnellerfassung */
#new.active{position:fixed;inset:0;z-index:60;display:block;background:rgba(15,23,42,.5);overflow-y:auto;padding:24px 14px}
body.sheetOpen{overflow:hidden}
.sheetCard{max-width:780px;margin:0 auto;padding:18px 20px;border-radius:18px}
.sheetHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sheetHead h2{margin:0;font-size:20px}
.moreFields{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:0 12px 12px;background:#fbfaf8}
.moreFields>summary{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:12px 0;font-weight:800;cursor:pointer;list-style:none}
.moreFields>summary::-webkit-details-marker{display:none}
.moreFields>summary::before{content:"▸";display:inline-block;transition:transform .15s}
.moreFields[open]>summary::before{transform:rotate(90deg)}
.moreFields>summary .sub{font-weight:500;font-size:12px}
.sheetActions{position:sticky;bottom:0;margin-top:14px;padding:12px 0 2px;background:#fff;border-top:1px solid var(--line)}

/* Winterwartung: Unterreiter */
.subTabs{display:flex;gap:6px;margin:14px 0 6px;border-bottom:1px solid var(--line)}
.subTab{display:inline-flex;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:800;font-size:14px;cursor:pointer}
.subTab.active{color:#17202f;border-bottom-color:#ed8018}
#winter[data-sub="orders"] #winterPickupsPanel,#winter[data-sub="archive"] #winterPickupsPanel{display:none}
#winter[data-sub="pickups"] #winterOrdersPanel{display:none}

/* Schwebender Neu-Button (nur Handy) */
.fab{display:none}

@media(max-width:800px){
  .wrap{padding:8px 8px 96px}
  .appHeader{grid-template-columns:1fr;gap:8px;padding:10px 12px;top:6px;border-radius:16px}
  .appHeader h1{font-size:18px}
  .appHeader .logo{width:36px;height:36px}
  .appHeader .sub{font-size:11px}
  .appHeader .qsSearchRow .btn{padding:9px 10px;font-size:12px}
  .headerActions{display:none}
  .statusbar{margin:6px 0 0}
  /* Navigation als feste Leiste unten */
  .tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:2px;justify-content:space-around;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px #0f172a14}
  .tabs>.tab,.navBtn{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;border:0;border-radius:10px;background:transparent;font-size:10.5px}
  .tabs>.tab.active,.navBtn.active{background:#fff3e7!important;color:#9a4e0d;border:0}
  .navIcon{width:22px;height:22px}
  .lbl.hasShort{display:none}
  .lblShort{display:inline}
  .tabs .navBadge{position:absolute;top:1px;left:calc(50% + 7px);font-size:10px;padding:2px 5px;min-width:16px}
  .moreWrap{flex:1 1 0;margin-left:0;min-width:0}
  .moreWrap .navBtn{width:100%}
  .moreMenu{position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));top:auto;max-height:70vh;overflow:auto}
  .fab{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:35;width:56px;height:56px;border:0;border-radius:50%;background:#ed8018;color:#fff;font-size:30px;font-weight:700;line-height:1;box-shadow:0 8px 22px #17202f55;cursor:pointer}
  body.sheetOpen .fab{display:none}
  .stats{grid-template-columns:repeat(3,1fr)}
  .stat{padding:9px}
  .stat span{font-size:10.5px}
  #new.active{padding:0}
  .sheetCard{max-width:none;min-height:100%;margin:0;border-radius:0;padding:14px 12px}
}

/* Korrekturen gegenüber älteren Regeln mit !important */
@media(min-width:801px){.tabs>.tab.active{color:#fff}}
.subTab.active{background:transparent!important;color:#17202f}
#new.active{background:rgba(15,23,42,.5)!important}
.sheetHead{position:sticky;top:0;z-index:3;margin:-4px 0 12px;padding:4px 0 10px;background:#fff;border-bottom:1px solid var(--line)}