/* samuilife — web: Desktop-Ausbau ab 900/1400px (Teil 2 §14).
   Lädt als LETZTES Stylesheet — gleiche Spezifität gewinnt hier bewusst. */

@media(min-width:900px){
  /* Profil, Panels und Checkout als zentriertes Modal statt Vollbild-Sheet */
  #prov,#panelpage,#mepage,#partnerpage{
    inset:0;transform:none;display:none;background:var(--scrim-lite);
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
  #prov.on,#panelpage.on,#mepage.on,#partnerpage.on{display:block}
  #prov .wrap,#panelpage .wrap,#mepage .wrap,#partnerpage .wrap{
    max-width:680px;margin:4vh auto;background:var(--paper);border:1px solid var(--line);
    border-radius:16px;max-height:92vh;overflow-y:auto;padding:0 20px 40px;
    box-shadow:var(--sh-sheet)}
  #prov-top,#pn-top,#me-top,#pp-top{border-radius:16px 16px 0 0}
  #prov-cta{max-width:680px}
  /* Hover nur wo Hover existiert */
  @media(hover:hover){
    .row:hover,.trrow:hover,.evrow:hover,.merow:hover,.corow:hover{background:var(--paper2)}
    .tb:hover{color:var(--go)}
    .pcard:hover{border-color:var(--go)}
  }
}
@media(min-width:1400px){
  /* Dritte Spalte: Profil dockt rechts an, Liste + Karte bleiben sichtbar */
  #prov{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;
    left:auto;right:0;width:500px;border-left:1px solid var(--line)}
  #prov .wrap{margin:0;max-width:none;border:0;border-radius:0;max-height:100vh;
    box-shadow:var(--sh-sheet)}
  body:has(#prov.on) #shell{margin-right:64px}
  #prov-cta{left:auto;right:0;width:500px;max-width:500px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}