/* Visual do Photoboo (site separado, MODE = "app"). Carregado só no Photoboo,
   por cima do app.css da demonstração SHOWBOOTH — nunca editar o app.css para
   o Photoboo. Pedido do dono: com a cabine rodando, cartões em PRETO. */

.mode-app { --bg: #050506; --panel: #0e0e10; --line: #232327; }

/* ---------- cabeçalho escuro com o ícone do Photoboo ---------- */
.mode-app .top { background: #000; border-bottom: 1px solid #1f1f23; color: var(--ink); }
.mode-app .brand img.pb-logo { position: static; width: 60px; height: 60px; border-radius: 15px; object-fit: cover; filter: none; max-width: none; }
.mode-app .brand-mark { width: 60px; height: 60px; border-radius: 15px; overflow: hidden; }
.mode-app .brand .pb-name,
.mode-app .brand-copy strong { font-family: "Instrument Serif", serif; font-weight: 400; font-size: 31px; line-height: 1; letter-spacing: -.025em; color: #fff; }
.mode-app .brand-signature,
.mode-app .brand-copy span { color: var(--accent); }
.mode-app .brand-promise { color: #b9b3a6; }
.mode-app #search { background: #111113; color: var(--ink); border-color: #2a2a30; }
.mode-app #search::placeholder { color: #77736b; }
.mode-app .icon-btn { background: #111113; color: var(--ink); border-color: #2a2a30; }
.mode-app .credits { background: #1c1810; border-color: #4a3d1f; color: var(--accent); }
.mode-app .account-chip { background: #151518; border-color: #2a2a30; color: var(--ink); }
.mode-app .account-out { background: #242016; color: var(--accent); }

/* ---------- cartões dos efeitos em preto ---------- */
.mode-app .card { background: #000; border-color: #1c1c20; color: #fff; }
.mode-app .card:hover,
.mode-app .card:focus-visible { border-color: var(--accent); box-shadow: 0 12px 30px rgba(0,0,0,.6); }
.mode-app .card-photo { background: #000; }
.mode-app .card-photo::after {
  content: ""; position: absolute; inset: 55% 0 0 0; pointer-events: none;
  background: linear-gradient(to top, rgba(0,0,0,.92), rgba(0,0,0,0));
}
.mode-app .card .cap { z-index: 1; }
.mode-app .card .name { background: rgba(0,0,0,.72); color: #fff; border: 1px solid rgba(255,255,255,.08); }
.mode-app .card .badge { background: rgba(0,0,0,.72); color: #f4f1ea; border: 1px solid rgba(255,255,255,.1); }