@font-face { font-family: DawaeiChat; src: url('/fonts/Tajawal-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: DawaeiChat; src: url('/fonts/Tajawal-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
#panel-chat { font-family: DawaeiChat, sans-serif; }
#panel-chat .chat-layout { min-height: 480px; background: var(--bg-card); }
#panel-chat [hidden] { display: none !important; }
#chat-back-btn { display: none; }
#panel-chat .chat-list-header { position: sticky; top: 0; z-index: 1; }
#chat-search { width: 100%; min-height: 44px; margin-top: 10px; }
#panel-chat .chat-active-header { flex: 0 0 auto; }
#panel-chat .chat-active-messages { min-height: 100px; overscroll-behavior: contain; }
#panel-chat .chat-active-input-bar { flex: 0 0 auto; align-items: flex-end; padding: 12px 16px 6px; }
#panel-chat #active-chat-input { height: 52px; min-height: 52px; max-height: 144px; resize: none; border-radius: 16px !important; line-height: 1.6; padding: 12px; font: inherit; }
#active-chat-send-btn { min-width: 48px; min-height: 48px; }
#active-chat-send-btn:disabled { opacity: .5; cursor: default; }
.chat-composer-meta { display: flex; justify-content: space-between; gap: 12px; padding: 6px 16px 12px; color: var(--text-primary, #314a3b); font-size: 13px; line-height: 1.5; background: var(--bg-card); }
#chat-message-count { white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
.chat-quick-replies { display: flex; gap: 8px; padding: 8px 16px; overflow-x: auto; flex-shrink: 0; border-top: 1px solid var(--border-subtle); }
.chat-quick-replies button { flex-shrink: 0; min-height: 44px; border: 1px solid var(--border-subtle); border-radius: 14px; padding: 8px 12px; background: var(--bg-container); color: var(--text-primary); font: inherit; font-size: 13px; cursor: pointer; }
#panel-chat .pharmacy-msg-text { white-space: pre-wrap; overflow-wrap: anywhere; }
#panel-chat .pharmacy-msg-bubble.sender { background: #286044 !important; color: #fff !important; }
#panel-chat .pharmacy-msg-bubble.receiver { background: var(--bg-card, #fff) !important; color: var(--text-primary, #193426) !important; border: 1px solid var(--border-subtle) !important; }
#panel-chat .pharmacy-msg-time { font-size: 12px; opacity: 1; }
#panel-chat .chat-active-header { background: var(--bg-card); }
#panel-chat .pharmacy-msg-bubble { animation: none; }
#panel-chat .chat-conversation-item { width: 100%; text-align: start; font: inherit; color: var(--text-primary); background: transparent; border: 0; border-bottom: 1px solid var(--border-subtle); }
#panel-chat .chat-conversation-item.active { background: var(--color-primary-bg); box-shadow: inset -3px 0 var(--color-primary); }
#panel-chat :is(button,textarea,input):focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
#med-name-suggestions button.suggestion-item { text-align: start; font: inherit; color: inherit; width: 100%; border: 0; }
@media(max-width: 768px) {
  #panel-chat { padding: 8px; }
  #panel-chat .chat-layout { min-height: 580px; height: calc(100dvh - 110px); }
  #chat-back-btn { display: inline-flex; min-height: 44px; }
  #panel-chat .chat-list { flex: 1; }
  #panel-chat .chat-mobile-selected .chat-list { display: none; }
  #panel-chat .chat-layout:not(.chat-mobile-selected) .chat-window { display: none; }
  #panel-chat .chat-active-header { padding: 10px; }
  #panel-chat .pharmacy-msg-bubble { max-width: 88%; }
  .chat-composer-meta { flex-wrap: wrap; }
}