/* Utility classes used by ui-class-utils.js (setDisplay, setColor, setBackground) */
/* !important ensures these override dynamically generated csp-inline-style-* rules */

.ui-display-none { display: none !important; }
.ui-display-block { display: block !important; }
.ui-display-flex { display: flex !important; }
.ui-display-inline { display: inline !important; }
.ui-display-inline-block { display: inline-block !important; }
.ui-display-inline-flex { display: inline-flex !important; }

.ui-color-text { color: var(--text) !important; }
.ui-color-accent { color: var(--accent) !important; }
.ui-color-error { color: #f87171 !important; }
.ui-color-danger { color: #ef4444 !important; }

.ui-bg-input-active { background: #0f1420 !important; }
.ui-bg-input-passive { background: rgba(255,255,255,0.02) !important; }

.inline-handler-hidden { display: none !important; }
.inline-handler-visible { display: block !important; }