/* PEP V9.2 RC3 – eindeutige Projektkarten und stabile responsive Navigation. */
.help-fab{position:fixed!important;top:9px!important;right:170px!important;z-index:95!important}
@media (min-width:721px) and (max-width:1180px){
  .top>.mainnav{grid-template-columns:repeat(7,48px)!important;justify-content:space-between!important;gap:8px!important}
}
@media (max-width:1100px){
  #orderList .project-tools{display:none!important}
  #orderList>.panel>.tablewrap{overflow:visible!important}
  #orderList table.table{display:block!important;min-width:0!important}
  #orderList thead{display:none!important}
  #ordersTable{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:10px!important;padding:10px!important}
  #ordersTable tr{position:relative!important;display:grid!important;grid-template-columns:42px auto 1fr!important;gap:5px 8px!important;min-height:190px;padding:12px 66px 12px 12px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 9px rgba(16,44,85,.05)!important}
  #ordersTable td{display:block!important;padding:3px!important;border:0!important;min-width:0!important;overflow-wrap:anywhere!important}
  #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:12px;text-align:right}
  #ordersTable td:nth-child(4){grid-column:1/-1;font-size:17px;color:var(--navy)}
  #ordersTable td:nth-child(5),#ordersTable td:nth-child(6){grid-column:1/-1;font-size:14px;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){position:absolute!important;right:10px!important;top:10px!important;display:block!important;margin:0!important;padding:0!important;border:0!important}
  #ordersTable .pep-row-menu>.pep-icon-only{width:48px!important;height:48px!important}
  #order>.ph{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  #openOrderTitle{min-width:0!important;font-size:18px!important;line-height:1.3!important}
}
@media (max-width:720px){
  /* Ausgeblendete Desktop-Aktionen dürfen durch die mobile Grid-Regel nicht
     wieder sichtbar werden. Die Neuanlage bleibt gesammelt im Aktionsmenü. */
  #orderList>.hero>div[hidden]{display:none!important}

  #orderList>.hero{
    position:relative;
    min-height:52px;
    padding-right:0!important;
  }
  #orderList>.hero>div:first-child{display:block!important;width:auto!important;min-width:0}
  #pepOrderCreateMenu{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    display:block!important;
  }

  /* Die Hilfe verwendet dieselbe 48-Pixel-Kachel wie alle übrigen Symbole. */
  .help-fab{position:fixed;top:7px!important;right:116px!important;width:48px;height:48px}

  /* Vier Hauptziele plus Mehr-Menü – Symbole werden nie verkleinert. */
  .top>.mainnav{overflow-x:hidden!important}
  .mainnav button{
    flex:0 0 48px!important;
    min-width:48px!important;
    width:48px!important;
    padding:0!important;
  }
  .mainnav .navlabel{display:none!important}
}

@media (max-width:370px){
  .help-fab{right:110px!important}
}