.governance-panel[hidden] { display: none; }
.governance-panel { position: fixed; inset: 4.75rem 1rem 1rem; z-index: 80; overflow: auto; overscroll-behavior: contain; color: #f1eef8; background: #101017; border: 1px solid #393243; border-radius: 1.5rem; padding: clamp(1rem, 3vw, 2.25rem); box-shadow: 0 1rem 5rem #0009; }
.governance-panel:focus { outline: none; }
.governance-panel-header { display: flex; gap: 1rem; align-items: start; justify-content: space-between; }
.governance-panel-header h1 { margin: .25rem 0 .5rem; font-size: clamp(1.6rem, 4vw, 2.3rem); }
.governance-eyebrow { color: #c6a6ef; font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; }
.governance-panel p { max-width: 75ch; line-height: 1.55; }
.governance-panel button, .governance-panel input, .governance-panel select, .governance-panel textarea { font: inherit; }
.governance-panel button { min-height: 2.75rem; border: 1px solid #63516f; border-radius: .8rem; color: #f5f0fa; background: #282132; padding: .65rem 1rem; cursor: pointer; }
.governance-panel button:hover:not(:disabled) { background: #3b2d4d; }
.governance-panel button:disabled { opacity: .45; cursor: not-allowed; }
.governance-panel :focus-visible { outline: 2px solid #cba6ff; outline-offset: 3px; }
.governance-panel input:not([type=checkbox]), .governance-panel select, .governance-panel textarea { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid #51485e; border-radius: .65rem; background: #19171f; color: #faf7ff; padding: .7rem; }
.governance-panel input[type=checkbox] { width: 1.2rem; height: 1.2rem; accent-color: #aa75d7; }
.governance-panel textarea { min-height: 6rem; resize: vertical; }
.governance-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); gap: 1rem; }
.governance-card { padding: 1.15rem; margin: 1rem 0; border: 1px solid #37313f; border-radius: 1rem; background: #18151e; min-width: 0; }
.governance-card h2, .governance-card h3 { margin: 0 0 .75rem; }
.governance-field { display: grid; gap: .4rem; margin: .8rem 0; color: #d3c9de; }
.governance-check { display: flex; align-items: center; gap: .65rem; margin: .6rem 0; }
.governance-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: .8rem 0; }
.governance-hint { font-size: .88rem; color: #b7aabd; }
.governance-status { padding: .8rem 1rem; background: #23202c; border-left: 3px solid #ae7ee1; border-radius: .4rem; }
.governance-status[data-error=true] { border-color: #ed9b9b; }
.governance-review { border-color: #b38bdb; background: #251b30; }
.governance-review pre, .governance-record { white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, monospace; font-size: .8rem; max-height: 20rem; overflow: auto; }
.governance-row { border-top: 1px solid #393140; padding: .8rem 0; overflow-wrap: anywhere; }
.governance-identity { font-size: .75rem; color: #b5a7c1; overflow-wrap: anywhere; }
.governance-panel fieldset { min-width: 0; border: 1px solid #51485e; border-radius: .7rem; }
.governance-panel dl { display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(0, 2fr); gap: .5rem; }
.governance-panel dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 640px) { .governance-panel { inset: 0; border-radius: 0; padding: 1rem; } .governance-panel-header { gap: .5rem; } }
.governance-panel[data-native-embedded="true"] { position: relative; inset: auto; z-index: auto; flex: 1; min-height: 0; min-width: 0; width: 100%; height: 100%; box-sizing: border-box; border: 0; border-radius: 0; box-shadow: none; padding-bottom: 220px; }