/* Mein Garten compact v4 – klare Dropdowns auf Desktop und Handy */
.q-dashboard-page .qmg-mobile-collapse>.q-section-title{
  position:relative;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.q-dashboard-page .qmg-mobile-collapse>.q-section-title:after{
  content:'⌄';
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-52%);
  color:#67806f;
  font-size:1.05rem;
  font-weight:900;
  transition:transform .18s ease,color .18s ease;
}
.q-dashboard-page .qmg-mobile-collapse.is-open>.q-section-title:after{transform:translateY(-52%) rotate(180deg)}
.q-dashboard-page .qmg-mobile-collapse>.q-section-title:hover:after{color:#2f7450}
.q-dashboard-page .qmg-mobile-collapse:not(.is-open)>:not(.q-section-title){display:none!important}
.q-dashboard-page .qmg-accordion-meta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  padding:.25rem .55rem;
  border-radius:999px;
  background:#edf5ef;
  color:#557162;
  font-size:.68rem;
  font-weight:800;
  white-space:nowrap;
}

@media(min-width:721px){
  .q-dashboard-page .qmg-mobile-collapse{
    padding:.45rem 0!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title{
    display:flex!important;
    align-items:center!important;
    min-height:56px;
    margin:0!important;
    padding:.78rem 8.4rem .78rem 1rem!important;
    border:1px solid rgba(25,78,55,.12);
    border-radius:15px;
    background:linear-gradient(180deg,#fafcf9,#f5f9f4);
    box-shadow:0 5px 16px rgba(20,72,88,.035);
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title>div{min-width:0}
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h2,
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h3{
    margin:0!important;
    color:#234b38!important;
    font-size:1.18rem!important;
    line-height:1.2!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title p{
    margin:.18rem 0 0!important;
    color:#6b7b70!important;
    font-size:.78rem!important;
    line-height:1.35!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title:after{right:1.05rem}
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title>.qmg-accordion-meta{
    position:absolute;
    right:2.9rem;
    top:50%;
    transform:translateY(-50%);
  }
  .q-dashboard-page .qmg-mobile-collapse.is-open>.q-section-title{margin-bottom:.75rem!important}
}

@media(max-width:720px){
  body.q-dashboard-page{padding-bottom:62px}
  .q-dashboard-page .q-dashboard-shell{width:calc(100% - .7rem)!important}
  .q-dashboard-page .q-dashboard-section{padding:.34rem 0!important}

  /* Dropdown-Leisten deutlich flacher und gleichmäßiger. */
  .q-dashboard-page .qmg-mobile-collapse{
    margin:.1rem 0!important;
    padding:.34rem!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title{
    min-height:48px!important;
    padding:.7rem 2.35rem .7rem .82rem!important;
    border-radius:14px!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h2,
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h3{
    font-size:.98rem!important;
    line-height:1.18!important;
    letter-spacing:-.01em;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title:after{
    right:.78rem!important;
    font-size:.98rem!important;
  }
  .q-dashboard-page .qmg-mobile-collapse.is-open>.q-section-title{margin-bottom:.4rem!important}
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title>.qmg-accordion-meta{display:none!important}

  /* Teilplanungen: weniger Erklärung, mehr Status und Aktion. */
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-cards{gap:.45rem!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card{
    padding:.68rem!important;
    border-radius:15px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__top{gap:.45rem!important;align-items:center!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__top>div{display:flex;align-items:center;gap:.42rem;min-width:0}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__top>div>span{font-size:1.05rem!important;line-height:1}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card h3{margin:0!important;font-size:.96rem!important;line-height:1.15!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card>p{display:none!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-status{padding:.28rem .42rem!important;font-size:.62rem!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta{gap:.32rem!important;margin:.5rem 0!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta div{padding:.42rem .5rem!important;border-radius:10px!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta span{font-size:.62rem!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta strong{font-size:.78rem!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-extra-summary,
  .q-dashboard-page .qmg-mobile-collapse--parts .q-selected-plan{
    margin:.42rem 0!important;
    padding:.5rem .58rem!important;
    border-radius:11px!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--parts .q-extra-summary strong,
  .q-dashboard-page .qmg-mobile-collapse--parts .q-selected-plan>span{font-size:.61rem!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-extra-summary span,
  .q-dashboard-page .qmg-mobile-collapse--parts .q-selected-plan strong{font-size:.72rem!important;line-height:1.28!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-selected-plan small{font-size:.6rem!important;line-height:1.25!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card .button{
    min-height:40px!important;
    padding:.52rem .65rem!important;
    border-radius:12px!important;
    font-size:.76rem!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--parts .q-result-peek{margin:.4rem 0!important}

  /* Budget: Erklärboxen auf Handy raus – die Zeilen selbst erklären genug. */
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-card>:not(.q-budget-table){display:none!important}
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-card{padding:.45rem!important;box-shadow:none!important}
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table tbody{gap:.42rem!important}
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table tr{padding:.32rem .55rem!important;border-radius:12px!important;box-shadow:none!important}
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td{padding:.32rem 0!important;font-size:.7rem!important;gap:.6rem!important}
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td:before{font-size:.62rem!important;flex-basis:42%!important}
  .q-dashboard-page .qmg-mobile-collapse--budget .q-budget-choice{font-size:.61rem!important}

  /* Umsetzung: kompakte Schritte statt sehr hoher Einzelkarten. */
  .q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline{gap:.4rem!important}
  .q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:.5rem!important;
    padding:.55rem .62rem!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item__nr{width:28px!important;height:28px!important;font-size:.72rem!important}
  .q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item h3{font-size:.82rem!important;line-height:1.25!important}
  .q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item p{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin-top:.08rem!important;
    font-size:.68rem!important;
    line-height:1.3!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
  }
  .q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item__tag{grid-column:2!important;font-size:.61rem!important}

  /* Systeme und Hinweise noch flacher. */
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-grid{gap:.45rem!important}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card{padding:.62rem!important;border-radius:14px!important;box-shadow:none!important}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card__head h3{font-size:.9rem!important}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card__head small{font-size:.65rem!important}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card>p{margin:.35rem 0 0!important}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-summary{margin:.38rem 0!important;gap:.28rem!important}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-summary>span{padding:.28rem .42rem!important;font-size:.62rem!important}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card .button{min-height:40px!important;padding:.5rem .6rem!important;font-size:.74rem!important}
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alerts{gap:.4rem!important}
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alert{padding:.58rem .62rem!important;border-radius:12px!important}
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alert strong{font-size:.76rem!important}
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alert span{font-size:.67rem!important;line-height:1.35!important}

  /* Rahmenbedingungen auf Handy zweispaltig statt langer Definition-Listen. */
  .q-dashboard-page .qmg-mobile-collapse--profile .q-profile-card{padding:.58rem .65rem!important;box-shadow:none!important}
  .q-dashboard-page .qmg-mobile-collapse--profile .q-profile-card dl{grid-template-columns:42% minmax(0,1fr)!important;gap:.3rem .55rem!important}
  .q-dashboard-page .qmg-mobile-collapse--profile .q-profile-card dt,
  .q-dashboard-page .qmg-mobile-collapse--profile .q-profile-card dd{margin:0!important;font-size:.68rem!important;line-height:1.3!important}

  /* Backup und Schlussaktionen kompakter. */
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card{padding:.52rem!important;gap:.4rem!important;box-shadow:none!important}
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card .button{min-height:40px!important;padding:.5rem .58rem!important;font-size:.73rem!important}
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card>span{font-size:.62rem!important}
  .q-dashboard-page .qmg-order-final{padding:.35rem 0!important}
  .q-dashboard-page .qmg-order-final .q-dashboard-card{padding:.58rem!important;border-radius:15px!important;box-shadow:none!important}
  .q-dashboard-page .qmg-order-final .button{min-height:40px!important;padding:.5rem .6rem!important;font-size:.75rem!important;border-radius:12px!important}

  /* Einkauf: äußere Liste kompakt; Produkte erst nach Bereichsklick. */
  .q-dashboard-page .qmg-shopping-card{padding:.5rem!important}
  .q-dashboard-page .qmg-shopping-groups{gap:.42rem!important}
  .q-dashboard-page .qmg-shopping-group{padding:.12rem .52rem .42rem!important;border-radius:13px!important}
  .q-dashboard-page .qmg-shopping-group__head{min-height:50px!important;padding:.42rem .12rem!important}
  .q-dashboard-page .qmg-shopping-group__head h3{font-size:.82rem!important}
  .q-dashboard-page .qmg-shopping-group__head span{font-size:.61rem!important}
}

@media(max-width:390px){
  .q-dashboard-page .q-dashboard-shell{width:calc(100% - .5rem)!important}
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h2,
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h3{font-size:.93rem!important}
  .q-dashboard-page .qmg-mobile-collapse--parts .q-area-card{padding:.58rem!important}
}

@media print{
  .q-dashboard-page .qmg-mobile-collapse:not(.is-open)>:not(.q-section-title){display:initial!important}
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title:after,
  .q-dashboard-page .qmg-accordion-meta{display:none!important}
}