/* Keep icon controls legible in both themes and all interaction states. */
.workspace-composer-footer :is(.workspace-icon,.voice-input-button,.voice-input-cancel,.voice-input-info){min-width:44px;min-height:44px;border-radius:11px}
html[data-theme=dark] .workspace-composer-footer :is(.workspace-icon,.voice-input-button,.voice-input-cancel,.voice-input-info):not(:disabled){color:#e3eae0;background:transparent}
html[data-theme=dark] .workspace-composer-footer :is(.workspace-icon,.voice-input-button,.voice-input-cancel,.voice-input-info):not(:disabled):hover{color:#fff8e5;background:#455248}
html[data-theme=dark] .workspace-composer-footer :is(.workspace-icon,.voice-input-button,.voice-input-cancel,.voice-input-info):not(:disabled):active{color:#fff8e5;background:#536256}
html[data-theme=dark] .workspace-composer-footer :is(.workspace-icon,.voice-input-button,.voice-input-cancel,.voice-input-info):disabled{color:#aab5a7;background:transparent;opacity:.7;cursor:not-allowed}
.workspace-composer-footer :is(.workspace-icon,.voice-input-button,.voice-input-cancel,.voice-input-info):focus-visible{outline:2px solid var(--ibi-focus,#a48c35);outline-offset:2px}
@media (hover:none){html[data-theme=dark] .workspace-composer-footer :is(.workspace-icon,.voice-input-button,.voice-input-cancel,.voice-input-info):not(:disabled):hover{color:#e3eae0;background:transparent}}