/* Notifications (M3) — account page feed. */

.abm-notifications { margin-top: 28px; }

.abm-notifications-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

.abm-notifications-head h2 { margin: 0; }

.abm-notifications-mark-all { font-size: 13px; }

.abm-notifications-empty { color: var(--abm-muted, #66736f); }

.abm-notifications-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 10px; }

.abm-notification {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid var(--abm-border, #e3e9e7);
	border-radius: 10px;
	background: var(--abm-surface, #ffffff);
}

.abm-notification.is-unread { border-color: var(--abm-accent, #ff7356); background: #fff8f6; }

.abm-notification-main { display: flex; align-items: flex-start; gap: 10px; flex: 1; }

.abm-notification-type {
	width: 10px;
	height: 10px;
	margin-top: 6px;
	border-radius: 50%;
	background: var(--abm-muted, #9aa5a1);
	flex: none;
}

.abm-notification-type-booking_status,
.abm-notification-type-stay_reminder { background: #2f80ed; }

.abm-notification-type-payment { background: #27ae60; }

.abm-notification-type-review { background: #f2c94c; }

.abm-notification-type-new_booking { background: var(--abm-accent, #ff7356); }

.abm-notification.is-high .abm-notification-type { background: var(--abm-accent, #ff7356); }

.abm-notification h3 { margin: 0 0 2px; font-size: 15px; }

.abm-notification p { margin: 0; font-size: 13px; color: var(--abm-muted, #66736f); line-height: 1.5; }

.abm-notification time { display: block; margin-top: 4px; font-size: 12px; color: var(--abm-muted, #9aa5a1); }

.abm-notification-link {
	font-size: 13px;
	white-space: nowrap;
	align-self: center;
	font-weight: 600;
}

.abm-notification-read {
	font-size: 12px;
	white-space: nowrap;
	align-self: center;
	color: var(--abm-muted, #66736f);
}

@media (max-width: 600px) {
	.abm-notification { flex-wrap: wrap; }
	.abm-notification-link, .abm-notification-read { align-self: flex-start; }
}