/*
 * LOGICAL PROPERTIES, NOT PHYSICAL — so this sheet works in RTL without an RTL build.
 *
 * This file had no RTL build and no RTL enqueue, and it was loaded as-is on an Arabic site. Every
 * `margin-left`, `border-left`, `left:` in it pointed the wrong way: avatars on the wrong side of a
 * name, accent borders on the outside edge of a card, absolutely-positioned badges over the top of
 * the text they were meant to sit beside.
 *
 * `margin-inline-start` means "the start side, whichever that is". It flips by itself. Which is why
 * `bpmbp-frontend-components.css` — written logical-first — has never needed an RTL build, and this
 * one now does not either.
 */

/* ==========================================================================
   Co-author Selector (Post Form)
   ========================================================================== */

.bpmb-coauthors-field {
	margin-bottom: 20px;
}

.bpmb-coauthors-field > label > span {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--bpmb-text-primary, #1e293b);
}

/* Co-authors List */
.bpmb-coauthors-list-wrapper {
	background: var(--bpmb-bg-secondary, #f8fafc);
	border: 1px solid var(--bpmb-border-color, #e2e8f0);
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 12px;
}

.bpmb-coauthors-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bpmb-coauthor-item,
.bpmb-invitation-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	background: var(--bpmb-bg-primary, #fff);
	border: 1px solid var(--bpmb-border-color, #e2e8f0);
	border-radius: 6px;
	margin-bottom: 8px;
	transition: box-shadow 150ms ease, border-color 150ms ease;
}

.bpmb-coauthor-item:last-child,
.bpmb-invitation-item:last-child {
	margin-bottom: 0;
}

.bpmb-coauthor-item:hover {
	border-color: var(--bpmb-border-color-dark);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.bpmb-coauthor-item.ui-sortable-helper {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.bpmb-coauthor-item.ui-sortable-placeholder {
	background: var(--bpmb-bg-light);
	border: 2px dashed var(--bpmb-border-color-dark);
	visibility: visible !important;
}

/* Drag Handle */
.bpmb-coauthor-drag-handle {
	cursor: grab;
	color: var(--bpmb-text-secondary);
	flex-shrink: 0;
}

.bpmb-coauthor-drag-handle:hover {
	color: var(--bpmb-text-secondary);
}

.bpmb-coauthor-drag-handle:active {
	cursor: grabbing;
}

/* Avatar */
.bpmb-coauthor-avatar {
	flex-shrink: 0;
}

.bpmb-coauthor-avatar img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
}

/* Info */
.bpmb-coauthor-info {
	flex: 1;
	min-width: 0;
}

.bpmb-coauthor-name {
	display: block;
	font-weight: 500;
	color: var(--bpmb-text-primary, #1e293b);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bpmb-coauthor-username {
	display: block;
	font-size: 12px;
	color: var(--bpmb-text-secondary);
}

/* Badges */
.bpmb-coauthor-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 500;
	border-radius: 4px;
	white-space: nowrap;
}

.bpmb-badge-coauthor {
	background: #dbeafe;
	color: var(--bpmb-primary-ink, var(--bpmb-primary));
}

.bpmb-badge-pending {
	background: var(--bpmb-warning-bg);
	color: var(--bpmb-warning);
}

/* Remove Button */
.bpmb-coauthor-remove,
.bpmb-invitation-cancel {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0 !important;
	border: none;
	background: transparent;
	color: var(--bpmb-text-secondary);
	cursor: pointer;
	border-radius: 4px;
	transition: all 150ms ease;
	flex-shrink: 0;
}

.bpmb-coauthor-remove:hover,
.bpmb-invitation-cancel:hover {
	background: var(--bpmb-danger-bg);
	color: var(--bpmb-danger);
	border: none;
}

/* Pending Invitations */
.bpmb-pending-invitations {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--bpmb-border-color);
}

.bpmb-pending-title {
	font-size: 12px;
	font-weight: 600;
	color: var(--bpmb-text-secondary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 8px 0;
}

.bpmb-invitations-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Empty State */
.bpmb-coauthors-empty {
	text-align: center;
	padding: 20px;
	color: var(--bpmb-text-secondary);
}

.bpmb-coauthors-empty p {
	margin: 0;
	font-size: 14px;
}

/* ==========================================================================
   Search Section
   ========================================================================== */

.bpmb-add-coauthor-section {
	margin-top: 12px;
}

.bpmb-coauthor-search-wrapper {
	position: relative;
}

.bpmb-search-input-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.bpmb-search-icon {
	position: absolute;
	inset-inline-start: 12px;
	color: var(--bpmb-text-secondary);
	pointer-events: none;
}

.bpmb-coauthor-search {
	width: 100%;
	padding: 10px 40px 10px 40px !important;
	border: 1px solid var(--bpmb-border-color, #e2e8f0);
	border-radius: 8px;
	font-size: 14px;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}

.bpmb-coauthor-search:focus {
	outline: none;
	border-color: var(--bpmb-primary, #2468c6);
	box-shadow: 0 0 0 3px rgba(36, 104, 198, 0.12);
}

.bpmb-search-spinner {
	position: absolute;
	inset-inline-end: 12px;
}

.bpmb-spinner-icon {
	animation: bpmb-spin 1s linear infinite;
	color: var(--bpmb-text-secondary);
}

/* Search Results Dropdown */
.bpmb-search-results {
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	inset-inline-end: 0;
	margin-top: 4px;
	background: var(--bpmb-bg-primary, #fff);
	border: 1px solid var(--bpmb-border-color, #e2e8f0);
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	max-height: 280px;
	overflow-y: auto;
	z-index: 100;
}

.bpmb-search-result-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	cursor: pointer;
	transition: background 150ms ease;
}

.bpmb-search-result-item:hover {
	background: var(--bpmb-bg-secondary, #f8fafc);
}

.bpmb-search-result-item img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
}

.bpmb-search-result-info {
	flex: 1;
}

.bpmb-search-result-name {
	display: block;
	font-weight: 500;
	color: var(--bpmb-text-primary, #1e293b);
}

.bpmb-search-result-username {
	display: block;
	font-size: 12px;
	color: var(--bpmb-text-secondary);
}

.bpmb-search-no-results,
.bpmb-search-error {
	padding: 16px;
	text-align: center;
	color: var(--bpmb-text-secondary);
}

.bpmb-search-error {
	color: var(--bpmb-danger);
}

/* Limit Info */
.bpmb-coauthor-limit-info {
	font-size: 12px;
	color: var(--bpmb-text-secondary);
	margin-top: 8px;
	margin-bottom: 0;
}

.bpmb-coauthor-limit-warning {
	font-size: 12px;
	color: var(--bpmb-warning);
	margin: 0;
	padding: 8px 12px;
	background: var(--bpmb-warning-bg);
	border-radius: 6px;
}

/* ==========================================================================
   Read-only Co-authors List
   ========================================================================== */

.bpmb-coauthors-readonly .bpmb-coauthors-list-readonly {
	background: var(--bpmb-bg-light);
	border: 1px solid var(--bpmb-border-color);
	border-radius: 8px;
	padding: 12px;
}

.bpmb-author-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	background: var(--bpmb-bg-primary);
	border: 1px solid var(--bpmb-border-color);
	border-radius: 6px;
	margin-bottom: 6px;
}

.bpmb-author-item:last-child {
	margin-bottom: 0;
}

.bpmb-author-item img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.bpmb-author-name {
	flex: 1;
	font-weight: 500;
	color: var(--bpmb-text-primary);
}

.bpmb-author-badge {
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 500;
}

.bpmb-main-author .bpmb-author-badge {
	background: #dbeafe;
	color: var(--bpmb-primary-ink, var(--bpmb-primary));
}

.bpmb-coauthor .bpmb-author-badge {
	background: var(--bpmb-bg-light);
	color: var(--bpmb-text-secondary);
}

.bpmb-you-badge {
	font-size: 11px;
	color: var(--bpmb-text-secondary);
	font-style: italic;
}

/* ==========================================================================
   Invitations Widget (Shortcode)
   ========================================================================== */

.bpmb-invitations-widget {
	max-width: 600px;
}

.bpmb-invitations-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--bpmb-text-primary);
	margin: 0 0 16px 0;
}

.bpmb-invitations-count {
	font-weight: 400;
	color: var(--bpmb-text-secondary);
}

.bpmb-invitations-widget .bpmb-invitations-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bpmb-invitation-card {
	display: flex;
	flex-direction: column;
	padding: 16px;
	background: var(--bpmb-bg-primary);
	border: 1px solid var(--bpmb-border-color);
	border-radius: 10px;
	margin-bottom: 12px;
	transition: box-shadow 150ms ease;
}

.bpmb-invitation-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.bpmb-invitation-card:last-child {
	margin-bottom: 0;
}

.bpmb-invitation-content {
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
}

.bpmb-invitation-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: var(--bpmb-primary);
	border-radius: 10px;
	color: #fff;
	flex-shrink: 0;
}

.bpmb-invitation-details {
	flex: 1;
	min-width: 0;
}

.bpmb-invitation-post-title {
	margin: 0 0 4px 0;
	font-size: 15px;
	font-weight: 600;
}

.bpmb-invitation-post-title a {
	color: var(--bpmb-text-primary);
	text-decoration: none;
}

.bpmb-invitation-post-title a:hover {
	color: var(--bpmb-primary-ink, var(--bpmb-primary));
}

.bpmb-invitation-meta {
	margin: 0;
	font-size: 13px;
	color: var(--bpmb-text-secondary);
}

.bpmb-invitation-expiry {
	margin: 4px 0 0 0;
	font-size: 12px;
	color: var(--bpmb-text-secondary);
}

.bpmb-invitation-expiry.bpmb-expiring-soon {
	color: var(--bpmb-danger);
}

.bpmb-invitation-actions {
	display: flex;
	gap: 8px;
	padding-top: 12px;
	border-top: 1px solid var(--bpmb-border-color);
}

.bpmb-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 150ms ease;
}

.bpmb-btn-accept {
	background: var(--bpmb-success-filled, var(--bpmb-success));
	color: var(--bpmb-on-success, var(--bpmb-text-light));
}

.bpmb-btn-accept:hover {
	background: #059669;
}

.bpmb-btn-decline {
	background: var(--bpmb-bg-light);
	color: var(--bpmb-text-secondary);
}

.bpmb-btn-decline:hover {
	background: var(--bpmb-bg-secondary);
	color: var(--bpmb-text-primary);
}

.bpmb-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ==========================================================================
   Byline Display (Frontend)
   ========================================================================== */

.bpmb-byline {
	display: inline;
}

.bpmb-author-link {
	color: inherit;
	text-decoration: none;
}

.bpmb-author-link:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Co-authored Posts List
   ========================================================================== */

.bpmb-coauthored-posts-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bpmb-coauthored-post-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--bpmb-border-color);
}

.bpmb-coauthored-post-item:last-child {
	border-bottom: none;
}

.bpmb-coauthored-post-item a {
	color: var(--bpmb-text-primary);
	text-decoration: none;
	font-weight: 500;
}

.bpmb-coauthored-post-item a:hover {
	color: var(--bpmb-primary-ink, var(--bpmb-primary));
}

.bpmb-post-date {
	font-size: 12px;
	color: var(--bpmb-text-secondary);
}

/* ==========================================================================
   Post Lock Notice
   ========================================================================== */

.bpmb-lock-notice {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	margin-bottom: 20px;
	background: var(--bpmb-warning-bg);
	border: 1px solid var(--bpmb-warning);
	border-radius: 8px;
	color: var(--bpmb-warning);
}

.bpmb-lock-notice--locked {
	background: var(--bpmb-danger-bg);
	border-color: var(--bpmb-danger);
	color: var(--bpmb-danger);
}

.bpmb-lock-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.bpmb-lock-icon::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23991b1b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'%3E%3C/path%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.bpmb-lock-message {
	flex: 1;
	font-size: 14px;
	line-height: 1.4;
}

.bpmb-lock-message-title {
	display: block;
	font-weight: 600;
}

.bpmb-lock-message-note {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	opacity: 0.9;
}

.bpmb-lock-message-note.bpmb-lock-message-note--error {
	font-weight: 600;
	opacity: 1;
}

.bpmb-lock-message strong {
	font-weight: 600;
}

.bpmb-lock-takeover {
	flex-shrink: 0;
	padding: 8px 16px;
	background: var(--bpmb-bg-primary);
	border: 1px solid var(--bpmb-danger);
	border-radius: 6px;
	color: var(--bpmb-danger);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 150ms ease;
}

.bpmb-lock-takeover:hover {
	background: var(--bpmb-danger);
	color: var(--bpmb-on-danger, var(--bpmb-text-light));
}

.bpmb-lock-takeover:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2);
}

.bpmb-lock-takeover:focus-visible {
	outline: 2px solid var( --bpmb-primary, #2563eb );
	outline-offset: 2px;
}

/* ==========================================================================
   Editorial Workflow - Feedback Notice
   ========================================================================== */

.bpmb-workflow-feedback {
	margin-bottom: 20px;
	padding: 16px;
	border-radius: 8px;
	border-inline-start: 4px solid;
}

.bpmb-workflow-feedback--rejected {
	background: var(--bpmb-danger-bg);
	border-color: var(--bpmb-danger);
}

.bpmb-workflow-feedback h4 {
	margin: 0 0 8px 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bpmb-danger);
	display: flex;
	align-items: center;
	gap: 8px;
}

.bpmb-workflow-feedback h4::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23991b1b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'%3E%3C/path%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	flex-shrink: 0;
}

.bpmb-workflow-feedback p {
	margin: 0 0 12px 0;
	font-size: 14px;
	color: var(--bpmb-danger);
}

.bpmb-workflow-feedback blockquote {
	margin: 0;
	padding: 12px 16px;
	background: var(--bpmb-bg-primary);
	border-radius: 6px;
	border: 1px solid #fecaca;
	font-size: 14px;
	color: var(--bpmb-text-primary);
	line-height: 1.6;
}

.bpmb-workflow-feedback .bpmb-workflow-meta {
	margin-top: 12px;
	font-size: 12px;
	color: var(--bpmb-text-secondary);
}

/* ==========================================================================
   Editorial Workflow - Actions
   ========================================================================== */

.bpmb-workflow-actions {
	margin-top: 20px;
	padding: 16px;
	background: var(--bpmb-success-bg);
	border: 1px solid #86efac;
	border-radius: 8px;
}

.bpmb-workflow-status {
	margin: 0 0 12px 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--bpmb-success);
	display: flex;
	align-items: center;
	gap: 8px;
}

.bpmb-workflow-status::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background: var(--bpmb-success);
	border-radius: 50%;
	flex-shrink: 0;
}

.bpmb-workflow-buttons {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.bpmb-btn-approve {
	background: var(--bpmb-success-filled, var(--bpmb-success));
	color: var(--bpmb-on-success, var(--bpmb-text-light));
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 150ms ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.bpmb-btn-approve:hover {
	background: #15803d;
}

.bpmb-btn-approve:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.bpmb-btn-reject {
	background: var(--bpmb-bg-primary);
	color: var(--bpmb-danger);
	border: 1px solid var(--bpmb-danger);
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 150ms ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.bpmb-btn-reject:hover {
	background: var(--bpmb-danger-bg);
	border-color: var(--bpmb-danger);
}

/* ==========================================================================
   Editorial Workflow - Rejection Modal
   ========================================================================== */

.bpmb-reject-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	inset-inline-start: 0;
	inset-inline-end: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100000;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.bpmb-reject-modal-overlay[style*="block"] {
	display: flex !important;
}

.bpmb-reject-modal-content {
	width: 100%;
	max-width: 500px;
	background: var(--bpmb-bg-primary);
	border-radius: 12px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	animation: bpmb-modal-appear 200ms ease;
}

@keyframes bpmb-modal-appear {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.bpmb-reject-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	background: var(--bpmb-bg-light);
	border-bottom: 1px solid var(--bpmb-border-color);
}

.bpmb-reject-modal-header h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--bpmb-text-primary);
}

.bpmb-modal-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	background: transparent;
	font-size: 24px;
	color: var(--bpmb-text-secondary);
	cursor: pointer;
	border-radius: 6px;
	transition: all 150ms ease;
}

.bpmb-modal-close:hover {
	background: var(--bpmb-bg-secondary);
	color: var(--bpmb-text-secondary);
}

.bpmb-reject-modal-body {
	padding: 20px;
}

.bpmb-reject-modal-body p {
	margin: 0 0 12px 0;
	font-size: 14px;
	color: var(--bpmb-text-secondary);
}

.bpmb-reject-feedback {
	width: 100%;
	padding: 12px;
	border: 1px solid var(--bpmb-border-color);
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	min-height: 100px;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}

.bpmb-reject-feedback:focus {
	outline: none;
	border-color: var(--bpmb-primary);
	box-shadow: 0 0 0 3px rgba(36, 104, 198, 0.12);
}

.bpmb-reject-modal-footer {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding: 16px 20px;
	background: var(--bpmb-bg-light);
	border-top: 1px solid var(--bpmb-border-color);
}

.bpmb-btn-cancel-reject {
	background: var(--bpmb-bg-light);
	color: var(--bpmb-text-secondary);
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 150ms ease;
}

.bpmb-btn-cancel-reject:hover {
	background: var(--bpmb-bg-secondary);
	color: var(--bpmb-text-primary);
}

.bpmb-btn-submit-reject {
	background: var(--bpmb-danger);
	color: var(--bpmb-on-danger, var(--bpmb-text-light));
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 150ms ease;
}

.bpmb-btn-submit-reject:hover {
	background: #b91c1c;
}

.bpmb-btn-submit-reject:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ==========================================================================
   Toast Notifications
   ========================================================================== */

.bpmb-notice {
	position: fixed;
	bottom: 20px;
	inset-inline-end: 20px;
	padding: 14px 20px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	z-index: 100001;
	transform: translateY(100px);
	opacity: 0;
	transition: all 300ms ease;
}

.bpmb-notice--visible {
	transform: translateY(0);
	opacity: 1;
}

.bpmb-notice--success {
	background: var(--bpmb-success-filled, var(--bpmb-success));
	color: var(--bpmb-on-success, var(--bpmb-text-light));
}

.bpmb-notice--error {
	background: var(--bpmb-danger);
	color: var(--bpmb-on-danger, var(--bpmb-text-light));
}

.bpmb-notice--info {
	background: var(--bpmb-primary);
	color: var(--bpmb-text-light);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 640px) {
	.bpmb-coauthor-item,
	.bpmb-invitation-item {
		flex-wrap: wrap;
	}

	.bpmb-coauthor-info {
		flex: 0 0 calc(100% - 100px);
	}

	.bpmb-coauthor-badge {
		order: 5;
		margin-top: 8px;
		margin-inline-start: 44px;
	}

	.bpmb-invitation-card {
		padding: 12px;
	}

	.bpmb-invitation-actions {
		flex-direction: column;
	}

	.bpmb-btn {
		justify-content: center;
	}

	.bpmb-lock-notice {
		flex-wrap: wrap;
	}

	.bpmb-lock-message {
		flex: 0 0 calc(100% - 40px);
		order: 1;
	}

	.bpmb-lock-takeover {
		order: 2;
		margin-top: 8px;
		margin-inline-start: 32px;
	}
}

/* ==========================================================================
   Dashboard Role Badges
   ========================================================================== */

.bpmb-role-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: var(--bpmb-radius-sm);
	/* Logical, so the badge sits on the correct side of the title in RTL. */
	margin-inline-end: 6px;
	vertical-align: middle;
}

.bpmb-role-author {
	background: var(--bpmb-role-author-bg);
	/* Ink, not the -dark ramp step: at 10px the badge needs the full 4.5:1 and measured 4.26. */
	color: var(--bpmb-primary-ink, var(--bpmb-role-author-fg));
}

.bpmb-role-coauthor {
	background: var(--bpmb-role-coauthor-bg);
	color: var(--bpmb-role-coauthor-fg);
}