/* Mein Garten Mobile v3 – kompakte Projektübersicht auf schmalen Displays */
@media(max-width:720px){
  body.q-dashboard-page{padding-bottom:70px}

  /* Große Sektionen werden auf Mobile zu ruhigen, einheitlichen Aufklappkarten. */
  .q-dashboard-page .qmg-mobile-collapse{
    margin:.22rem 0;
    padding:.65rem!important;
    border:1px solid rgba(20,72,88,.08);
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,72,88,.045);
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title{
    position:relative;
    display:block!important;
    min-height:60px;
    margin:0!important;
    padding:.9rem 2.8rem .9rem 1rem!important;
    border:1px solid rgba(25,78,55,.12);
    border-radius:17px;
    background:#f7faf5;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title>div{width:100%}
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h2,
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title h3{
    margin:0!important;
    font-size:1.05rem!important;
    line-height:1.3!important;
    color:#234b38!important;
  }
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title p,
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title .eyebrow{display:none!important}
  .q-dashboard-page .qmg-mobile-collapse>.q-section-title:after{
    content:'⌄';
    position:absolute;
    right:1rem;
    top:50%;
    transform:translateY(-54%);
    color:#63806f;
    font-size:1.08rem;
    font-weight:900;
    transition:transform .18s ease;
  }
  .q-dashboard-page .qmg-mobile-collapse.is-open>.q-section-title:after{transform:translateY(-54%) rotate(180deg)}
  .q-dashboard-page .qmg-mobile-collapse:not(.is-open)>:not(.q-section-title){display:none!important}
  .q-dashboard-page .qmg-mobile-collapse.is-open>.q-section-title{margin-bottom:.65rem!important}

  /* Mehrere Flächen: nur bei Bedarf öffnen, innen deutlich kompakter. */
  .q-dashboard-page .qmg-mobile-collapse--groups .qv6-group-grid{gap:.6rem}
  .q-dashboard-page .qmg-mobile-collapse--groups .qv6-group-card{padding:.75rem}
  .q-dashboard-page .qmg-mobile-collapse--groups .qv6-group-head{gap:.55rem}
  .q-dashboard-page .qmg-mobile-collapse--groups .qv6-group-head h3{font-size:1rem}
  .q-dashboard-page .qmg-mobile-collapse--groups .qv6-group-head>div>span{font-size:1.25rem}
  .q-dashboard-page .qmg-mobile-collapse--groups .qv6-group-head select{min-height:46px;padding:.55rem .7rem;font-size:.83rem}
  .q-dashboard-page .qmg-mobile-collapse--groups .qv6-group-card>p{margin:.55rem 0 0;font-size:.76rem;line-height:1.4}

  /* Zusatzsysteme: Wiederholungstext raus, Status/Budget als getrennte Chips. */
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-grid{gap:.6rem}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card{padding:.75rem;border-radius:16px}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card__head{gap:.55rem}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card__head>span{font-size:1.25rem}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card__head h3{font-size:1rem;line-height:1.25}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card__head small{font-size:.72rem;line-height:1.3}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-icon-btn{font-size:1.2rem;width:34px;height:34px;padding:0}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card>p{
    margin:.45rem 0 0;
    font-size:0;
    line-height:1.35;
  }
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card>p strong{
    display:block;
    font-size:.76rem;
    color:#516b59;
  }
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-summary{
    display:flex!important;
    flex-wrap:wrap;
    gap:.35rem;
    margin:.5rem 0;
  }
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-summary>span{
    display:inline-flex;
    gap:.25rem;
    align-items:center;
    padding:.34rem .5rem;
    border-radius:999px;
    background:#f3f7f3;
    color:#64736a;
    font-size:.68rem;
    line-height:1.2;
  }
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-summary strong{font-size:.72rem;color:#274b37}
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-system-card .button{
    min-height:44px!important;
    padding:.62rem .75rem!important;
    font-size:.84rem!important;
    border-radius:13px!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--systems .qv6-add-system{margin-top:.6rem;padding:.65rem;font-size:.78rem}

  /* Warnungen: bei Bedarf öffnen und dann nicht mehr so hoch. */
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alerts{gap:.5rem}
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alert{padding:.7rem .75rem;border-radius:14px}
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alert strong{font-size:.86rem;line-height:1.3;margin-bottom:.18rem}
  .q-dashboard-page .qmg-mobile-collapse--alerts .q-alert span{font-size:.75rem;line-height:1.4}

  /* Projektsicherung bleibt erreichbar, nimmt aber geschlossen kaum Platz ein. */
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card{padding:.65rem;gap:.5rem}
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card .button{
    min-height:44px!important;
    padding:.62rem .7rem!important;
    font-size:.82rem!important;
  }
  .q-dashboard-page .qmg-mobile-collapse--backup .qv6-backup-card>span{font-size:.7rem;line-height:1.35}

  /* Einkaufsliste bleibt sichtbar, einzelne Bereiche werden aber erst bei Bedarf geöffnet. */
  .q-dashboard-page .qmg-shopping-card{padding:.65rem}
  .q-dashboard-page .qmg-shopping-groups{gap:.55rem}
  .q-dashboard-page .qmg-shopping-group{
    padding:.2rem .65rem .55rem;
    border-radius:16px;
  }
  .q-dashboard-page .qmg-shopping-group__head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 20px;
    align-items:center!important;
    gap:.45rem;
    min-height:58px;
    margin:0!important;
    padding:.55rem .2rem;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .q-dashboard-page .qmg-shopping-group__head h3{font-size:.93rem;line-height:1.25;min-width:0}
  .q-dashboard-page .qmg-shopping-group__head span{font-size:.68rem;white-space:nowrap}
  .q-dashboard-page .qmg-shopping-group__head:after{
    content:'⌄';
    display:grid;
    place-items:center;
    width:20px;
    color:#63806f;
    font-size:1rem;
    font-weight:900;
    transition:transform .18s ease;
  }
  .q-dashboard-page .qmg-shopping-group.is-open>.qmg-shopping-group__head:after{transform:rotate(180deg)}
  .q-dashboard-page .qmg-shopping-group:not(.is-open)>.qmg-shopping-grid,
  .q-dashboard-page .qmg-shopping-group:not(.is-open)>.qmg-product-more{display:none!important}
  .q-dashboard-page .qmg-shopping-group.is-open>.qmg-shopping-grid{margin-top:.25rem}
  .q-dashboard-page .qmg-shopping-group .qmg-product-card{min-height:78px;grid-template-columns:62px minmax(0,1fr)}
  .q-dashboard-page .qmg-shopping-group .qmg-product-card__media img{height:78px}
  .q-dashboard-page .qmg-shopping-group .qmg-product-card__body{padding:.48rem .55rem}
  .q-dashboard-page .qmg-shopping-group .qmg-product-card__body strong{font-size:.76rem}
  .q-dashboard-page .qmg-shopping-group .qmg-product-card__body small,
  .q-dashboard-page .qmg-shopping-group .qmg-product-card__meta{font-size:.64rem}

  /* Der Fortschritt steht bereits oben im Projekt – Badge über dem Gartenbild ist mobil redundant. */
  .q-dashboard-page .qmg-mobile-real-clean .qreal-overlay{display:none!important}
  .q-dashboard-page .qmg-mobile-real-clean .qreal-title-row{margin-bottom:.45rem}
  .q-dashboard-page .qmg-mobile-real-clean .qreal-actions{margin-top:.45rem}
  .q-dashboard-page .qmg-mobile-real-clean .qreal-actions .button{min-height:46px!important;padding:.65rem .8rem!important}

  /* Der bisher riesige Navigator wird zu einem kleinen Floating-Button und verdeckt keine CTAs mehr. */
  .qmg-mobile-navigator-fab{
    position:fixed!important;
    left:auto!important;
    right:12px!important;
    top:auto!important;
    bottom:12px!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    font-size:0!important;
    line-height:0!important;
    z-index:9998!important;
    transform:none!important;
    box-shadow:0 8px 24px rgba(18,70,51,.24)!important;
  }
  .qmg-mobile-navigator-fab>*{display:none!important}
  .qmg-mobile-navigator-fab:after{
    content:'🌿';
    display:block!important;
    font-size:20px!important;
    line-height:1!important;
    color:#fff!important;
  }
}

@media(min-width:721px){
  .qmg-mobile-collapse>.q-section-title{cursor:default}
  .qmg-shopping-group__head{cursor:default}
}

@media print{
  .qmg-mobile-navigator-fab{display:none!important}
  .qmg-mobile-collapse:not(.is-open)>:not(.q-section-title),
  .qmg-shopping-group:not(.is-open)>.qmg-shopping-grid,
  .qmg-shopping-group:not(.is-open)>.qmg-product-more{display:initial!important}
}