/*
 * Maps the global --hoc-accent onto per-module accent variables so that
 * changing the primary color via branding flows through to Mail / Calendar /
 * Messenger etc. without each module needing its own setting.
 */
:root {
	--mc-accent:       var(--hoc-accent, #0078d4);
	--cal-accent:      var(--hoc-accent, #0078d4);
	--ms-accent:       var(--hoc-accent, #0078d4);
	--ka-accent:       var(--hoc-accent, #0078d4);
}

/* Branding settings tab styling */
.brd-logo-field {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
}
.brd-logo-field input {
	flex: 1;
}
.brd-logo-preview {
	max-height: 32px;
	max-width: 120px;
	background: var(--hoc-bg-alt, #f5f5f5);
	padding: 2px 6px;
	border-radius: 4px;
}
.brd-logo-preview-dark {
	background: #212121;
}
.hoc-settings-actions {
	margin-top: 20px;
	padding-top: 14px;
	border-top: 1px solid var(--hoc-border, #e0e0e0);
}