/*
 * Reaccount board color tokens
 *
 * Enable this file from the board skin settings after removing the old
 * "etc_custom_css" contents. Every fallback is the previous dark color, so
 * dark mode keeps the existing board appearance. Layout and behavior rules
 * are intentionally unchanged.
 */

.board-wrapper {
	background-color: var(--reaccount-board-bg, #111111) !important;
	color: var(--reaccount-board-text, #e5e5e5) !important;
}

/* List table background, divider, and text. */
.absc.list .ab-table thead th {
	background-color: var(--reaccount-board-surface-muted, #1f1f26) !important;
	color: var(--reaccount-board-heading-text, #f1f1f1) !important;
	border-color: var(--reaccount-board-border, #292932) !important;
}

.absc.list .ab-table tbody td {
	background-color: var(--reaccount-board-surface, #18181e) !important;
	border-color: var(--reaccount-board-border, #262631) !important;
	color: var(--reaccount-board-text, #e1e1e8) !important;
}

.absc.list .ab-table tbody tr:hover td {
	background-color: var(--reaccount-board-surface-hover, #222230) !important;
}

/* Category badge. */
.absc.list .doc-title .category {
	background-color: var(--reaccount-board-category-bg, #202331) !important;
	color: var(--reaccount-board-category-text, #c3c7ff) !important;
}

.absc.list .doc-title .category a {
	color: var(--reaccount-board-category-text, #c3c7ff) !important;
}

/* Title, subject, and meta text. */
.absc.list .doc-title a {
	color: var(--reaccount-board-heading-text, #f3f3f6) !important;
}

.absc.list .doc-title a:hover {
	color: var(--reaccount-link, #ffffff) !important;
}

.absc.list .doc-subject,
.absc.list .doc-subject a {
	color: var(--reaccount-board-soft-text, #c5c5d0) !important;
}

.absc.list .doc-meta,
.absc.list .doc-meta span {
	color: var(--reaccount-board-muted-text, #9b9bb0) !important;
}

/* Notice row. */
.absc.list .notice,
.absc.list .notice td {
	background-color: var(--reaccount-board-notice, #1b1b28) !important;
}

.absc.list .notice .doc-title a,
.absc.list .notice .doc-subject,
.absc.list .notice .doc-subject a {
	color: var(--reaccount-board-heading-text, #f5f5ff) !important;
}

/* List header. */
.board-wrapper .list-header,
.board-wrapper .list-header * {
	color: var(--reaccount-board-text, #e5e5e5) !important;
}

/* Webzine list. */
.absc.list .ab-webzine .wz-item {
	background-color: var(--reaccount-board-surface, #18181e) !important;
	border-color: var(--reaccount-board-border, #262631) !important;
}

.absc.list .ab-webzine .wz-item:hover {
	background-color: var(--reaccount-board-surface-hover, #232333) !important;
}

/* Bootstrap pagination. */
.absc.list .pagination > li > a,
.absc.list .pagination > li > span {
	background-color: var(--reaccount-board-surface, #18181e) !important;
	border-color: var(--reaccount-board-border, #303040) !important;
	color: var(--reaccount-board-soft-text, #d0d0e0) !important;
}

.absc.list .pagination > li.active > a,
.absc.list .pagination > li > a:hover,
.absc.list .pagination > li > span:hover {
	background-color: var(--reaccount-accent, #3b469f) !important;
	border-color: var(--reaccount-accent, #3b469f) !important;
	color: #ffffff !important;
}

/* Notice left border. */
.absc.list .notice,
.absc.list table.ab-table tbody tr.notice,
.absc.list .ab-webzine .wz-item.notice {
	border-left-color: var(--reaccount-accent, #3b469f) !important;
}

/* Comment editor. */
.absc.comments .comment-write .comment-write-form textarea {
	background-color: var(--reaccount-board-input-bg, #18181f) !important;
	color: var(--reaccount-board-heading-text, #f5f5f5) !important;
	border-color: var(--reaccount-board-border, #333641) !important;
}

.absc.comments .comment-write .comment-write-form textarea::placeholder {
	color: var(--reaccount-board-placeholder, #9ca3af) !important;
}

/* List and article meta. */
.board-wrapper .absc.list .wz-item-meta {
	color: var(--reaccount-board-heading-text, #ffffff) !important;
}

.board-wrapper .absc.list .wz-item-meta span:before,
.board-wrapper .absc.article .article-header .ah-meta > span:not(:first-child):before {
	color: var(--reaccount-board-placeholder, #6b7280) !important;
}

.board-wrapper .absc.article .article-header .ah-meta,
.board-wrapper .absc.article .article-header .ah-meta a,
.board-wrapper .absc.article .article-header .ah-meta > span {
	color: var(--reaccount-board-heading-text, #ffffff) !important;
}

.board-wrapper .absc.article .article-header .ah-meta > span > * {
	color: inherit !important;
}

/* Aplos pagination. */
.board-wrapper .absc.pgnt,
.board-wrapper .absc.pgnt .pagination-num,
.board-wrapper .absc.pgnt .pagination-arrow {
	color: var(--reaccount-board-soft-text, #d0d0e0) !important;
}

.board-wrapper .absc.pgnt .pagination-num.this {
	color: #ffffff !important;
	background-color: var(--reaccount-accent, #3b469f) !important;
	border-radius: 6px !important;
	padding: 0 .45em !important;
}

.board-wrapper .absc.pgnt .pagination-arrow.disabled {
	color: var(--reaccount-board-disabled, #55586a) !important;
}

.board-wrapper .absc.pgnt a:hover {
	color: var(--reaccount-link, #ffffff) !important;
}

/* Article action popover. */
.ab-popover.helper {
	background-color: var(--reaccount-board-surface, #18181e) !important;
	border-color: var(--reaccount-board-border, #303040) !important;
	color: var(--reaccount-board-heading-text, #f3f4f6) !important;
	box-shadow: 0 4px 12px var(--reaccount-shadow, rgba(0, 0, 0, .6)) !important;
}

.ab-popover.helper li {
	border-color: var(--reaccount-board-border, #262631) !important;
}

.ab-popover.helper li > a {
	background-color: transparent !important;
	color: var(--reaccount-board-heading-text, #f3f4f6) !important;
}

.ab-popover.helper li > a:hover,
.ab-popover.helper li > a:focus,
.ab-popover.helper li > a:active,
.ab-popover.helper li:hover {
	background-color: var(--reaccount-board-surface-hover, #222230) !important;
	color: var(--reaccount-link, #ffffff) !important;
}

/* Write form inputs. */
.board-wrapper .absc.article-write .wf-section .wf-input,
.board-wrapper .absc.article-write input.rx_ev_text,
.board-wrapper .absc.article-write input.text.rx_ev_text,
.board-wrapper .absc.article-write input[name="extra_vars3"],
.board-wrapper .absc.article-write input[name="extra_vars7"],
.board-wrapper input[for="extra_vars8-etc"] {
	background-color: var(--reaccount-board-input-bg, #0b0b0f) !important;
	border-color: var(--reaccount-board-border, #303040) !important;
	color: var(--reaccount-board-heading-text, #f3f4f6) !important;
}

.board-wrapper .absc.article-write .wf-section .wf-input::placeholder,
.board-wrapper input[for="extra_vars8-etc"]::placeholder {
	color: var(--reaccount-board-placeholder, #6b7280) !important;
}

/* Simple editor. */
.board-wrapper .rx_simpleeditor_wrapper {
	background-color: var(--reaccount-board-input-bg, #0b0b0f) !important;
	border: 1px solid var(--reaccount-board-border, #303040) !important;
}

.board-wrapper .rx_simpleeditor,
.board-wrapper .rx_simpleeditor.light {
	background-color: var(--reaccount-board-input-bg, #0b0b0f) !important;
	color: var(--reaccount-board-heading-text, #f3f4f6) !important;
}

.board-wrapper .rx_simpleeditor * {
	color: inherit !important;
}

.board-wrapper .rx_simpleeditor[contenteditable="true"]:empty:before,
.board-wrapper .rx_simpleeditor[contenteditable="true"].xe-placeholder:before {
	color: var(--reaccount-board-placeholder, #6b7280) !important;
}

/* File upload area. */
.board-wrapper .absc.article-write .xefu-container .xefu-dropzone {
	background-color: var(--reaccount-board-surface, #18181f) !important;
	border-top: 1px solid var(--reaccount-board-border, #333641) !important;
	border-bottom: 1px solid var(--reaccount-board-border, #333641) !important;
}

.board-wrapper .absc.article-write .xefu-container .upload_info,
.board-wrapper .absc.article-write .xefu-container .upload_info * {
	color: var(--reaccount-board-upload-info, #d1d5db) !important;
}

.board-wrapper .absc.article-write .xefu-dropzone .xefu-btn.fileinput-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 14px;
	background-color: var(--reaccount-accent, #3b469f) !important;
	border: 1px solid var(--reaccount-accent, #3b469f) !important;
	border-radius: 4px !important;
	box-sizing: border-box;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	cursor: pointer;
}

.board-wrapper .absc.article-write .xefu-dropzone .xefu-btn.fileinput-button > span,
.board-wrapper .absc.article-write .xefu-dropzone .xefu-btn.fileinput-button i {
	color: #ffffff !important;
}

.board-wrapper .absc.article-write .xefu-dropzone .xefu-btn.fileinput-button:hover {
	background-color: var(--reaccount-accent-hover, #4c5cf0) !important;
	border-color: var(--reaccount-accent-hover, #4c5cf0) !important;
}