/* Client accent controls only. Status/danger colours, avatars and background previews retain their meaning. */
body[data-app-theme]{--brand-soft:color-mix(in srgb,var(--brand),white 92%);--brand-hover:color-mix(in srgb,var(--brand),white 95%);--brand-border:color-mix(in srgb,var(--brand),white 60%)}
body[data-app-theme] :is(.settings-sidebar>button.active,.im-tabs button.active,.im-add,.im-mobile-back,.im-load-more,.contact-profile-heading>button,.contact-remark button,.contact-request-tabs button.active,.group-page-more,.group-member-drawer>header button,.group-picker-tabs button.active,.fav-sidebar>button.active,.fav-picker-side>button.active,.fav-more,.fav-file svg,.fav-contact svg){color:var(--brand-text)}
body[data-app-theme] :is(.im-add,.settings-code-row button,.contact-profile-heading>button,.group-page-more,.group-me){background:var(--brand-soft);color:var(--brand-text)}
body[data-app-theme] :is(.contact-category.active,.contact-list-row.active,.group-list-item.active,.fav-sidebar>button.active,.fav-picker-side>button.active){background:var(--brand-soft)}
body[data-app-theme] :is(.im-popup button:hover,.contact-menu button:hover,.group-page-menu button:hover){background:var(--brand-hover);color:var(--brand-text)}
body[data-app-theme] :is(.im-select-check:checked,.group-picker-person input:checked,.fav-select input:checked){background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
body[data-app-theme] :is(.im-select-check:checked:after,.settings-colors button,.settings-background b){color:var(--brand-ink)}
body[data-app-theme] :is(.settings-submit .primary,.contact-request-actions>button.primary,.contact-edit-modal footer button.primary,.contact-search-results article>button,.contact-report-modal footer button.primary,.fav-bulk button.primary,.fav-picker>footer button.primary,.voice-recorder footer button.primary){background:var(--brand);color:var(--brand-ink)}
body[data-app-theme] :is(.im-send,.im-message.mine .im-bubble,.im-message.mine .im-voice-bubble){background:var(--brand);color:var(--brand-ink)}
body[data-app-theme] :is(.fav-card.selected,.fav-card:focus-visible){border-color:var(--brand);outline-color:var(--brand-border)}
body[data-app-theme] .group-picker-tabs button.active:after{background:var(--brand)}
body[data-app-theme] .contact-request-tabs button.active{border-color:var(--brand)}
body[data-app-theme] .im-resize-side:hover{background:var(--brand-soft)}
body[data-app-theme] .im-current-reply{border-left-color:var(--brand-border)}
body[data-app-theme] :is(input[type=checkbox],input[type=radio]){accent-color:var(--brand)}
body[data-app-theme] .im-rail{color:var(--brand-ink)}
body[data-app-theme] .im-nav,body[data-app-theme] .im-nav.active{color:inherit}
body[data-app-theme] .im-nav.active:before{background:var(--brand-ink)}
body[data-app-theme] .im-switch:checked{background:var(--brand-text)}
body[data-app-theme] :is(.settings-background.selected,.settings-colors .selected,.fav-card.selected,.fav-card:focus-visible){border-color:var(--brand-text);outline-color:var(--brand-text)}
body[data-app-theme] :is(.im-tabs button.active,.contact-request-tabs button.active){border-color:var(--brand-text)}
body[data-app-theme] :is(.im-select-check:checked,.group-picker-person input:checked,.fav-select input:checked){background:var(--brand-text);border-color:var(--brand-text);color:white}
body[data-app-theme] .im-select-check:checked:after{color:white}
body[data-app-theme] .settings-code-row button{color:var(--brand-text)}
body[data-app-theme] .im-rail{border-right:1px solid color-mix(in srgb,var(--brand-text),transparent 85%)}