/* Presentation-only view used by the public gallery. */
html.showcase-root,
html.showcase-root body.showcase-card { background: #121416 !important; }
body.showcase-card .topbar,
body.showcase-card .intro,
body.showcase-card footer,
body.showcase-card .object-label,
body.showcase-card .controls,
body.showcase-card #hint,
body.showcase-card .finishes,
body.showcase-card #toast { display: none !important; }
body.showcase-card main,
body.showcase-card .studio {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body.showcase-card .studio::before { inset: 7% 5% !important; }
body.showcase-card #stage,
body.showcase-card.embed #stage,
body.showcase-card.mobile-model #stage,
body.showcase-card.mobile-model.embed #stage {
  inset: 10% 9% 12% !important;
  cursor: grab !important;
  touch-action: none !important;
}
body.showcase-card #stage:active { cursor: grabbing !important; }
body.showcase-card .business-screen .showcase-lock-screen {
  position: absolute;
  inset: 0;
  z-index: 500;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity 90ms linear;
  will-change: opacity;
}
body.showcase-card .business-screen .showcase-lock-screen .boot-lock {
  visibility: visible !important;
  transform: none !important;
  opacity: 1 !important;
}
body.showcase-card .business-screen > .boot-overlay { display: none !important; }
body.showcase-card .business-screen .boot-power-on,
body.showcase-card .business-screen .boot-swipe-hint,
body.showcase-card .business-screen .boot-countdown { display: none !important; }
body.showcase-card .business-screen > #os-content,
body.showcase-card .business-screen > .statusbar,
body.showcase-card .business-screen > .homebar,
body.showcase-card .business-screen > .motion-toggle,
body.showcase-card .business-screen > .os-status-button {
  display: none !important;
  pointer-events: none !important;
}
body.showcase-card .screen,
body.showcase-card .screen.interactive { pointer-events: none !important; }

@media (max-width: 760px) {
  body.showcase-card #stage,
  body.showcase-card.embed #stage,
  body.showcase-card.mobile-model #stage,
  body.showcase-card.mobile-model.embed #stage {
    inset: 9% 7% 11% !important;
  }
}

/* All cards: free-standing dock icons, matching Ivi. Preserve hit areas and spacing. */
html body .business-screen.screen[data-app] .card-home .os-dock,
html body .business-screen.screen[data-app] .generated-dock {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* P110 31.10.2026: René-Porträt (Hut) statt Constantin-Freisteller */
.business-screen[data-ui-theme=portrait][data-app=home] .wallpaper{background:linear-gradient(to bottom,transparent 200px,rgba(11,14,18,.12) 220px,rgba(11,14,18,.85) 263px,#0b0e12 282px),url('/rene-portrait-dark.jpg?v=hut-1') center 41px/76% auto no-repeat,#0b0e12!important}
.person-avatar img,.contact-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.business-screen .person-avatar:has(img),.business-screen .contact-avatar:has(img){overflow:hidden;padding:0}

/* P110 31.10.2026: dunkler Bildschirm mit leisem Matrix-Akzent (nur René). Gerät/Gehäuse unverändert. */
.business-screen[data-oswall=graphite] .wallpaper,.business-screen .boot-lock{background:#040605 url('/matrix-wall.svg?v=1') center/cover no-repeat!important}
.business-screen[data-ui-theme=portrait] .card-lock{background:#040605 url('/matrix-wall.svg?v=1') center/cover no-repeat!important}
.business-screen .boot-lock-mark{color:#3be07a!important}
.business-screen[data-ui-theme=portrait][data-app=home] .wallpaper{background-color:#070a0c!important}
/* Variante C: Matrix voll — grüne Symbol-Akzente, Zeichenregen auch hinter dem Porträt */
.business-screen .card-symbol .accent{stroke:#3be07a}
.business-screen .card-app-grid .os-icon .icon-tile{border-color:#3be07a33!important;box-shadow:inset 0 1px 0 #3be07a1f,0 5px 14px #0006!important}
.business-screen[data-ui-theme=portrait][data-app=home] .wallpaper{background:linear-gradient(to bottom,transparent 200px,rgba(4,6,5,.12) 220px,rgba(4,6,5,.82) 263px,rgba(4,6,5,.9) 282px),url('/rene-portrait-dark.jpg?v=hut-1') center 41px/76% auto no-repeat,url('/matrix-wall.svg?v=1') center/cover no-repeat,#040605!important}
.business-screen[data-ui-theme=portrait] .portrait-identity-role{color:#8fe6ad}