/* QUAMARO Mein Garten – Force Compact v7
   Arbeitet direkt auf dem Original-DOM der drei problematischen Bereiche.
   Keine Abhängigkeit von nachträglich erzeugten Ersatzlisten. */
@media (max-width:820px){
  /* TEILPLANUNGEN --------------------------------------------------------- */
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:0!important;
    padding:7px!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px 8px!important;
    align-items:center!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__top{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__top>div{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__top>div>span{
    font-size:16px!important;
    line-height:1!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card h3{
    margin:0!important;
    font-size:13px!important;
    line-height:1.12!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-status{
    flex:0 0 auto!important;
    padding:3px 6px!important;
    font-size:8px!important;
    line-height:1!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card>p,
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-selected-plan,
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-result-peek,
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-lawn-project-detail,
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-beet-project-detail,
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-terrace-project-detail,
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-cost-field{
    display:none!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta{
    grid-column:1!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta>div{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta span{
    display:inline!important;
    margin-right:3px!important;
    font-size:9px!important;
    line-height:1.15!important;
    color:#77858a!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card__meta strong{
    display:inline!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-extra-summary{
    grid-column:1!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-extra-summary strong{display:none!important}
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-extra-summary span{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1.15!important;
    color:#758287!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--parts .q-area-card>a.button{
    grid-column:2!important;
    grid-row:2/span 2!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:30px!important;
    margin:0!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:9px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  /* GESAMTBUDGET --------------------------------------------------------- */
  body.q-dashboard-page .qmg-mobile-collapse--budget>.q-section-title{margin-bottom:4px!important}
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-card,
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-wrap{
    margin:0!important;
    padding:5px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-card>:not(.q-budget-table),
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-wrap>:not(.q-budget-table){display:none!important}
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table{
    display:block!important;
    width:100%!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table thead{display:none!important}
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table tbody{
    display:grid!important;
    gap:5px!important;
    width:100%!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:3px 10px!important;
    width:100%!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid rgba(28,79,58,.10)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table tr.q-budget-total{background:#eef7f0!important}
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:5px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:2px 0!important;
    border:0!important;
    font-size:9px!important;
    line-height:1.18!important;
    text-align:right!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td:first-child{
    grid-column:1/-1!important;
    padding-bottom:4px!important;
    margin-bottom:1px!important;
    border-bottom:1px solid rgba(28,79,58,.07)!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:12px!important;
    font-weight:850!important;
    color:#173f45!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td:first-child:before{display:none!important}
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td:before{
    content:attr(data-label)!important;
    flex:0 0 auto!important;
    margin:0!important;
    color:#7a878c!important;
    font-size:8px!important;
    font-weight:650!important;
    text-align:left!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td strong,
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-table td b{font-size:9px!important}
  body.q-dashboard-page .qmg-mobile-collapse--budget .q-budget-choice{
    display:block!important;
    margin:1px 0 0!important;
    font-size:7px!important;
    line-height:1.1!important;
  }

  /* UMSETZUNGSREIHENFOLGE ------------------------------------------------ */
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin:5px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(28,79,58,.10)!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:center!important;
    min-height:42px!important;
    margin:0!important;
    padding:6px 8px!important;
    border:0!important;
    border-bottom:1px solid rgba(28,79,58,.08)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item:last-child{border-bottom:0!important}
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item__nr{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    border-radius:50%!important;
    font-size:9px!important;
    line-height:1!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item>div:nth-child(2){min-width:0!important}
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item h3{
    overflow:hidden!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item p{
    display:block!important;
    overflow:hidden!important;
    margin:1px 0 0!important;
    font-size:8px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body.q-dashboard-page .qmg-mobile-collapse--timeline .q-timeline-item__tag{display:none!important}

  /* Auf der Test-Revision sichtbar machen, dass der direkte DOM-Fix geladen ist. */
  body.q-dashboard-page .qmg-live-revision{font-size:0!important}
  body.q-dashboard-page .qmg-live-revision:after{content:'MG v7';font-size:8px!important;line-height:1.2!important}
}