.conversation-container{display:flex;flex-direction:column;height:100%}.conversation-container .chat-header .hk-toolbar{--background: white}.conversation-container .chat-header .hk-toolbar .stylist-info{display:flex;align-items:center;gap:.75rem;padding-left:.5rem}.conversation-container .chat-header .hk-toolbar .stylist-info .stylist-avatar{width:36px;height:36px}.conversation-container .chat-header .hk-toolbar .stylist-info .stylist-details{display:flex;flex-direction:column;gap:.1rem}.conversation-container .chat-header .hk-toolbar .stylist-info .stylist-details .hk-title{padding:0;font-size:1.05rem;--color: #232122;text-align:left;--padding-start: 0;--padding-end: 0}.conversation-container .chat-header .hk-toolbar .stylist-info .stylist-details .status-text{font-size:.75rem;color:#28a745}.conversation-container .messages-content{--background: hsl(0, 0%, 145%);--padding-bottom: 0}.conversation-container .messages-content .messages-wrapper{display:flex;flex-direction:column;padding:0rem 1rem .5rem;gap:.5rem;margin-bottom:.5rem}.conversation-container .messages-content .messages-wrapper .date-separator{display:flex;align-items:center;justify-content:center;margin:.5rem 0}.conversation-container .messages-content .messages-wrapper .date-separator .date-text{background:#fff;padding:3px 10px;border-radius:12px;font-size:.75rem;color:#655f62;box-shadow:0 1px 2px #c7a46e80}.conversation-container .message-container{display:flex;margin-bottom:.5rem}.conversation-container .message-container.my-message{justify-content:flex-end}.conversation-container .message-container.my-message .message-content{background:#c7a46e;color:#fff;border-radius:18px 18px 0}.conversation-container .message-container.my-message .message-content .message-time{color:#ffffffb3}.conversation-container .message-container.their-message{justify-content:flex-start}.conversation-container .message-container.their-message .message-content{background:#f5f1ef;color:#232122;border-radius:18px 18px 18px 0;box-shadow:0 2px 4px #0000001a}.conversation-container .message-container.their-message .message-content .message-time{color:#655f62}.conversation-container .message-container .message-content{max-width:70%;padding:.5rem 1rem;position:relative}.conversation-container .message-container .message-content .message-text{margin:0;font-size:.95rem;line-height:1.4}.conversation-container .message-container .message-content .message-image-container{margin-top:.5rem;border-radius:12px;overflow:hidden}.conversation-container .message-container .message-content .message-image-container .message-image{width:100%;max-height:200px;object-fit:cover;cursor:pointer;transition:transform .2s ease}.conversation-container .message-container .message-content .message-image-container .message-image:hover{transform:scale(1.02)}.conversation-container .message-container .message-content .message-time{font-size:.7rem;margin-top:.15rem;display:block;text-align:right}.conversation-container .chat-footer{background:#fff;border-top:1px solid rgba(35,33,34,.08);box-shadow:0 -2px 10px #00000008;--ion-safe-area-bottom: env(safe-area-inset-bottom);padding-bottom:var(--ion-safe-area-bottom)}.conversation-container .chat-footer .message-form{display:flex;align-items:center;gap:8px;padding:6px 12px}.conversation-container .chat-footer .message-form .input-container{display:flex;align-items:center;flex:1;background-color:#f4f5f7;border-radius:16px;padding:0 6px;height:34px;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000001a}.conversation-container .chat-footer .message-form .input-container:focus-within{background-color:#f0f0f5;box-shadow:inset 0 1px 3px #c7a46e1a}.conversation-container .chat-footer .message-form .attach-button{color:#c7a46e;transition:transform .2s ease;padding:4px;margin:0}.conversation-container .chat-footer .message-form .attach-button:hover{color:#fff;transform:scale(1.1)}.conversation-container .chat-footer .message-form .message-input{flex:1;border:none;background:transparent;padding:2px 6px;font-size:.95rem;color:#232122;display:flex;align-items:center}.conversation-container .chat-footer .message-form .message-input .MuiInputBase-root{padding:2px 0;height:36px;display:flex;align-items:center}.conversation-container .chat-footer .message-form .message-input .MuiInputBase-input{height:auto;padding:0;line-height:1.2}.conversation-container .chat-footer .message-form .message-input:focus{outline:none}.conversation-container .chat-footer .message-form .message-input::placeholder{color:#655f62;opacity:.7}.conversation-container .chat-footer .message-form .send-button{background-color:#c7a46e;color:#fff;width:28px;height:28px;border-radius:50%;margin-left:2px;padding:0;transition:all .2s ease;box-shadow:none}.conversation-container .chat-footer .message-form .send-button svg{width:18px}.conversation-container .chat-footer .message-form .send-button:disabled{background-color:transparent;color:#b9bfcc;box-shadow:none}.conversation-container .chat-footer .message-form .file-input{display:none}