/* Mobile-first Ergänzungen. Desktop-Struktur und Funktionslogik bleiben unverändert. */
html,body{max-width:100%;overflow-x:hidden}.pep-global-filter-toggle{display:none}.pep-global-filter-dot{display:none;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#246fba;position:absolute;right:3px;top:3px}.pep-global-filter-toggle.filtered .pep-global-filter-dot{display:block}

@media (min-width:721px) and (max-width:1100px){
  .page{padding-bottom:32px}.hero{flex-wrap:wrap}.hero>div:last-child{display:flex;flex-wrap:wrap;gap:7px}
  .protocol-actions,.pep-ticket-actions{gap:8px}.protocol-actions .btn,.pep-ticket-actions .btn{min-height:42px}
  #measure .subtabs{position:sticky;top:105px;z-index:17;background:#f6f8fa}
  .calendarPhase3Tab .panel>.pb,.tablewrap{overscroll-behavior-inline:contain}
}

@media (max-width:1100px){
  #orderControlsV711{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:7px;align-items:start;padding-bottom:10px}
  #orderControlsV711 .order-search{grid-column:1;margin:0;min-height:46px}
  #orderControlsV711 .pep-global-filter-toggle{display:grid;grid-column:2;position:relative;width:46px;height:46px;padding:0;place-items:center}
  #orderControlsV711 .pep-global-filter-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  #orderControlsV711 .order-filterbar{display:none;grid-column:1/-1;margin:0;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 8px 24px rgba(16,44,85,.1)}
  #orderControlsV711 .order-filterbar.on{display:flex}#orderControlsV711 .order-filterbar .btn{flex:1 1 120px;min-height:42px}
  .ph{flex-wrap:wrap}.ph>div:last-child{display:flex;flex-wrap:wrap;gap:6px}
  .protocol-editor{grid-template-columns:1fr}.protocol-editor .full{grid-column:auto}
  .protocol-card{border-radius:12px}.protocol-head{align-items:flex-start;flex-wrap:wrap}.protocol-actions .btn{min-height:44px}
  .weekgrid3{min-width:840px}.calendarPhase3Tab .panel>.pb{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pep-ticket-dialog,.help-card{max-height:94dvh}
}

@media (max-width:720px){
  .page{padding:10px 9px calc(26px + env(safe-area-inset-bottom))}.sub{padding:9px 5px 14px}
  .hero{display:grid;grid-template-columns:1fr;gap:10px}.hero>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.hero>div:last-child .btn{width:100%;min-height:46px}.hero>button.btn{width:100%;min-height:46px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.card{padding:11px}.card b{font-size:19px}
  .panel,.card,.work{border-radius:12px}.ph{padding:11px}.pb{padding:10px}
  input,select,textarea{font-size:16px!important}.field textarea{min-height:96px}.upload{padding:14px 10px}
  .btn,.choicebtn,.person,.team-pill{min-height:44px}.btn.small{min-height:42px}.tiny{min-width:42px;min-height:42px}
  .pep-ticket-card{border-radius:12px}.pep-ticket-card-body{padding:11px}.pep-ticket-actions{grid-template-columns:1fr 1fr}.pep-ticket-actions .btn{min-height:46px}
  .filterline{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.filterline button{min-height:40px;padding:5px 4px;border-radius:8px}
  #orderList .tablewrap{overflow:visible}#orderList table.table{display:block;min-width:0}#orderList thead{display:none}#ordersTable{display:grid;gap:9px}
  #ordersTable tr{display:grid;grid-template-columns:42px auto 1fr;gap:4px 8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,44,85,.04)}
  #ordersTable td{display:block;padding:3px;border:0;min-width:0;overflow-wrap:anywhere}#ordersTable td:nth-child(1){grid-column:1;grid-row:1}#ordersTable td:nth-child(2){grid-column:2;grid-row:1}#ordersTable td:nth-child(3){grid-column:3;grid-row:1;color:var(--muted);font-size:10px;text-align:right}
  #ordersTable td:nth-child(4){grid-column:1/-1;font-size:14px;color:var(--navy)}#ordersTable td:nth-child(5),#ordersTable td:nth-child(6){grid-column:1/-1;font-size:11px;color:#5f6d7a}
  #ordersTable td:nth-child(5)::before{content:'Bauleiter / Monteur: ';font-weight:750;color:var(--navy)}#ordersTable td:nth-child(6)::before{content:'Termin: ';font-weight:750;color:var(--navy)}
  #ordersTable td:nth-child(7){grid-column:1/2}#ordersTable td:nth-child(8){grid-column:2/4}#ordersTable td:nth-child(9){grid-column:1/-1;border-top:1px solid #edf0f3;margin-top:4px;padding-top:8px}
  #ordersTable .order-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}#ordersTable .order-actions .btn{min-height:44px}
  .quick-tabs{overflow-x:auto}.quick-tabs button{flex:0 0 auto}.quick-doc{align-items:flex-start;flex-direction:column}.quick-doc .btn{width:100%}
  .protocol-editor .field>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.protocol-editor .field>div .btn{margin:0!important}
  .pep-billing-tablewrap,.tablewrap{margin-left:-2px;margin-right:-2px}.pep-billing-tablewrap:after,.calendarPhase3Tab .panel>.pb:after{content:'Seitlich wischen für weitere Inhalte';display:block;position:sticky;left:0;padding:7px;color:var(--muted);font-size:9px}
  .toast{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));text-align:center;font-size:12px}
}