/* Mein Garten – Mobile Finishing v1
   Nur fuer die Projektseite. Bewusst als letztes Stylesheet geladen,
   damit ältere allgemeine Mobile-Regeln diese Anpassungen nicht wieder überschreiben. */

@media (max-width:720px){
  body.q-dashboard-page{
    padding-bottom:58px!important;
  }

  .q-dashboard-page .q-dashboard-shell{
    width:calc(100% - .55rem)!important;
    gap:.35rem!important;
  }

  .q-dashboard-page .q-dashboard-section{
    padding:.22rem 0!important;
  }

  /* Haupt-Dropdowns flacher und ruhiger. */
  .q-dashboard-page .qmg-mobile-collapse{
    margin:.08rem 0!important;
    padding:.28rem!important;
    border-radius:16px!important;
    box-shadow:0 5px 14px rgba(20,72,88,.035)!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title{
    min-height:46px!important;
    margin:0!important;
    padding:.62rem 2.25rem .62rem .78rem!important;
    border-radius:13px!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h2,
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h3{
    font-size:.96rem!important;
    line-height:1.16!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title:after{
    right:.72rem!important;
    font-size:.92rem!important;
  }
  .q-dashboard-page .qmg-mobile-collapse.is-open>.q-section-title{
    margin-bottom:.32rem!important;
  }

  /* Teilplanungen: auf Mobile wirklich als kompakte Projektkarten. */
  .q-dashboard-page .q-area-cards{
    gap:.42rem!important;
  }
  .q-dashboard-page .q-area-card{
    padding:.62rem!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .q-area-card__top{
    gap:.4rem!important;
    align-items:center!important;
  }
  .q-dashboard-page .q-area-card__top>div{
    display:flex!important;
    align-items:center!important;
    gap:.38rem!important;
    min-width:0!important;
  }
  .q-dashboard-page .q-area-card__top>div>span{
    font-size:1rem!important;
    line-height:1!important;
  }
  .q-dashboard-page .q-area-card h3{
    margin:0!important;
    font-size:.92rem!important;
    line-height:1.15!important;
  }
  .q-dashboard-page .q-area-card>.q-area-card__top+.q-area-card__meta,
  .q-dashboard-page .q-area-card>.q-area-card__top+div.q-area-card__meta{
    margin-top:.45rem!important;
  }
  .q-dashboard-page .q-area-card>p{
    display:none!important;
  }
  .q-dashboard-page .q-area-card .q-status{
    padding:.23rem .4rem!important;
    font-size:.59rem!important;
    line-height:1.1!important;
  }
  .q-dashboard-page .q-area-card__meta{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:.3rem!important;
    margin:.45rem 0!important;
  }
  .q-dashboard-page .q-area-card__meta div{
    padding:.38rem .46rem!important;
    border-radius:9px!important;
  }
  .q-dashboard-page .q-area-card__meta span{
    font-size:.59rem!important;
  }
  .q-dashboard-page .q-area-card__meta strong{
    font-size:.75rem!important;
  }
  .q-dashboard-page .q-extra-summary,
  .q-dashboard-page .q-selected-plan,
  .q-dashboard-page .q-result-peek{
    margin:.35rem 0!important;
    padding:.43rem .5rem!important;
    border-radius:10px!important;
  }
  .q-dashboard-page .q-extra-summary strong,
  .q-dashboard-page .q-selected-plan>span{
    font-size:.58rem!important;
  }
  .q-dashboard-page .q-extra-summary span,
  .q-dashboard-page .q-selected-plan strong,
  .q-dashboard-page .q-result-peek summary{
    font-size:.68rem!important;
    line-height:1.25!important;
  }
  .q-dashboard-page .q-selected-plan small,
  .q-dashboard-page .q-result-peek div{
    font-size:.58rem!important;
    line-height:1.25!important;
  }
  .q-dashboard-page .q-area-card .button{
    min-height:38px!important;
    margin-top:.35rem!important;
    padding:.46rem .58rem!important;
    border-radius:11px!important;
    font-size:.72rem!important;
    line-height:1.15!important;
  }

  /* Zusatzbereiche aus der neuen direkten Teilplanungslogik. */
  .q-dashboard-page .qmg-system-divider{
    margin:.12rem 0 0!important;
    padding:.55rem .05rem .02rem!important;
  }
  .q-dashboard-page .qmg-system-divider strong{
    font-size:.84rem!important;
  }
  .q-dashboard-page .qmg-system-divider span{
    margin-top:.08rem!important;
    font-size:.6rem!important;
    line-height:1.25!important;
  }
  .q-dashboard-page .qmg-system-area-card .qmg-system-remove{
    margin-top:.2rem!important;
    padding:.2rem!important;
    font-size:.58rem!important;
  }

  /* Budget: Erklärung auf Mobile ausblenden; nur die eigentlichen Werte bleiben. */
  .q-dashboard-page .qmg-mobile-collapse--budget>.q-dashboard-card:not(.q-budget-wrap),
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-wrap>:not(.q-budget-table),
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-card>:not(.q-budget-table){
    display:none!important;
  }
  .q-dashboard-page .q-budget-wrap,
  .q-dashboard-page .q-budget-card{
    padding:.38rem!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .q-budget-table tbody{
    gap:.34rem!important;
  }
  .q-dashboard-page .q-budget-table tr{
    padding:.25rem .48rem!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .q-budget-table td{
    min-height:0!important;
    padding:.25rem 0!important;
    gap:.5rem!important;
    font-size:.66rem!important;
    line-height:1.22!important;
  }
  .q-dashboard-page .q-budget-table td:before{
    flex-basis:41%!important;
    font-size:.57rem!important;
    line-height:1.2!important;
  }
  .q-dashboard-page .q-budget-table td>*{
    max-width:59%!important;
  }
  .q-dashboard-page .q-budget-choice{
    font-size:.56rem!important;
    line-height:1.2!important;
  }

  /* Umsetzung: keine riesigen Story-Karten mehr. */
  .q-dashboard-page .q-timeline{
    gap:.34rem!important;
  }
  .q-dashboard-page .q-timeline-item{
    grid-template-columns:27px minmax(0,1fr)!important;
    gap:.45rem!important;
    padding:.48rem .55rem!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .q-timeline-item__nr{
    width:25px!important;
    height:25px!important;
    font-size:.66rem!important;
  }
  .q-dashboard-page .q-timeline-item h3{
    margin:0!important;
    font-size:.76rem!important;
    line-height:1.22!important;
  }
  .q-dashboard-page .q-timeline-item p{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:.08rem 0 0!important;
    font-size:.62rem!important;
    line-height:1.28!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  .q-dashboard-page .q-timeline-item__tag{
    grid-column:2!important;
    margin-top:.12rem!important;
    font-size:.56rem!important;
    line-height:1.1!important;
  }

  /* Noch prüfen: Hinweise kompakt, aber vollständig lesbar. */
  .q-dashboard-page .q-alerts{
    gap:.34rem!important;
  }
  .q-dashboard-page .q-alert{
    padding:.48rem .55rem!important;
    border-radius:11px!important;
  }
  .q-dashboard-page .q-alert strong{
    display:block!important;
    margin-bottom:.12rem!important;
    font-size:.72rem!important;
    line-height:1.24!important;
  }
  .q-dashboard-page .q-alert span{
    font-size:.61rem!important;
    line-height:1.32!important;
  }

  /* Projekt sichern und Schlussaktionen. */
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card{
    padding:.42rem!important;
    gap:.32rem!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card .button{
    min-height:38px!important;
    padding:.44rem .52rem!important;
    font-size:.69rem!important;
    border-radius:11px!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card>span{
    font-size:.58rem!important;
    line-height:1.25!important;
  }
  .q-dashboard-page .qmg-order-final{
    padding:.18rem 0!important;
  }
  .q-dashboard-page .qmg-order-final .q-dashboard-card,
  .q-dashboard-page .qmg-order-final .q-dashboard-actions{
    padding:.46rem!important;
    gap:.34rem!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .qmg-order-final .button,
  .q-dashboard-page .q-dashboard-section:last-of-type .q-dashboard-actions .button{
    min-height:40px!important;
    padding:.46rem .55rem!important;
    border-radius:11px!important;
    font-size:.72rem!important;
  }

  /* Der Navigator darf Inhalte nicht verdecken. */
  .qmg-mobile-navigator-fab{
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    box-shadow:0 6px 18px rgba(18,70,51,.2)!important;
  }
  .qmg-mobile-navigator-fab:after{
    font-size:18px!important;
  }

  /* Footer auf der Projektseite deutlich kürzer. */
  .q-dashboard-page+.site-footer,
  body.q-dashboard-page .site-footer{
    margin-top:.8rem!important;
    min-height:0!important;
  }
  body.q-dashboard-page .site-footer .footer-inner{
    padding:1rem .75rem!important;
    gap:.65rem!important;
  }
  body.q-dashboard-page .site-footer .footer-brand{
    width:170px!important;
    max-width:55vw!important;
    height:auto!important;
  }
  body.q-dashboard-page .site-footer .footer-copy{
    display:none!important;
  }
  body.q-dashboard-page .site-footer .footer-column{
    display:none!important;
  }
  body.q-dashboard-page .site-footer .footer-bottom{
    padding:.55rem .75rem!important;
    font-size:.58rem!important;
  }
}

@media (max-width:390px){
  .q-dashboard-page .q-dashboard-shell{width:calc(100% - .4rem)!important}
  .q-dashboard-page .q-area-card{padding:.55rem!important}
  .q-dashboard-page .q-area-card h3{font-size:.86rem!important}
  .q-dashboard-page .q-area-card__meta strong{font-size:.71rem!important}
}