.macp-channel-sync {
	display: grid;
	gap: 12px;
	padding: 18px;
	height: 100%;
	border: 1px solid var(--border, #dbe4f0);
	border-radius: var(--radius-xl, 18px);
	background: var(--surface, #ffffff);
	color: var(--text, #13284b);
	font-family: var(--font-main, inherit);
	align-content: start;
	justify-items: stretch;
	text-align: left;
}

.macp-channel-sync.is-fresh {
	border-color: rgba(47, 158, 68, 0.24);
	background: #f4faf6;
}

.macp-channel-sync.is-stale {
	border-color: rgba(224, 168, 0, 0.28);
	background: #fff8ec;
}

.macp-channel-sync--admin-note {
	border-style: dashed;
	background: var(--surface-elevated, #f8fafc);
}

.macp-channel-sync__header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.macp-channel-sync__header-copy {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.macp-channel-sync__status-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	flex: 0 0 48px;
	border: 1px solid transparent;
}

.macp-channel-sync__status-icon svg {
	width: 22px;
	height: 22px;
	display: block;
}

.macp-channel-sync__status-icon--fresh {
	background: rgba(47, 158, 68, 0.1);
	border-color: rgba(47, 158, 68, 0.16);
	color: #2d7f3e;
}

.macp-channel-sync__status-icon--stale {
	background: rgba(224, 168, 0, 0.1);
	border-color: rgba(224, 168, 0, 0.16);
	color: #7b5b00;
}

.macp-channel-sync__message {
	color: var(--text, #13284b);
	font-size: 0.84rem;
	line-height: 1.45;
}

.macp-channel-sync__message--fresh,
.macp-channel-sync__message--stale {
	max-width: none;
	width: 100%;
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0;
	text-align: left;
}

.macp-channel-sync__message--fresh,
.macp-channel-sync__status-badge {
	color: #255b35;
}

.macp-channel-sync__message--stale {
	color: #735200;
}

.macp-channel-sync__status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	max-width: 100%;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(47, 158, 68, 0.12);
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
}

.macp-channel-sync.is-stale .macp-channel-sync__status-badge {
	background: rgba(224, 168, 0, 0.14);
	color: #8a6500;
}

.macp-channel-sync__description {
	color: var(--text-soft, #7082a0);
	font-size: 0.84rem;
	line-height: 1.5;
}

.macp-channel-sync__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
}

.macp-channel-sync__button {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid var(--border, #dbe4f0);
	border-radius: 12px;
	background: var(--surface-ghost, rgba(255, 255, 255, 0.92));
	color: var(--text, #13284b);
	font: inherit;
	font-weight: 700;
	font-size: 0.86rem;
	box-shadow: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	cursor: pointer;
}

.macp-channel-sync__button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	color: var(--text-soft, #7082a0);
}

.macp-channel-sync__button-icon svg {
	width: 18px;
	height: 18px;
}

.macp-channel-sync__button-copy {
	display: grid;
	gap: 0;
	text-align: left;
}

.macp-channel-sync__button-label {
	display: block;
	line-height: 1.2;
}

.macp-channel-sync__button-note {
	display: block;
	color: var(--text-soft, #7082a0);
	font-size: 0.74rem;
	font-weight: 600;
	line-height: 1.35;
}

.macp-channel-sync__button.is-loading .macp-channel-sync__button-icon {
	display: none;
}

.macp-channel-sync.is-stale .macp-channel-sync__button {
	border-color: var(--border, #dbe4f0);
	color: var(--text, #13284b);
}

.macp-channel-sync.is-stale .macp-channel-sync__button-icon {
	color: var(--text-soft, #7082a0);
}

.macp-channel-sync__button:not(:disabled):hover,
.macp-channel-sync__button:not(:disabled):focus-visible {
	border-color: var(--accent-soft-strong, rgba(63, 124, 255, 0.2));
	background: var(--accent-soft, rgba(63, 124, 255, 0.12));
	color: var(--accent, #3f7cff);
}

.macp-channel-sync__button:not(:disabled):hover .macp-channel-sync__button-icon,
.macp-channel-sync__button:not(:disabled):focus-visible .macp-channel-sync__button-icon {
	color: var(--accent, #3f7cff);
}

.macp-channel-sync__button:disabled {
	border-color: var(--border, #dbe4f0);
	background: var(--surface-muted, #f2f6fc);
	color: var(--text-faint, #99a7bd);
	cursor: wait;
	opacity: 1;
	box-shadow: none;
}

.macp-channel-sync__feedback {
	display: none;
	color: var(--accent, #3f7cff);
	font-size: 0.76rem;
	font-weight: 600;
}

.macp-channel-sync__feedback:not(:empty) {
	display: block;
}

.macp-channel-sync__feedback.is-error {
	color: #d14d72;
}

html[data-theme="dark"] .macp-channel-sync.is-fresh {
	border-color: rgba(93, 201, 138, 0.28);
	background: #15241c;
}

html[data-theme="dark"] .macp-channel-sync.is-stale {
	border-color: rgba(230, 181, 53, 0.3);
	background: #211b10;
}

html[data-theme="dark"] .macp-channel-sync--admin-note {
	background: var(--surface-elevated, #132035);
}

html[data-theme="dark"] .macp-channel-sync__status-icon--fresh {
	background: rgba(93, 201, 138, 0.1);
	border-color: rgba(93, 201, 138, 0.18);
	color: #b7f5c6;
}

html[data-theme="dark"] .macp-channel-sync__status-icon--stale {
	background: rgba(230, 181, 53, 0.12);
	border-color: rgba(230, 181, 53, 0.2);
	color: #ffe08a;
}

html[data-theme="dark"] .macp-channel-sync__message--fresh {
	color: #b7f5c6;
}

html[data-theme="dark"] .macp-channel-sync__message--stale {
	color: #ffe59a;
}

html[data-theme="dark"] .macp-channel-sync__status-badge {
	background: rgba(93, 201, 138, 0.14);
	color: #b7f5c6;
}

html[data-theme="dark"] .macp-channel-sync.is-stale .macp-channel-sync__status-badge {
	background: rgba(230, 181, 53, 0.16);
	color: #ffe59a;
}

html[data-theme="dark"] .macp-channel-sync__description {
	color: #a8b6cf;
}

html[data-theme="dark"] .macp-channel-sync__button {
	border-color: var(--border, rgba(128, 149, 187, 0.18));
	background: var(--surface-ghost, rgba(20, 34, 58, 0.92));
	color: var(--text, #eaf1ff);
	box-shadow: none;
}

html[data-theme="dark"] .macp-channel-sync.is-stale .macp-channel-sync__button {
	border-color: var(--border, rgba(128, 149, 187, 0.18));
	background: var(--surface-ghost, rgba(20, 34, 58, 0.92));
	color: var(--text, #eaf1ff);
}

html[data-theme="dark"] .macp-channel-sync__button-icon {
	color: var(--text-soft, #93a4c4);
}

html[data-theme="dark"] .macp-channel-sync.is-stale .macp-channel-sync__button-icon {
	color: var(--text-soft, #93a4c4);
}

html[data-theme="dark"] .macp-channel-sync__button-note {
	color: #a8b6cf;
}

html[data-theme="dark"] .macp-channel-sync__button:not(:disabled):hover,
html[data-theme="dark"] .macp-channel-sync__button:not(:disabled):focus-visible {
	border-color: var(--accent-soft-strong, rgba(107, 156, 255, 0.24));
	background: var(--accent-soft, rgba(107, 156, 255, 0.16));
	color: var(--accent, #6b9cff);
}

html[data-theme="dark"] .macp-channel-sync__button:not(:disabled):hover .macp-channel-sync__button-icon,
html[data-theme="dark"] .macp-channel-sync__button:not(:disabled):focus-visible .macp-channel-sync__button-icon {
	color: var(--accent, #6b9cff);
}

html[data-theme="dark"] .macp-channel-sync__button:disabled {
	border-color: var(--border, rgba(128, 149, 187, 0.18));
	background: var(--surface-muted, #14233c);
	color: var(--text-faint, #7184a6);
	box-shadow: none;
}

html[data-theme="dark"] .macp-channel-sync__feedback.is-error {
	color: #ff8cab;
}

@media (max-width: 720px) {
	.macp-channel-sync {
		padding: 16px;
		border-radius: 14px;
	}

	.macp-channel-sync__status-icon {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.macp-channel-sync__status-icon svg {
		width: 20px;
		height: 20px;
	}

	.macp-channel-sync__button {
		width: 100%;
	}
}