/* Shared presentation for theme and standalone customer screens. IDs and state classes remain owned by the existing JS. */
:is(#ps-account-root, #ps-rental-root) {
  --ps-canvas: #0d0c14;
  --ps-surface: #1b1825;
  --ps-raised: #262131;
  --ps-ink: #f6f5fb;
  --ps-muted: #b1aebf;
  --ps-accent: #b8a7ff;
  --ps-line: #45404f;
  background: var(--ps-canvas);
  color: var(--ps-ink);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.015em;
  color-scheme: dark;
}
:is(#ps-account-root, #ps-rental-root) * { min-width: 0; box-sizing: border-box; }
:is(#ps-account-root, #ps-rental-root) > section { padding-block: 48px; }
:is(#ps-account-root, #ps-rental-root) h1 { letter-spacing: -.04em; font-weight: 500; }
:is(#ps-account-root, #ps-rental-root) h2 { letter-spacing: -.025em; }
:is(#ps-account-root, #ps-rental-root) .bg-white { background: var(--ps-surface); }
:is(#ps-account-root, #ps-rental-root) :is(.bg-slate-50, .bg-slate-100, .bg-slate-200) { background: var(--ps-raised); }
:is(#ps-account-root, #ps-rental-root) :is(.text-slate-950, .text-slate-900, .text-slate-800, .text-slate-700) { color: var(--ps-ink); }
:is(#ps-account-root, #ps-rental-root) :is(.text-slate-600, .text-slate-500, .text-slate-400) { color: var(--ps-muted); }
:is(#ps-account-root, #ps-rental-root) :is(.border-slate-200, .border-slate-300) { border-color: var(--ps-line); }
:is(#ps-account-root, #ps-rental-root) :is(.rounded-md, .rounded-lg) { border-radius: 12px; }
:is(#ps-account-root, #ps-rental-root) .grid > section { border: 1px solid var(--ps-line); border-radius: 16px; }
:is(#ps-account-root, #ps-rental-root) :is(input:not([type=checkbox]), select) { background: var(--ps-canvas); border-color: #83778f; min-height: 48px; color: var(--ps-ink); }
:is(#ps-account-root, #ps-rental-root) input[type=checkbox] { accent-color: #c7b6ff; }
:is(#ps-account-root, #ps-rental-root) :is(button, a):is(.bg-emerald-700, .bg-slate-950) { background: linear-gradient(110deg, #5841dc, #763cc4); color: white; box-shadow: none; }
:is(#ps-account-root, #ps-rental-root) :is(button, a):is(.bg-emerald-700, .bg-slate-950):hover { background: #6543b7; }
:is(#ps-account-root, #ps-rental-root) :is(.bg-emerald-50, .bg-emerald-100) { background: #19382d; border-color: #4b795e; }
:is(#ps-account-root, #ps-rental-root) :is(.text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-900, .text-emerald-950) { color: #c7b6ff; }
:is(#ps-account-root, #ps-rental-root) :is(.bg-amber-50, .bg-amber-100) { background: #352c19; border-color: #776336; }
:is(#ps-account-root, #ps-rental-root) :is(.text-amber-800, .text-amber-900) { color: #f6d386; }
:is(#ps-account-root, #ps-rental-root) .bg-amber-400 { color: #171b17; }
:is(#ps-account-root, #ps-rental-root) :is(.bg-red-50, .bg-red-100) { background: #3b2026; border-color: #8f4c59; }
:is(#ps-account-root, #ps-rental-root) .text-red-700 { color: #ffadb9; }
:is(#ps-account-root, #ps-rental-root) :is(.bg-cyan-50, .bg-cyan-100) { background: #173842; }
:is(#ps-account-root, #ps-rental-root) :is(.text-cyan-800, .text-cyan-900) { color: #9ce9ff; }
:is(#ps-account-root, #ps-rental-root) [data-account-tab].bg-white,
:is(#ps-account-root, #ps-rental-root) [data-auth-tab].bg-white { background: var(--ps-accent); color: #17121e; }
:is(#ps-account-root, #ps-rental-root) button:disabled { background: #383241 !important; color: #b1aebf !important; cursor: not-allowed; }
:is(#ps-account-root, #ps-rental-root) :focus-visible { outline: 3px solid #c7b6ff; outline-offset: 3px; box-shadow: none; }
#ps-station-code { font-family: ui-monospace, monospace; letter-spacing: .04em; }
@media (max-width: 639px) { :is(#ps-account-root, #ps-rental-root) > section { padding-block: 28px; } }
@media (prefers-reduced-motion: reduce) { :is(#ps-account-root, #ps-rental-root) * { transition: none !important; animation: none !important; } }