.exotic-chat-profile-actions { display: contents; }
.exotic-chat-profile-action, .exotic-chat-modal button, .exotic-chat-inbox button { font: inherit; cursor: pointer; }
.profile-hero__desktop-cta { flex-wrap: wrap; }
.profile-hero__desktop-cta .profile-hero__cta-btn { flex: 1 1 calc(50% - 5px); min-width: 0; }
.profile-hero__cta-btn--chat { border: 0; background: linear-gradient(135deg, #a80820, #c8112e); color: #fff; box-shadow: 0 12px 30px rgba(88, 5, 16, .36); }
.profile-hero__cta-btn--chat-appointment { border: 1px solid rgba(215,180,100,.5); background: rgba(215,180,100,.08); color: #f2ddb1; }
.exotic-chat-modal form button { border: 0; border-radius: 12px; padding: 14px 18px; background: #a80820; color: #fff; font-weight: 800; box-shadow: 0 12px 30px rgba(88, 5, 16, .36); }
.exotic-chat-modal[hidden], .exotic-chat-modal [hidden] { display: none !important; }
.exotic-chat-modal { position: fixed; z-index: 2147483000; inset: 0; display: grid; place-items: center; box-sizing: border-box; padding: 20px; }
.exotic-chat-modal__backdrop { position: absolute; inset: 0; background: rgba(5,3,5,.78); backdrop-filter: blur(5px); }
.exotic-chat-modal__panel { position: relative; z-index: 1; width: min(540px, 100%); max-height: min(760px, calc(100vh - 40px)); overflow: auto; box-sizing: border-box; padding: 32px; border: 1px solid rgba(215,180,100,.24); border-radius: 22px; background: linear-gradient(145deg, #24191f, #151114); color: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.6); overscroll-behavior: contain; }
.exotic-chat-modal__close { position: absolute; top: 12px; right: 15px; border: 0; background: none; color: #fff; font-size: 28px; }
.exotic-chat-modal__eyebrow, .exotic-chat-inbox header p { margin: 0 0 8px; color: #d7b464; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.exotic-chat-modal h2 { margin: 0; padding-right: 34px; font-size: 28px; }
.exotic-chat-modal__copy { color: #c8c1c2; line-height: 1.5; }
.exotic-chat-modal form { display: grid; gap: 12px; margin-top: 18px; }
.exotic-chat-modal label { display: grid; gap: 6px; color: #e8e3e3; font-size: 13px; font-weight: 700; }
.exotic-chat-modal textarea, .exotic-chat-modal input, .exotic-chat-thread__messages + form textarea { box-sizing: border-box; width: 100%; min-height: 44px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; padding: 12px; background: #241e21; color: #fff; font: inherit; }
.exotic-chat-modal textarea { min-height: 112px; resize: vertical; }
.exotic-chat-modal__status { min-height: 1.3em; color: #f0c2c8; }
.exotic-chat-inbox { max-width: 1180px; margin: 42px auto; padding: 0 20px; color: #fff; }
.exotic-chat-inbox h1 { margin: 0; font-size: clamp(30px, 5vw, 48px); }
.exotic-chat-inbox__layout { display: grid; grid-template-columns: minmax(250px, .8fr) minmax(0, 2fr); min-height: 560px; margin-top: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; overflow: hidden; background: #181416; }
.exotic-chat-inbox aside { border-right: 1px solid rgba(255,255,255,.1); }
.exotic-chat-inbox aside button { display: grid; gap: 5px; width: 100%; padding: 17px; border: 0; border-bottom: 1px solid rgba(255,255,255,.08); background: transparent; color: #fff; text-align: left; }
.exotic-chat-inbox aside button:hover { background: rgba(255,255,255,.05); }
.exotic-chat-inbox aside small { color: #a8a1a3; }
.exotic-chat-inbox main { padding: 24px; }
.exotic-chat-thread__messages { display: grid; gap: 10px; min-height: 370px; }
.exotic-chat-thread__message { width: fit-content; max-width: 78%; margin: 0; padding: 11px 14px; border-radius: 13px; background: #2b2427; line-height: 1.45; }
.exotic-chat-appointment { display: grid; gap: 5px; margin: 8px 0; padding: 13px; border: 1px solid rgba(215,180,100,.45); border-radius: 12px; background: rgba(215,180,100,.08); }
.exotic-chat-appointment small { color: #d7b464; }
.exotic-chat-appointment__actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 5px; }
.exotic-chat-appointment__actions button { border: 1px solid rgba(255,255,255,.2); border-radius: 8px; padding: 7px 9px; background: #211b1e; color: #fff; font: inherit; font-size: 12px; }
.exotic-chat-thread__messages + form { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.exotic-chat-thread__messages + form textarea { min-height: 48px; }
.exotic-chat-thread__messages + form button { border: 0; border-radius: 10px; padding: 0 18px; background: #a80820; color: #fff; font-weight: 800; }
@media (max-width: 700px) { .exotic-chat-modal { align-items: end; padding: 12px; } .exotic-chat-modal__panel { max-height: calc(100vh - 24px); padding: 26px 20px; border-radius: 20px 20px 14px 14px; } .exotic-chat-inbox__layout { grid-template-columns: 1fr; } .exotic-chat-inbox aside { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); } .exotic-chat-thread__messages + form { grid-template-columns: 1fr; } }