/* Vereint27 V2.97 – einheitliche Desktop-Darstellung. Mobile Ansichten bleiben unverändert. */
@media (min-width: 1000px){
  html{background:#071a2c}
  body:not(.login-page){min-height:100vh}
  .app,.page,.wrap,main{width:min(100% - 48px,1180px)!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
  .app,.page,.wrap{padding-left:24px!important;padding-right:24px!important}
  main{padding-left:24px!important;padding-right:24px!important}
  .v27GlobalHeader{padding-left:max(24px,calc((100vw - 1180px)/2 + 24px))!important;padding-right:max(24px,calc((100vw - 1180px)/2 + 24px))!important}
  .v27HeaderCenter{text-align:left!important}
  .v27HeaderBrand{font-size:32px!important}
  .v27HeaderContext{font-size:15px!important}
  .hero,.eventHero,.adminHead,.taskHero{border-radius:22px!important}
  .card,.glass,.panel,.subcard,.taskPanel{border-radius:18px!important}
  .card,.glass,.panel,.subcard{box-shadow:0 12px 34px rgba(0,16,38,.14)}
  .section{border-radius:18px!important;margin:12px 0!important;border-bottom-width:0!important}
  .grid,.cards{gap:16px!important}
  .grid2{gap:16px!important}
  .grid3{gap:16px!important}
  .toolbar{gap:12px!important}
  input,select,textarea,button,.btn{font-size:15px}
  input,select,textarea{min-height:44px}
  table{width:100%}
  .modal{max-width:860px!important}
  /* Termin: auf Desktop mehr Raum und ruhigeres Raster */
  .eventHero{padding:22px!important}
  .eventHero h2{font-size:28px!important}
  .quickActions{grid-template-columns:repeat(3,minmax(160px,1fr))!important;gap:12px!important}
  .summary{grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:12px!important}
  .person{grid-template-columns:58px minmax(220px,1fr) auto!important;padding:14px 16px!important}
  .carForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  /* Aufgaben: Desktop bleibt breit, statt durch mobile Nachregeln auf 760px begrenzt zu werden */
  body.v27-shell main{max-width:1180px!important}
  /* App-Bottomnavigation ist eine mobile Navigation; Desktop erhält Luft im Inhalt. */
  body.v27HasAppBottom{padding-bottom:96px!important}
}
@media (min-width: 1320px){
  .app,.page,.wrap,main{width:min(100% - 72px,1280px)!important;max-width:1280px!important}
  .v27GlobalHeader{padding-left:max(28px,calc((100vw - 1280px)/2 + 28px))!important;padding-right:max(28px,calc((100vw - 1280px)/2 + 28px))!important}
}