.notification-dot {
	display: inline-block;
	width: .6rem;
	height: .6rem;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--accent-orange);
	border: 1px solid var(--dark-orange);
}

.notification-dot[hidden],
.notifications-modal [hidden],
.admin-notifications [hidden] {
	display: none !important;
}

.notifications-modal .modal-content {
	color: var(--ab-color-text);
	background: var(--ab-color-bg);
}

.notifications-modal .modal-header,
.notifications-modal .modal-footer {
	border-color: var(--ab-color-border);
}

.notification-row {
	text-align: left;
	overflow-wrap: anywhere;
}

.notification-row-unread-dot {
	display: inline-block;
	width: .6rem;
	height: .6rem;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--main-green);
}

.notification-row.is-unread .notification-row-title {
	font-weight: 700;
}

.notification-rich-text {
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.notification-rich-text a,
.admin-notifications trix-editor a {
	color: var(--mid-green);
	text-decoration: underline;
}

.notification-rich-text blockquote,
.admin-notifications trix-editor blockquote {
	border-left: 3px solid var(--ab-color-border-strong);
	padding-left: 1rem;
	color: var(--ab-color-text-dim);
}

.notification-rich-text h1,
.notification-rich-text h2 {
	font-size: 1.25rem;
}

.admin-notifications trix-editor {
	min-height: 16rem;
	max-height: 32rem;
	overflow-y: auto;
	padding: .75rem;
	border: 1px solid var(--edit-color-border-strong);
	border-radius: .375rem;
	background: var(--edit-color-bg);
	color: var(--edit-color-text);
}

.admin-notifications trix-editor:focus {
	border-color: var(--edit-color-accent-dark);
	outline: 2px solid var(--edit-color-accent);
	outline-offset: 2px;
}

.admin-notifications trix-toolbar .trix-button-group--file-tools,
.admin-notifications trix-toolbar [data-trix-attribute="strike"],
.admin-notifications trix-toolbar [data-trix-attribute="code"],
.admin-notifications trix-toolbar [data-trix-attribute="heading1"],
.admin-notifications trix-toolbar [data-trix-action="decreaseNestingLevel"],
.admin-notifications trix-toolbar [data-trix-action="increaseNestingLevel"] {
	display: none;
}