/* Basic frontend styles for BOM Member Connect */
.bommc-register input, .bommc-register select, .bommc-login input { width: 100%; max-width: 400px; padding: 8px; margin-bottom: 8px; }
.bommc-error { color: #a00; background: #fee; padding: 8px; border: 1px solid #fbb; }
.bommc-dashboard { max-width: 900px; }
#bommc_member_results .member { border: 1px solid #ddd; padding: 8px; margin-bottom: 8px; }

.bommc-message-tabs { margin-bottom: 8px; }
.bommc-tab { padding: 6px 10px; border: 1px solid #ccc; background:#f7f7f7; margin-right:6px; cursor:pointer; }
.bommc-tab.active { background:#fff; border-bottom:2px solid #0073aa; }
.bommc-messages { list-style:none; padding:0; }
.bommc-messages li { border:1px solid #eee; padding:8px; margin-bottom:6px; }
.bommc-messages li.read { background:#f9f9f9; color:#666; }
#bommc_unread_badge { font-weight:600; }

/* Profile view */
.bommc-user-view { display:flex; gap:20px; align-items:flex-start; }
.bommc-profile-left { flex: 0 0 140px; }
.bommc-profile-right { flex: 1 1 auto; }
.bommc-profile-right h1 { margin-top:0; }
.bommc-activities { margin-top:20px; clear:both; }
.bommc-activities ul { list-style: none; padding:0; }
.bommc-activities li { border-bottom:1px solid #eee; padding:8px 0; }

/* Toast notification */
.bommc-toast {
	position: fixed;
	right: 20px;
	bottom: 20px;
	background: rgba(0,0,0,0.85);
	color: #fff;
	padding: 10px 14px;
	border-radius: 6px;
	z-index: 99999;
	box-shadow: 0 6px 18px rgba(0,0,0,0.2);
	font-size: 14px;
	opacity: 1;
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.bommc-toast.hide { opacity: 0; transform: translateY(8px); }

/* Private message modal */
.bommc-pm-modal { position: fixed; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,0.4); z-index:99998; display:flex; align-items:center; justify-content:center; }
.bommc-pm-content { background: #fff; border-radius:6px; width: 90%; max-width:600px; max-height:80%; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.3); position:relative; padding:16px; }
.bommc-pm-close { position:absolute; right:8px; top:8px; border:none; background:transparent; font-size:22px; cursor:pointer; }
.bommc-pm-header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.bommc-pm-body { display:flex; flex-direction:column; }
.bommc-pm-history { border:1px solid #eee; height: 360px; overflow:auto; padding:8px; margin-bottom:8px; background:#fafafa; }
.bommc-msg-row { display:flex; align-items:flex-start; gap:8px; margin-bottom:10px; }
.bommc-msg-row.them { justify-content:flex-start; }
.bommc-msg-row.me { justify-content:flex-end; }
.bommc-msg-row .avatar { width:36px; height:36px; flex:0 0 36px; }
.bommc-msg-row .bubble { max-width:76%; }
.bommc-msg-row .meta { font-size:12px; color:#666; margin-bottom:4px; }
.bommc-msg-row .text { display:block; padding:10px 12px; border-radius:10px; background:#fff; }
.bommc-msg-row.me .text { background:#e6ffed; }
.bommc-pm-form textarea { width:100%; min-height:80px; padding:8px; margin-bottom:6px; }
.bommc-pm-form .button { float:right; }
/* Allow user to resize modal */
.bommc-pm-content { resize: vertical; overflow: auto; }

/* Inline friend chat (expands under friend row) */
.bommc-friend { margin-bottom: 6px; }
.bommc-friend-head { display:flex; align-items:center; gap:10px; }
.bommc-friend-chat { border:1px solid #eee; padding:8px; background:#fff; margin-top:8px; }
.bommc-inline-header { font-weight:600; margin-bottom:6px; }
.bommc-inline-history { height:220px; overflow:auto; border:1px solid #f0f0f0; padding:8px; background:#fafafa; margin-bottom:8px; }
.bommc-inline-form textarea { width:100%; min-height:60px; margin-bottom:8px; padding:8px; }
.bommc-inline-form .button { float:right; }