.salon-page{--salon-surface:rgba(16,28,33,.96);--salon-edge:#647075;background:#101c21;color:#f1eee7;min-height:100vh;background-image:linear-gradient(#101c2155,#101c21a8 650px,#101c21),linear-gradient(transparent,transparent);background-position:center top;background-size:cover;background-attachment:fixed}
.salon-page[data-unused]{display:block}
.salon-page .site-header{max-width:1260px}.salon-page:not(.v3-site) .site-header a,.salon-page:not(.v3-site) .brand{color:#f1eee7}.salon-page .theme-toggle{background:#17292e;color:#f1eee7;border-color:#647075}
.salon-main{max-width:1200px;padding-bottom:35px}
.salon-welcome{padding:32px 0 28px;text-shadow:0 2px 12px #0009}
.salon-welcome .section-label{color:#eed1a0}.salon-welcome h1{font-size:clamp(2.3rem,4.7vw,3.6rem);margin:8px 0 13px;max-width:680px;color:#fff9eb}.salon-welcome>p{color:#f0e8da;max-width:62ch;font-size:1.08rem;margin:10px 0}
.salon-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}
.salon-sidebar,.salon-stage{background:var(--salon-surface);border:1px solid var(--salon-edge);border-radius:17px;box-shadow:0 14px 35px #0003;color:#f1eee7;overflow:hidden}
.salon-sidebar{padding:20px}.salon-sidebar h2{font-size:1.25rem;margin-bottom:8px}.salon-sidebar>p{font-size:.86rem;color:#c6ceca}
.room-search-label{font: .78rem system-ui,sans-serif;display:block;margin:15px 0 5px}
.salon-sidebar input{width:100%;border:1px solid #53656a;background:#0d1b20;color:#f1eee7;border-radius:8px;padding:10px;font:16px system-ui,sans-serif}
.room-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto;padding:8px 4px 8px 0;margin:10px 0}
.room-list button{display:flex;text-align:left;gap:10px;padding:10px;border:1px solid transparent;background:transparent;line-height:1.45;border-radius:8px;font: .83rem/1.45 system-ui,sans-serif;color:#d5dfdb}
.room-list button span:first-child{color:#e9c88e;min-width:28px;font-size:.72rem;padding-top:2px}
.room-list button[aria-current=true]{background:#2a4143;border-color:#6b8d81;color:#fff}
.room-list button:hover{background:#24363b}.room-list button[hidden]{display:none}
.salon-resource{border-top:1px solid #526367;padding-top:15px;margin-top:14px;font:.8rem/1.7 system-ui,sans-serif}.salon-resource a{color:#bddfd0}.salon-resource p{color:#c6ceca;font-size:.76rem}
.salon-stage-header{padding:22px 26px;border-bottom:1px solid #526367}.salon-stage-header h2{font-size:1.7rem;margin:8px 0 13px}.salon-stage-header a{font:.8rem system-ui,sans-serif;color:#bddfd0}
.room-tag{font:.69rem system-ui,sans-serif;letter-spacing:.08em;color:#e9c88e;text-transform:uppercase}
.salon-mode-nav{display:flex;gap:8px;flex-wrap:wrap;padding:18px 26px 0}.salon-mode-nav button{border:1px solid #647075;background:transparent;border-radius:24px;padding:8px 13px;font:.82rem system-ui,sans-serif;min-height:44px;color:#f1eee7}.salon-mode-nav button[aria-pressed=true]{background:#e9c88e;border-color:#e9c88e;color:#19282a}
.salon-panel{padding:22px 26px 28px}.salon-panel[hidden]{display:none}.salon-panel h3{font-size:1.3rem;margin:0 0 12px}.salon-panel p{font-size:.94rem}.salon-panel .small-note{color:#c6ceca;font-size:.8rem}
.service-state{border-left:3px solid #e9c88e;padding:9px 12px;background:#243439;font:.8rem/1.6 system-ui,sans-serif;margin:0 0 18px}
.salon-starter{border:1px solid #526367;border-radius:12px;padding:16px;margin:16px 0;background:#1a2e34}.salon-starter .mini-label{color:#b9d8c6}.salon-starter p{margin:8px 0 0}
.messages{display:flex;flex-direction:column;gap:12px;margin:16px 0;max-height:440px;overflow:auto;padding-right:3px}
.discussion-message{border:1px solid #526367;border-radius:12px;padding:15px;background:#1a2e34;font:.9rem/1.65 system-ui,sans-serif;overflow-wrap:anywhere;white-space:pre-wrap}.discussion-message .message-meta{font-size:.72rem;color:#c9d4ce;display:block;margin-bottom:10px}.discussion-message p{margin:8px 0;font-size:.91rem}.discussion-message button{font:.72rem system-ui,sans-serif;background:transparent;border-color:#526367;color:#c8e7d8}.discussion-message a{color:#c8e7d8}.discussion-message.ai{border-left:3px solid #b9d8c6}.discussion-message.you{margin-left:28px;background:#29393a}
.salon-form{display:grid;gap:9px;margin-top:22px;font: .86rem system-ui,sans-serif}.salon-form label{margin-top:5px;color:#e8eee8}.salon-form input,.salon-form textarea,.salon-form select,.salon-notes{background:#101f25;color:#f1eee7;border:1px solid #647075;border-radius:8px;padding:11px 12px;font:16px/1.6 system-ui,sans-serif;width:100%;min-width:0}.salon-form textarea{min-height:110px;resize:vertical}.salon-form button,.salon-actions button{justify-self:start;min-height:44px;font:.85rem system-ui,sans-serif;border-radius:24px;background:#e9c88e;color:#19282a;border-color:#e9c88e;padding:10px 16px}.salon-form button:disabled{opacity:.55;cursor:not-allowed}.salon-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.salon-form .form-row label{display:block;margin-bottom:7px}.salon-form [hidden]{display:none}
.salon-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.salon-actions .secondary{background:transparent;color:#d6e8de;border-color:#647075}.salon-notes{min-height:240px;resize:vertical}.salon-status{min-height:1.6em;font:.8rem/1.6 system-ui,sans-serif;color:#c8e7d8;overflow-wrap:anywhere}.salon-bad{color:#ffccac}
.salon-panel details{margin:18px 0;border-top:1px solid #526367;padding-top:14px}.salon-panel summary{font-size:.85rem}.salon-panel details p{font-size:.86rem}.salon-panel ul{padding-left:20px;font-size:.9rem}.salon-background-credit{font:.71rem/1.6 system-ui,sans-serif;color:#d7d9d2;margin:20px 0;text-shadow:0 2px 4px #000}.salon-background-credit a{color:#d7e7df}
.salon-page .site-footer{background:#101c21dd;border-radius:14px;margin-bottom:20px;color:#c6ceca}.salon-page .site-footer a{color:#d7e7df}
.salon-chips{display:flex;gap:8px;flex-wrap:wrap}.salon-chips button{font:.78rem system-ui,sans-serif;border-radius:20px;min-height:38px;border-color:#647075;color:#dce8e0;background:#243439}
:root[data-theme=clair] .salon-page{--salon-surface:rgba(248,245,238,.97);--salon-edge:#a1a59a}
:root[data-theme=clair] .salon-stage,:root[data-theme=clair] .salon-sidebar{color:#213239}
:root[data-theme=clair] .salon-sidebar>p,:root[data-theme=clair] .salon-resource p,:root[data-theme=clair] .salon-panel .small-note{color:#485a58}
:root[data-theme=clair] .room-tag,:root[data-theme=clair] .salon-starter .mini-label{color:#77531b}
:root[data-theme=clair] .room-list button,:root[data-theme=clair] .salon-mode-nav button{color:#213239}
:root[data-theme=clair] .room-list button span:first-child{color:#77531b}
:root[data-theme=clair] .room-list button[aria-current=true],:root[data-theme=clair] .room-list button:hover,:root[data-theme=clair] .service-state,:root[data-theme=clair] .salon-starter,:root[data-theme=clair] .discussion-message,:root[data-theme=clair] .salon-chips button{background:#e7eee7;color:#213239}
:root[data-theme=clair] .salon-form input,:root[data-theme=clair] .salon-form textarea,:root[data-theme=clair] .salon-form select,:root[data-theme=clair] .salon-notes,:root[data-theme=clair] .salon-sidebar input{background:#fffdf8;color:#213239;border-color:#8c9a96}
:root[data-theme=clair] .salon-form label,:root[data-theme=clair] .discussion-message .message-meta{color:#485a58}
:root[data-theme=clair] .salon-status,:root[data-theme=clair] .salon-stage-header a,:root[data-theme=clair] .salon-resource a,:root[data-theme=clair] .salon-actions .secondary,:root[data-theme=clair] .discussion-message a,:root[data-theme=clair] .discussion-message button{color:#24634f}
@media(max-width:800px){.salon-layout{grid-template-columns:1fr}.salon-sidebar{padding:16px}.room-list{display:grid;grid-template-columns:1fr 1fr;max-height:190px}.salon-sidebar .salon-resource{display:none}.salon-welcome{padding-top:22px}.salon-welcome h1{font-size:2.5rem}.salon-stage-header,.salon-panel{padding:20px}.salon-mode-nav{padding:16px 20px 0}.salon-page{background-attachment:scroll;background-size:auto 100vh}.salon-stage-header h2{font-size:1.45rem}}
@media(max-width:420px){.salon-form .form-row{grid-template-columns:1fr}.salon-mode-nav{gap:6px}.salon-mode-nav button{font-size:.75rem;padding:8px 10px}.salon-panel,.salon-stage-header{padding:17px}.salon-welcome h1{font-size:2.1rem}.room-list button{font-size:.75rem;padding:8px}.salon-welcome>p{font-size:1rem}.salon-actions button{font-size:.77rem}}
@media print{.salon-page{background:none;color:black}.salon-sidebar,.salon-mode-nav,.salon-form{display:none}.salon-layout{display:block}.salon-stage{background:white;color:black;box-shadow:none}}