/* SIGVORA SPV-Wallet – Computeransicht (18.10.2026, Claude, Auftrag Dirk)
   Nur ab 768 px. Handy-Dateien (wallet-mobile.*) bleiben unberührt. */

@media (min-width:768px){
  /* Lade-Hinweis statt leerer Fläche */
  #app:empty{min-height:50vh;display:flex;align-items:center;justify-content:center}
  #app:empty::before{content:"…";font-size:2rem;letter-spacing:.3em;opacity:.6;animation:svd-pulse 1.2s ease-in-out infinite}
  @keyframes svd-pulse{0%,100%{opacity:.25}50%{opacity:.8}}

  /* Mehr Breite und Luft */
  html:not(.svm) #app > .wallet-areas,html:not(.svm) #app > .wallet-suggestions{margin-top:3rem!important;margin-bottom:3rem!important}
  html:not(.svm) #app > .wallet-areas > h2,html:not(.svm) #app > .wallet-suggestions > h2{font-size:1.9rem;margin:0 0 1.1rem}

  /* Menü: größer und klarer */
  html:not(.svm) #app > .wallet-nav{gap:.4rem!important;flex-wrap:wrap}
  html:not(.svm) #app > .wallet-nav > *{font-size:.92rem!important;padding:.45rem .85rem!important;border-radius:999px}
  html:not(.svm) #app > .wallet-nav > *:hover{background:rgba(210,162,76,.12)}

  /* Ein ruhiges Raster für Anwendungen und Bereiche */
  html:not(.svm) .sv-wallet-design .wallet-card-grid,html:not(.svm) .wallet-card-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:1.1rem!important}
  html:not(.svm) .wallet-card-grid > .wallet-area > .wallet-photo{height:150px!important;aspect-ratio:auto!important;object-fit:cover}
  html:not(.svm) .wallet-card-grid > .wallet-area{min-height:0!important;transition:transform .15s ease,border-color .15s ease}
  html:not(.svm) .wallet-card-grid > .wallet-area:hover{transform:translateY(-2px);border-color:rgba(210,162,76,.5)}
  html:not(.svm) .wallet-card-grid .wallet-area-copy{padding:1rem 1.1rem 1.1rem!important}
  html:not(.svm) .wallet-card-grid .wallet-area-copy h3{font-size:1.2rem!important;margin:0 0 .3rem!important}
  html:not(.svm) .wallet-card-grid .wallet-area-copy p{font-size:.9rem!important;line-height:1.45!important;margin:0 0 .6rem!important}
  html:not(.svm) .wallet-card-grid .wallet-text-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
  html:not(.svm) .wallet-card-grid > .wallet-area{position:relative}

  /* Keine Doppelungen */
  html:not(.svm) .wallet-card-grid > .wallet-area.svd-dup{display:none!important}

  /* "Entdecken": Leidenschaften + Vorschläge zugeklappt, Symbol-Kacheln statt Fotos */
  html:not(.svm) .svd-discover > h2{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none;font-size:1.4rem!important;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.1)}
  html:not(.svm) .svd-discover > h2::after{content:"▾";font-size:1rem;opacity:.7;transition:transform .2s}
  html:not(.svm) .svd-discover.svd-open > h2::after{transform:rotate(180deg)}
  html:not(.svm) .svd-discover:not(.svd-open) > :not(h2){display:none!important}
  html:not(.svm) .svd-discover .wallet-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:.8rem!important}
  html:not(.svm) .svd-discover .wallet-card-grid > .wallet-area{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:1rem .6rem .8rem!important;gap:.5rem}
  html:not(.svm) .svd-discover .wallet-card-grid > .wallet-area > .wallet-photo{display:none!important}
  html:not(.svm) .svd-discover .wallet-card-grid .wallet-area-copy{padding:0!important}
  html:not(.svm) .svd-discover .wallet-card-grid .wallet-area-copy h3{font-size:.95rem!important}
  html:not(.svm) .svd-discover .wallet-card-grid .wallet-area-copy p{font-size:.78rem!important;opacity:.75;margin:0 0 .3rem!important}
  html:not(.svm) .svd-discover .wallet-card-grid .wallet-text-link{font-size:.8rem!important}
  html:not(.svm) .svd-discover .wallet-area.svd-soon{opacity:.6}
  html:not(.svm) .svd-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:rgba(210,162,76,.14)}
  html:not(.svm) .svd-icon svg{width:28px;height:28px;fill:none;stroke:#d2a24c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  html:not(.svm) .svd-soon .svd-icon{background:rgba(127,127,127,.15)}
  html:not(.svm) .svd-soon .svd-icon svg{stroke:currentColor}
  html:not(.svm) .svd-discover .suggestion-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:.8rem!important}
  html:not(.svm) .svd-discover .suggestion-list > *{padding:.9rem!important;border-radius:14px;background:rgba(255,255,255,.03);border-top:0!important}
}
.svd-icon{display:none}

@media (min-width:768px){
  html:not(.svm) .wallet-card-grid > .wallet-area.svd-noimg > .wallet-photo{display:none!important}
  html:not(.svm) .wallet-card-grid > .wallet-area.svd-noimg > .svd-icon-head{display:flex;width:100%;height:150px;border-radius:0;background:linear-gradient(135deg,rgba(210,162,76,.18),rgba(210,162,76,.05))}
  html:not(.svm) .wallet-card-grid > .wallet-area.svd-noimg > .svd-icon-head svg{width:56px;height:56px}
}