.salon-page{padding:45px 0 70px;max-width:1100px}
.salon-eyebrow{color:#d9b96e;font-size:12px;font-weight:700;letter-spacing:2px}
.salon-page h1{color:#f4d68c;margin:12px 0}
.salon-intro{color:#c2cde1;margin-bottom:30px}
.salon-panel{background:#101e38;border:1px solid #b99a55;border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #0004}
.salon-heading{padding:20px 24px;background:#172b4d;border-bottom:1px solid #d9b96e55;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.salon-heading strong{color:#f4d68c;font-size:18px}
.salon-heading span{color:#aebed6;font-size:13px}
.salon-messages{height:460px;overflow-y:auto;padding:22px;background:#0c1930;color:#e6edfa}
.salon-message{padding:13px 15px;margin-bottom:12px;border:1px solid #d9b96e33;border-radius:12px;background:#152744;overflow-wrap:anywhere}
.salon-message-author{color:#f4d68c;font-weight:700;margin-bottom:6px}
.salon-message-date{color:#9baecb;font-size:12px;margin-left:10px;font-weight:400}
.salon-message-content{white-space:pre-wrap;color:#e6edfa}
.salon-form{padding:20px 24px;border-top:1px solid #d9b96e44}
.salon-form label{display:block;color:#d9b96e;margin-bottom:10px}
.salon-form textarea{display:block;width:100%;box-sizing:border-box;padding:14px;background:#0c1930;border:1px solid #526586;border-radius:10px;color:white;font:inherit;resize:vertical;margin-bottom:15px}
.salon-form textarea:focus{outline:2px solid #d9b96e;outline-offset:2px}
.salon-status{padding:0 24px 15px;color:#d9b96e}
@media(max-width:600px){.salon-page{padding-top:25px}.salon-messages{height:380px;padding:12px}.salon-heading,.salon-form{padding:15px}}

.salon-emojis{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px;padding:12px;background:#0c1930;border:1px solid #354b70;border-radius:14px}.salon-emojis button{background:#1b3051;color:white;border:1px solid #40567a;border-radius:10px;font-size:23px;padding:7px;cursor:pointer;transition:transform .2s,background .2s}.salon-emojis button:hover{background:#344d77;transform:scale(1.15)}.salon-message{border-radius:16px;background:linear-gradient(135deg,#192e50,#12213a);border-left:3px solid #d9b96e;animation:salonAppear .25s ease}.salon-message-author{font-size:14px}.salon-message-content{font-size:15px;line-height:1.6}.salon-form button.cta{border-radius:12px;cursor:pointer}.salon-form button.cta:hover{filter:brightness(1.12)}@keyframes salonAppear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

.salon-emojis{display:none}.salon-form textarea{min-height:46px;height:46px;max-height:160px;resize:vertical;margin-bottom:10px}.salon-form{padding:12px 18px}.salon-message{border:0;border-left:0;border-radius:8px;background:transparent;box-shadow:none;padding:8px 12px;margin-bottom:3px;animation:none}.salon-message:hover{background:#192b49}

.salon-emojis[hidden]{display:none!important}.salon-emojis:not([hidden]){display:flex;position:absolute;bottom:100%;right:0;width:min(340px,90vw);max-height:300px;overflow-y:auto;z-index:20;background:#101e38;border:1px solid #c5a45e;border-radius:14px;padding:12px;box-shadow:0 15px 40px #0008}.salon-form{position:relative}.salon-emoji-toggle{background:#1b3051;color:#f4d68c;border:1px solid #526586;border-radius:10px;padding:8px 12px;cursor:pointer;margin-bottom:10px}.salon-emoji-toggle:hover{background:#29436b}
#salon-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
#salon-emoji-grid button{background:transparent;border:0;border-radius:8px;font-size:25px;padding:7px 2px;cursor:pointer}#salon-emoji-grid button:hover{background:#344d77}
#salon-emoji-grid button{background:transparent;border:0;border-radius:8px;font-size:25px;padding:7px 2px;cursor:pointer}#salon-emoji-grid button:hover{background:#344d77}
.salon-form{position:relative}.salon-form textarea{min-height:48px;height:48px;max-height:150px;padding-right:65px;resize:vertical}.salon-emoji-toggle{position:absolute;right:30px;top:45px;font-size:22px;border:0;background:transparent;cursor:pointer}
.salon-form{padding:14px 18px}.salon-form label{display:none}.salon-form textarea{height:48px;min-height:48px;resize:none;padding:12px 95px 12px 14px;margin:0}.salon-emoji-toggle{top:19px;right:75px;margin:0;z-index:2}.salon-form button.cta{position:absolute;right:24px;top:18px;width:42px;height:40px;padding:0;font-size:0}.salon-form button.cta::after{content:"➤";font-size:21px}
.salon-form button.cta{appearance:none;display:flex;align-items:center;justify-content:center;border:0;box-shadow:none;overflow:hidden;line-height:1;background:#e8b94f;color:#101e38}.salon-form button.cta::after{display:block;line-height:1}
.salon-form button.cta::before{content:none!important;display:none!important}.salon-form button.cta{background-image:none!important;min-width:0!important;min-height:0!important;width:42px!important;height:40px!important;padding:0!important;border-radius:10px!important}
.salon-form textarea{overflow:hidden;resize:none}.salon-form button.cta{z-index:3;isolation:isolate;outline:none}.salon-form button.cta:focus-visible{outline:2px solid #ffdb7b;outline-offset:2px}