/* Shared feature state: readable even when a feature is turned off. */
[data-feature-state] { opacity:1 !important; transition: border-color .15s ease, background-color .15s ease; }
[data-feature-state="disabled"] { border:1px solid #a77b28 !important; background:linear-gradient(rgba(120,76,9,.16),rgba(120,76,9,.16)),#0f172a !important; }
.feature-state-note { display:block; margin:10px 0; padding:12px 14px; border:1px solid #64748b; border-radius:10px; color:#e2e8f0; background:#162033; font-size:.8rem; line-height:1.55; overflow-wrap:anywhere; }
.feature-state-note[data-state="disabled"] { border-color:#a77b28; background:#302719; color:#fde68a; }
.feature-state-note[data-state="enabled"] { border-color:#39755b; background:#132d25; color:#bbf7d0; }
.feature-state-note[data-state="draft"],.feature-state-note[data-state="pending"] { border-color:#658cc2; background:#172b48; color:#dbeafe; }
.feature-state-note strong { display:inline; color:inherit; font-size:inherit; }
.feature-state-badge { display:inline-block; border:1px solid currentColor; border-radius:999px; padding:3px 9px; font-weight:750; font-size:.76rem; white-space:normal; }
[data-feature-state="disabled"] .status-pill { color:#fde68a !important; border-color:#a77b28 !important; background:#302719 !important; }
.feature-state-note input { accent-color:#60a5fa; }
@media (prefers-reduced-motion:reduce) { [data-feature-state] { opacity:1 !important; transition:none; } }