.salon-demo{border:1px solid var(--lg-border);min-width:0;padding:var(--lg-space-4);background:var(--lg-surface);border-radius:12px}.salon-demo__bar{justify-content:space-between;gap:var(--lg-space-2);padding-bottom:var(--lg-space-3);border-bottom:1px solid var(--lg-border);flex-wrap:wrap;font-size:.875rem;display:flex}.salon-demo__bar span,.salon-demo__notice{color:var(--lg-text-muted)}.salon-demo h3,.salon-demo h4{margin:var(--lg-space-3) 0}.salon-demo__field{gap:var(--lg-space-2);margin:var(--lg-space-3) 0;display:grid}.salon-demo__filters,.salon-demo__reminder{gap:var(--lg-space-3);display:grid}.salon-demo__slots{gap:var(--lg-space-2);padding:var(--lg-space-3);border:1px solid var(--lg-border);border-radius:8px;flex-wrap:wrap;display:flex}.salon-demo__slots [aria-pressed=true]{border-color:var(--lg-accent);background:var(--lg-bg)}.salon-demo__appointment{gap:var(--lg-space-3);border-left:3px solid var(--lg-accent);padding-left:var(--lg-space-3);display:flex}.salon-demo__appointment time{padding-top:var(--lg-space-3);font-size:1.5rem;font-weight:700}.salon-demo__message{padding:var(--lg-space-3);background:var(--lg-bg);overflow-wrap:anywhere;border-radius:12px}.salon-demo__totals div{justify-content:space-between;gap:var(--lg-space-3);padding:var(--lg-space-2) 0;display:flex}.salon-demo__totals dd{margin:0;font-weight:700}.salon-demo__notice{margin-bottom:0;font-size:.8rem;line-height:1.6}@media (width>=650px){.salon-demo__filters,.salon-demo__reminder{grid-template-columns:1fr 1fr}}@media (width<=480px){.salon-demo{padding:var(--lg-space-3)}}