/* healthcare industry components */

/* chat-appointment-list + chat-prescription-list are tappable and use the
   shared .chat-hscroll card pattern in chat.css - no extra styling needed. */

/* chat-slot-picker: free times grouped by day */
chat-slot-picker {
  >.chat-slot-picker {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    background-color: var(--color-neutral-10);
    border: 1px solid var(--color-neutral-7);
    border-radius: var(--border-radius);
    padding: var(--space-xs) var(--space-s);

    >section {
      display: flex;
      flex-direction: column;
      gap: var(--space-2xs);

      >h4 {
        margin: 0;
        color: var(--color-neutral-5);
      }

      >.times {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-2xs);
      }
    }
  }
}