/* Profile header */
.bmc-profile-header { text-align:center; margin-bottom:20px; }
.bmc-profile-header img#bmc-profile-pic {
  border-radius:50%; width:96px; height:96px; object-fit:cover; margin-bottom:8px;
}
.bmc-profile-header input[type="file"] { display:inline-block; margin-bottom:10px; }

/* Tabs */
#bmc-profile-tabs { display:flex; list-style:none; padding:0; border-bottom:1px solid #ccc; margin:0; }
#bmc-profile-tabs li {
  padding:10px 15px; cursor:pointer; border:1px solid #ccc; border-bottom:none; background:#f7f7f7; margin-right:5px;
}
#bmc-profile-tabs li.active { background:#fff; font-weight:bold; }

/* Content */
#bmc-profile-content { padding:20px; border:1px solid #ccc; background:#fff; }

/* Forms */
#bmc-profile-settings-form p, #bmc-delivery-form p { margin-bottom:15px; }
#bmc-profile-settings-form input, #bmc-delivery-form input { width:100%; padding:8px; box-sizing:border-box; }
#bmc-profile-settings-form button, #bmc-delivery-form button { padding:8px 16px; }

/* Messages */
#bmc-profile-settings-message, #bmc-delivery-message { margin-top:10px; font-weight:bold; }

/* Chats */
.bmc-chats-list { width:100%; border-collapse:collapse; }
.bmc-chats-list th, .bmc-chats-list td { border:1px solid #ddd; padding:8px; }
.bmc-chat-row { cursor:pointer; }

/* Comments */
.bmc-comment-item { border-bottom:1px solid #ddd; padding:10px 0; }
.bmc-comment-image img { max-width:100%; margin:5px 0; }
.bmc-comment-audio audio { width:100%; margin:5px 0; }

/* Voice */
#bmc-record-toggle { margin-right:10px; }

/* Meetups */
.bmc-meetups-list { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.bmc-meetup-item { border:1px solid #ddd; padding:15px; }
.bmc-meetup-item img { max-width:100%; height:auto; }
.bmc-meetup-date, .bmc-meetup-countdown { font-weight:bold; }
.bmc-attend-form { margin:10px 0; }
.bmc-attend-count { margin-left:10px; font-style:italic; }

/* Reactions */
.bmc-reaction-btn {
  display:inline-block; cursor:pointer; margin:4px 6px 4px 0;
  padding:2px 6px; border-radius:4px; border:1px solid transparent; user-select:none;
}
.bmc-reaction-btn .count { margin-left:4px; font-weight:bold; }
.bmc-reaction-btn.active {
  background:#ffe0b2; border-color:#ffb74d;
}

/* Footer credit */
.powered-by-coffee {
  font-style:italic; margin-top:30px; text-align:center;
}