/**
 * Einzelberatung: Farben über CSS-Variablen (Theme-Standard oder individuell).
 * Überschreibt Frontend-Hardcodes innerhalb von .sc-appearance-scope.
 */

.sc-appearance-scope {
	color: var(--sc-text, var(--zusammen-text, #4A6A6A));
	background: var(--sc-surface, #fff);
}

.sc-appearance-scope a {
	color: var(--sc-link, var(--sc-button-bg, var(--sc-primary, #2A6B6B)));
}

/* ——— Buttons: Outline; Hover = gefüllt ——— */
.sc-appearance-scope .sc-btn,
.sc-appearance-scope .sc-btn--primary {
	background: #fff !important;
	border: 2px solid var(--sc-button-bg, var(--zusammen-cta, #F08060)) !important;
	color: var(--sc-button-bg, var(--zusammen-cta, #F08060)) !important;
	border-radius: 8px;
}

.sc-appearance-scope .sc-btn:hover,
.sc-appearance-scope .sc-btn:focus-visible,
.sc-appearance-scope .sc-btn--primary:hover,
.sc-appearance-scope .sc-btn--primary:focus-visible {
	background: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F))) !important;
	border-color: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F))) !important;
	color: var(--sc-button-text-hover, var(--sc-button-text, #fff)) !important;
}

.sc-appearance-scope .sc-btn:focus-visible,
.sc-appearance-scope .sc-btn--primary:focus-visible,
.sc-appearance-scope .sc-btn--ghost:focus-visible {
	outline: 2px solid var(--sc-button-bg, var(--zusammen-cta, #F08060));
	outline-offset: 2px;
}

/* Zurück-Navigation: wie CCM .ccm-back-to-list */
.sc-appearance-scope .sc-topic-back-requests,
.sc-appearance-scope a.sc-btn.sc-topic-back-requests,
.sc-appearance-scope .sc-btn--primary.sc-topic-back-requests {
	background: var(--sc-button-bg, var(--zusammen-cta, #F08060)) !important;
	border: 2px solid var(--sc-button-bg, var(--zusammen-cta, #F08060)) !important;
	color: var(--sc-button-text, #fff) !important;
	border-radius: 8px !important;
}

.sc-appearance-scope .sc-topic-back-requests:hover,
.sc-appearance-scope .sc-topic-back-requests:focus-visible,
.sc-appearance-scope a.sc-btn.sc-topic-back-requests:hover,
.sc-appearance-scope a.sc-btn.sc-topic-back-requests:focus-visible,
.sc-appearance-scope .sc-btn--primary.sc-topic-back-requests:hover,
.sc-appearance-scope .sc-btn--primary.sc-topic-back-requests:focus-visible {
	background: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F))) !important;
	border-color: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F))) !important;
	color: var(--sc-button-text-hover, var(--sc-button-text, #fff)) !important;
}

.sc-appearance-scope .sc-btn--ghost {
	background: #fff !important;
	border: 2px solid var(--sc-button-secondary-bg, var(--zusammen-brand, #2A6B6B)) !important;
	color: var(--sc-button-secondary-bg, var(--zusammen-brand, #2A6B6B)) !important;
	border-radius: 8px;
}

.sc-appearance-scope .sc-btn--ghost:hover,
.sc-appearance-scope .sc-btn--ghost:focus-visible {
	background: var(--sc-button-secondary-bg-hover, var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F)))) !important;
	border-color: var(--sc-button-secondary-bg-hover, var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F)))) !important;
	color: var(--sc-button-secondary-text-hover, var(--sc-button-text-hover, var(--sc-button-text, #fff))) !important;
}

/* Icons */
.sc-appearance-scope .dashicons:not(.sc-post-closing-icon),
.sc-appearance-scope .wpxf-topic-started-icon,
.sc-appearance-scope .sc-post-team-icon,
.sc-appearance-scope .wpxf-author-extra-link,
.sc-appearance-scope .wpxf-author-extra-link:visited {
	color: var(--sc-icon, #2a6b6b);
}

.sc-appearance-scope .wpxf-ico-ghost svg {
	fill: var(--sc-icon, #2a6b6b);
	stroke: var(--sc-icon, #2a6b6b);
}

.sc-appearance-scope .wpxf-topic-export-bar .wpxf-topic-admin-bar__btn:hover .dashicons,
.sc-appearance-scope .wpxf-topic-export-bar .wpxf-topic-admin-bar__btn:focus-visible .dashicons,
.sc-appearance-scope .sc-consultation-close-stack .wpxf-topic-admin-bar__btn:hover .dashicons,
.sc-appearance-scope .sc-consultation-close-stack .wpxf-topic-admin-bar__btn:focus-visible .dashicons {
	color: var(--sc-button-text, #fff);
}

/* ——— Flächen ——— */
.sc-appearance-scope .sc-card,
.sc-appearance-scope .sc-msg-list,
.sc-appearance-scope .sc-reply-form,
.sc-appearance-scope .sc-access-panel {
	background: var(--sc-surface-muted, #F9EFE6);
	border-color: var(--sc-border, #dcdcde);
	color: var(--sc-text, var(--zusammen-text, #4A6A6A));
}

.sc-appearance-scope .sc-access-chip {
	background: var(--sc-surface, #fff);
	border-color: color-mix(in srgb, var(--sc-button-bg, #2A6B6B) 22%, #fff);
}

.sc-appearance-scope .sc-access-chip__role {
	background: color-mix(in srgb, var(--sc-button-bg, #2A6B6B) 12%, #fff);
	color: var(--sc-button-bg, #2A6B6B);
}

.sc-appearance-scope .sc-access-chip__name {
	color: var(--sc-text, var(--zusammen-text, #4A6A6A));
}

.sc-appearance-scope .sc-access-manage {
	border-top-color: color-mix(in srgb, var(--sc-button-bg, #2A6B6B) 16%, transparent);
}

.sc-appearance-scope .sc-access-user-results {
	background: var(--sc-surface, #fff);
	border-color: var(--sc-border, #c3c4c7);
}

.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn,
.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:hover,
.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:focus,
.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:focus-visible,
.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:active {
	background: transparent !important;
	border: 0 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: var(--sc-text, var(--zusammen-text, #4A6A6A)) !important;
	text-decoration: none !important;
	padding: 0.55rem 0.7rem !important;
}

.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:hover,
.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:focus,
.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:focus-visible {
	background: color-mix(in srgb, var(--sc-button-bg, #2A6B6B) 12%, #fff) !important;
	color: var(--sc-text, var(--zusammen-text, #4A6A6A)) !important;
}

.sc-appearance-scope .sc-access-panel button.sc-access-pick__btn:focus-visible {
	box-shadow: inset 0 0 0 2px var(--sc-button-bg, #2A6B6B) !important;
}

.sc-appearance-scope .sc-access-pick__meta {
	color: var(--sc-text, #646970);
	opacity: 0.75;
}

.sc-appearance-scope .sc-thread-posts {
	background: var(--sc-surface, #fff);
}

.sc-appearance-scope .sc-forum-table th,
.sc-appearance-scope .sc-forum-table td,
.sc-appearance-scope .sc-table th,
.sc-appearance-scope .sc-table td {
	border-color: var(--sc-border, #c3c4c7);
	color: var(--sc-text, var(--zusammen-text, #4A6A6A));
}

/* Forenliste: Zebrastreifen */
.sc-appearance-scope .sc-forum-main.sc-forum-strip--a > td {
	background: var(--sc-surface, #fff);
}

.sc-appearance-scope .sc-forum-main.sc-forum-strip--b > td {
	background: var(--sc-surface-alt, #F9EFE6);
}

.sc-appearance-scope .sc-forum-main.sc-forum-main--unassigned > td,
.sc-appearance-scope .sc-forum-main.sc-forum-main--unassigned.sc-forum-strip--a > td,
.sc-appearance-scope .sc-forum-main.sc-forum-main--unassigned.sc-forum-strip--b > td {
	background: var(--sc-notice-warning-bg, #fff3cd) !important;
	box-shadow: inset 4px 0 0 var(--sc-notice-warning-border, #e6a800);
}

.sc-appearance-scope .sc-forum-main.sc-forum-main--unassigned .sc-forum-topic-btn,
.sc-appearance-scope .sc-forum-main.sc-forum-main--unassigned .sc-forum-topic-title {
	color: var(--sc-notice-warning-text, #6b4e00);
}

.sc-appearance-scope .sc-forum-detail.sc-forum-detail--unassigned > td,
.sc-appearance-scope .sc-forum-detail.sc-forum-detail--unassigned .sc-forum-detail-inner {
	background: var(--sc-notice-warning-bg, #fff8e1) !important;
}

.sc-appearance-scope .sc-app--forum .sc-forum-table tr.sc-forum-main.sc-forum-strip--a {
	background: var(--sc-surface, #fff);
}

.sc-appearance-scope .sc-app--forum .sc-forum-table tr.sc-forum-main.sc-forum-strip--b {
	background: var(--sc-surface-alt, #F9EFE6);
}

.sc-appearance-scope .sc-app--forum .sc-forum-table tr.sc-forum-main.sc-forum-main--unassigned,
.sc-appearance-scope .sc-app--forum .sc-forum-table tr.sc-forum-main.sc-forum-main--unassigned.sc-forum-strip--a,
.sc-appearance-scope .sc-app--forum .sc-forum-table tr.sc-forum-main.sc-forum-main--unassigned.sc-forum-strip--b {
	background: var(--sc-notice-warning-bg, #fff3cd) !important;
}

/* Dialog-Beiträge: gleiche Zebrastreifen wie Themenübersicht */
.sc-appearance-scope .sc-thread-posts .sc-post.sc-forum-strip--a {
	background: var(--sc-surface, #fff);
}

.sc-appearance-scope .sc-thread-posts .sc-post.sc-forum-strip--b {
	background: var(--sc-surface-alt, #F9EFE6);
}

.sc-appearance-scope .sc-thread-posts .sc-post.sc-forum-strip--a .sc-post-body {
	background: var(--sc-surface, #fff);
}

.sc-appearance-scope .sc-thread-posts .sc-post.sc-forum-strip--b .sc-post-body {
	background: var(--sc-surface-alt, #F9EFE6);
}

.sc-appearance-scope .sc-thread-posts .sc-post--team.sc-forum-strip--a .sc-post-body,
.sc-appearance-scope .sc-thread-posts .sc-post--team.sc-forum-strip--b .sc-post-body {
	background: #dfffd6;
}

.sc-appearance-scope .sc-thread-posts .sc-post--closing-report.sc-forum-strip--a .sc-post-body,
.sc-appearance-scope .sc-thread-posts .sc-post--closing-report.sc-forum-strip--b .sc-post-body {
	background: #f3e8ff;
}

.sc-appearance-scope .sc-post-head {
	background: var(--sc-post-head-bg, #F9EFE6) !important;
}

.sc-appearance-scope .sc-status-text,
.sc-appearance-scope .sc-topic-opened-meta,
.sc-appearance-scope .sc-topic-category-meta,
.sc-appearance-scope .sc-label,
.sc-appearance-scope .sc-msg__meta,
.sc-appearance-scope .sc-text-muted {
	color: var(--sc-text-muted, var(--zusammen-text-muted, #6B8585));
}

/* ——— Eingabefelder ——— */
.sc-appearance-scope input[type="text"],
.sc-appearance-scope input[type="search"],
.sc-appearance-scope input[type="email"],
.sc-appearance-scope input[type="url"],
.sc-appearance-scope input[type="number"],
.sc-appearance-scope textarea,
.sc-appearance-scope .sc-textarea,
.sc-appearance-scope .sc-input:not(select) {
	background: var(--sc-input-bg, #fff) !important;
	color: var(--sc-input-text, var(--zusammen-text, #4A6A6A)) !important;
	border-color: var(--sc-input-border, #8c8f94) !important;
}

.sc-appearance-scope select,
.sc-appearance-scope select.sc-input {
	-webkit-appearance: none !important;
	appearance: none !important;
	background-color: var(--sc-input-bg, #fff) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2350575e' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: left 0.65rem center !important;
	background-size: 0.65em 0.42em !important;
	color: var(--sc-input-text, var(--zusammen-text, #4A6A6A)) !important;
	border-color: var(--sc-input-border, #8c8f94) !important;
	padding-left: 1.85rem !important;
}

.sc-appearance-scope input[type="text"]:focus,
.sc-appearance-scope input[type="search"]:focus,
.sc-appearance-scope input[type="email"]:focus,
.sc-appearance-scope input[type="url"]:focus,
.sc-appearance-scope input[type="number"]:focus,
.sc-appearance-scope select:focus,
.sc-appearance-scope textarea:focus,
.sc-appearance-scope .sc-textarea:focus,
.sc-appearance-scope .sc-input:focus {
	border-color: var(--sc-input-focus, var(--zusammen-focus, #2A6B6B)) !important;
}

/* ——— Tabs / Scope-Links ——— */
.sc-appearance-scope .sc-staff-scope-link {
	color: var(--sc-button-bg, var(--zusammen-cta, #F08060));
	background: #fff;
	border: 2px solid var(--sc-button-bg, var(--zusammen-cta, #F08060));
	border-radius: 8px;
}

.sc-appearance-scope .sc-staff-scope-link:hover,
.sc-appearance-scope .sc-staff-scope-link:focus {
	background: var(--sc-surface-muted, #f0f0f1);
	color: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F)));
	border-color: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F)));
}

.sc-appearance-scope .sc-staff-scope-link.is-active {
	background: var(--sc-button-bg, var(--zusammen-cta, #F08060)) !important;
	border-color: var(--sc-button-bg, var(--zusammen-cta, #F08060)) !important;
	color: var(--sc-button-text, #fff) !important;
}

.sc-appearance-scope .sc-staff-scope-link.is-active:hover {
	background: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F))) !important;
	border-color: var(--sc-button-bg-hover, var(--sc-button-bg, var(--zusammen-cta-hover, #E8544F))) !important;
	color: var(--sc-button-text-hover, var(--sc-button-text, #fff)) !important;
}

/* ——— Hinweise ——— */
.sc-appearance-scope .sc-notice--warn {
	background: var(--sc-notice-warning-bg, #fff3cd);
	color: var(--sc-notice-warning-text, #856404);
	border-left-color: var(--sc-notice-warning-border, #ffc107);
}

.sc-appearance-scope .sc-notice--info {
	background: var(--sc-notice-info-bg, #D4EDED);
	color: var(--sc-notice-info-text, #1A4F4F);
}