/* GOVERNANCE PANEL — portable hostable control-plane inspection surface */
:root{--gp-gold:rgba(242,213,138,.96);--gp-cyan:rgba(137,227,255,.96);--gp-green:rgba(150,224,188,.96);--gp-violet:rgba(185,164,242,.96);--gp-ink:rgba(248,247,239,.96);--gp-muted:rgba(214,224,224,.74)}
.governance-panel-trigger{position:fixed;right:clamp(14px,2.2vw,28px);bottom:clamp(14px,2.2vw,28px);z-index:2147482000;min-height:48px;padding:0 16px;border:1px solid rgba(242,213,138,.54);border-radius:999px;background:linear-gradient(135deg,rgba(39,31,18,.94),rgba(8,25,35,.96));color:var(--gp-ink);box-shadow:0 14px 38px rgba(0,0,0,.42),0 0 26px rgba(242,213,138,.10),inset 0 1px 0 rgba(255,255,255,.10);font:900 .70rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.governance-panel-trigger:hover,.governance-panel-trigger:focus-visible{transform:translateY(-2px);border-color:rgba(255,239,186,.92);box-shadow:0 18px 44px rgba(0,0,0,.48),0 0 34px rgba(137,227,255,.13),inset 0 1px 0 rgba(255,255,255,.13);outline:none}.governance-panel-trigger[aria-expanded=true]{border-color:rgba(137,227,255,.76);color:#e9fbff}
.governance-panel{position:fixed;inset:0;z-index:2147481900;display:grid;place-items:stretch;padding:clamp(10px,2vw,24px);background:rgba(1,4,9,.82);backdrop-filter:blur(8px) saturate(.78);opacity:0;visibility:hidden;pointer-events:none;perspective:1800px;transition:opacity .2s ease,visibility .2s ease}.governance-panel.is-open{opacity:1;visibility:visible;pointer-events:auto}.governance-panel__sheet{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(242,213,138,.28);border-radius:clamp(18px,2.2vw,34px);background:radial-gradient(circle at 15% 0,rgba(137,227,255,.09),transparent 32%),radial-gradient(circle at 85% 100%,rgba(185,164,242,.08),transparent 28%),linear-gradient(145deg,rgba(7,15,24,.99),rgba(2,6,12,.995));box-shadow:0 40px 120px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.08);transform:rotateY(90deg) scale(.97);transform-origin:center;transition:transform .48s cubic-bezier(.2,.82,.16,1);display:grid;grid-template-rows:auto 1fr}.governance-panel.is-open .governance-panel__sheet{transform:rotateY(0) scale(1)}.governance-panel.is-closing .governance-panel__sheet{transform:rotateY(-90deg) scale(.97)}
.governance-panel__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:clamp(14px,2vw,24px) clamp(16px,2.5vw,30px);border-bottom:1px solid rgba(224,225,215,.12);background:linear-gradient(180deg,rgba(9,19,29,.78),rgba(6,13,21,.55));backdrop-filter:blur(14px)}.governance-panel__eyebrow{margin:0 0 5px;color:var(--gp-gold);font:900 .64rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.governance-panel__title{margin:0;font:700 clamp(1.55rem,3.2vw,2.55rem)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.035em;color:var(--gp-ink)}.governance-panel__subtitle{margin:6px 0 0;max-width:72ch;color:var(--gp-muted);font-size:.86rem;line-height:1.45}.governance-panel__close{min-width:44px;min-height:44px;border:1px solid rgba(224,225,215,.18);border-radius:50%;background:rgba(7,16,25,.68);color:var(--gp-ink);font-size:1.15rem;cursor:pointer}.governance-panel__close:hover,.governance-panel__close:focus-visible{border-color:rgba(137,227,255,.65);outline:2px solid rgba(137,227,255,.25);outline-offset:2px}
.governance-panel__body{min-height:0;overflow:auto;padding:clamp(14px,2vw,24px)}.governance-ops{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:5px;border:1px solid rgba(224,225,215,.14);border-radius:16px;background:rgba(2,8,14,.58)}.governance-op{min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--gp-muted);font:850 .65rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.governance-op[aria-selected=true]{border-color:rgba(242,213,138,.48);background:linear-gradient(135deg,rgba(242,213,138,.13),rgba(137,227,255,.06));color:var(--gp-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.governance-track{display:flex;align-items:center;gap:7px;min-height:30px;margin-bottom:12px;color:var(--gp-muted);font-size:.70rem;line-height:1.3;overflow:auto;white-space:nowrap}.governance-track strong{color:var(--gp-cyan)}.governance-track__sep{opacity:.38}
.governance-map{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.62fr);gap:12px;min-height:0}.governance-canvas{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(224,225,215,.15);border-radius:24px;background:radial-gradient(circle at 50% 42%,rgba(137,227,255,.075),transparent 40%),linear-gradient(180deg,rgba(7,14,24,.84),rgba(2,6,12,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.governance-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.governance-edge{fill:none;stroke:rgba(137,227,255,.16);stroke-width:1.25;vector-effect:non-scaling-stroke;transition:stroke .2s,stroke-width .2s,opacity .2s}.governance-edge.is-active{stroke:rgba(242,213,138,.72);stroke-width:2.4}.governance-edge.is-connected{stroke:rgba(137,227,255,.48);stroke-width:1.8}
.governance-node{position:absolute;transform:translate(-50%,-50%);width:clamp(100px,11vw,142px);min-height:62px;padding:9px 8px;border:1px solid rgba(224,225,215,.18);border-radius:15px;background:linear-gradient(145deg,rgba(9,20,31,.96),rgba(16,30,42,.9));color:var(--gp-ink);box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07);font:inherit;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,opacity .2s,box-shadow .2s}.governance-node__name{display:block;font-weight:900;font-size:.73rem;line-height:1.12}.governance-node__class{display:block;margin-top:5px;color:var(--gp-muted);font-size:.56rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.governance-node[data-layer=authority]{border-color:rgba(242,213,138,.34)}.governance-node[data-layer=evidence]{border-color:rgba(150,224,188,.3)}.governance-node[data-layer=boundary]{border-color:rgba(185,164,242,.3)}.governance-node.is-dimmed{opacity:.25}.governance-node.is-connected{border-color:rgba(137,227,255,.62);box-shadow:0 0 26px rgba(137,227,255,.1),inset 0 1px 0 rgba(255,255,255,.09)}.governance-node.is-active{transform:translate(-50%,-50%) scale(1.055);border-color:rgba(242,213,138,.82);background:linear-gradient(145deg,rgba(66,53,28,.82),rgba(11,31,42,.94));box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 28px rgba(242,213,138,.12)}.governance-node:focus-visible{outline:3px solid var(--gp-cyan);outline-offset:4px}
.governance-detail{min-height:560px;padding:22px;border:1px solid rgba(242,213,138,.18);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(242,213,138,.07),transparent 36%),linear-gradient(150deg,rgba(8,15,25,.96),rgba(3,7,13,.93));box-shadow:0 26px 80px rgba(0,0,0,.28);overflow:auto}.governance-detail__kicker{margin:0;color:var(--gp-gold);font-size:.64rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.governance-detail h3{margin:9px 0 11px;font:700 clamp(1.85rem,3vw,2.7rem)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.governance-detail__description{color:var(--gp-muted);line-height:1.6}.governance-detail__section{margin-top:19px;padding-top:15px;border-top:1px solid rgba(224,225,215,.12)}.governance-detail__section strong{display:block;margin-bottom:6px;color:var(--gp-cyan);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase}.governance-detail__section p,.governance-detail__section code{color:var(--gp-muted);font-size:.80rem;line-height:1.5}.governance-detail__section code{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.governance-detail__status{display:inline-flex;margin-top:4px;padding:6px 9px;border:1px solid rgba(150,224,188,.25);border-radius:999px;color:var(--gp-green);background:rgba(150,224,188,.05);font-size:.60rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.governance-legend{display:flex;flex-wrap:wrap;gap:9px 13px;margin-top:15px;color:var(--gp-muted);font-size:.66rem}.governance-legend span{display:inline-flex;align-items:center;gap:6px}.governance-legend i{width:7px;height:7px;border-radius:50%;background:var(--gp-cyan)}.governance-legend i.authority{background:var(--gp-gold)}.governance-legend i.evidence{background:var(--gp-green)}.governance-legend i.boundary{background:var(--gp-violet)}
@media(max-width:900px){.governance-panel{padding:7px}.governance-map{grid-template-columns:1fr}.governance-detail{min-height:0}.governance-canvas{min-height:620px}}
@media(max-width:620px){.governance-panel__top{grid-template-columns:1fr auto}.governance-panel__subtitle{font-size:.78rem}.governance-panel__body{padding:10px}.governance-ops{overflow:auto;flex-wrap:nowrap}.governance-op{flex:0 0 auto}.governance-canvas{min-height:720px}.governance-node{width:98px;min-height:58px;padding:7px}.governance-node__name{font-size:.65rem}.governance-node__class{font-size:.49rem}.governance-detail{padding:19px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.governance-panel__sheet,.governance-node,.governance-edge{transition:none}}

/* GOVERNANCE_PANEL_ACCESS_V2 */
.governance-panel-trigger{right:0;top:50%;bottom:auto;transform:translateY(-50%);min-height:112px;height:112px;max-height:112px;min-width:26px;width:26px;max-width:26px;padding:0;border-radius:8px 0 0 8px;writing-mode:vertical-rl;text-orientation:mixed;font-size:.54rem;letter-spacing:.055em;box-sizing:border-box;box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.governance-panel-trigger:hover,.governance-panel-trigger:focus-visible{transform:translateY(-50%) translateX(-3px)}
.governance-panel-trigger[aria-expanded=true]{transform:translateY(-50%) translateX(3px)}

/* GOVERNANCE_PANEL_3D_V1 — #4819/#4821/#4822/#4823/#4824 */
.governance-track{white-space:normal;align-items:flex-start}.governance-thesis{max-width:86ch;font-size:.78rem;line-height:1.45}
.governance-canvas{min-height:640px;touch-action:pan-y;cursor:grab;perspective:1400px}.governance-canvas:active{cursor:grabbing}.governance-canvas svg{z-index:2;overflow:visible}.governance-edge{marker-end:url(#gpArrow)}#gpArrow path{fill:rgba(137,227,255,.32)}.governance-edge.is-active{filter:drop-shadow(0 0 5px rgba(242,213,138,.38))}
.governance-node{z-index:5;transform:translate(-50%,-50%) scale(var(--gp-depth,1));transition:left .28s ease,top .28s ease,transform .22s ease,opacity .2s,border-color .2s,box-shadow .2s}.governance-node.is-active{transform:translate(-50%,-50%) scale(calc(var(--gp-depth,1) * 1.06))}.governance-node[data-layer=boundary]{border-style:dashed;background:linear-gradient(145deg,rgba(58,42,88,.9),rgba(13,19,34,.92))}
.governance-boundary-shell{position:absolute;z-index:1;right:2.5%;bottom:4%;width:31%;height:34%;border:1px dashed rgba(185,164,242,.34);border-radius:48% 24% 34% 42%;background:radial-gradient(circle at 70% 60%,rgba(185,164,242,.07),transparent 66%);pointer-events:none}
.governance-plane-label{position:absolute;z-index:1;left:2%;font-size:.55rem;font-weight:900;letter-spacing:.16em;color:rgba(214,224,224,.32);writing-mode:vertical-rl}.governance-plane-label.upper{top:12%}.governance-plane-label.lower{bottom:12%}
.governance-reset{min-height:40px;margin-left:auto;padding:8px 12px;border:1px solid rgba(137,227,255,.28);border-radius:999px;background:rgba(7,16,25,.72);color:var(--gp-cyan);font:800 .62rem/1 system-ui;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.governance-reset:focus-visible{outline:2px solid var(--gp-cyan);outline-offset:2px}
.governance-detail__section p{margin:.35em 0 0}
@media(max-width:900px){.governance-canvas{min-height:660px}.governance-map{grid-template-columns:1fr}.governance-detail{min-height:0}}
@media(max-width:620px){.governance-canvas{min-height:600px}.governance-node{width:92px;min-height:54px}.governance-node__name{font-size:.62rem}.governance-panel__top{grid-template-columns:minmax(0,1fr) auto}.governance-reset{grid-column:1/-1;margin:0;justify-self:start}.governance-thesis{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.governance-node{transition:none!important}.governance-edge{transition:none!important}}

/* GOVERNANCE_PANEL_FAILURE_RESPONSE_V1 — presentation state only */
.governance-modes{position:relative;z-index:6;display:flex;width:max-content;max-width:100%;gap:5px;margin:0 0 10px;padding:4px;border:1px solid rgba(137,227,255,.18);border-radius:999px;background:rgba(2,8,14,.92);pointer-events:auto}
.governance-mode{position:relative;z-index:7;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;pointer-events:auto;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--gp-muted);font:900 .62rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.governance-mode[aria-selected=true]{border-color:rgba(137,227,255,.48);background:rgba(137,227,255,.09);color:var(--gp-ink)}
.governance-mode:focus-visible,.governance-failure:focus-visible{outline:2px solid var(--gp-cyan);outline-offset:2px}
.governance-failures{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:5px;border:1px solid rgba(224,225,215,.14);border-radius:16px;background:rgba(2,8,14,.58)}
.governance-failures[hidden],.governance-ops[hidden]{display:none!important}
.governance-failure{min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--gp-muted);font:850 .63rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.045em;text-transform:uppercase;cursor:pointer}
.governance-failure[aria-selected=true]{border-color:rgba(242,213,138,.48);background:linear-gradient(135deg,rgba(242,213,138,.13),rgba(137,227,255,.06));color:var(--gp-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
@media(max-width:620px){.governance-modes{display:flex;width:max-content}.governance-failures{overflow:auto;flex-wrap:nowrap}.governance-failure{flex:0 0 auto}}


/* GOVERNANCE_TWO_FACE_PRESENTATION_V1 */
:root{--gp-amber:rgba(245,190,92,.96);--gp-red:rgba(255,104,104,.96)}
.governance-facebar{position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:6px 7px 6px 13px;border:1px solid rgba(137,227,255,.20);border-radius:999px;background:rgba(2,8,14,.78)}
.governance-facebar__label{color:var(--gp-cyan);font:900 .64rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.10em;text-transform:uppercase}
.governance-flip{min-height:40px;padding:8px 14px;border:1px solid rgba(242,213,138,.42);border-radius:999px;background:linear-gradient(135deg,rgba(242,213,138,.12),rgba(137,227,255,.07));color:var(--gp-ink);font:900 .62rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.governance-flip:focus-visible{outline:2px solid var(--gp-cyan);outline-offset:2px}
.governance-panel__body{transform-style:preserve-3d;transform-origin:center;transition:transform .36s cubic-bezier(.2,.82,.16,1),opacity .18s ease}
.governance-panel__body.is-face-flipping{transform:rotateY(90deg);opacity:.18;pointer-events:none}
.governance-panel__body.is-back-face{background:radial-gradient(circle at 78% 18%,rgba(255,104,104,.055),transparent 32%)}
.governance-edge.is-progressed{stroke:var(--gp-green);stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(150,224,188,.30))}
.governance-edge.is-failure{stroke:var(--gp-red);stroke-width:2.6;filter:drop-shadow(0 0 6px rgba(255,104,104,.34))}
.governance-node.is-progressed{border-color:rgba(150,224,188,.72);box-shadow:0 0 24px rgba(150,224,188,.10),inset 0 1px 0 rgba(255,255,255,.08)}
.governance-node.is-held{border-color:rgba(245,190,92,.70);box-shadow:0 0 24px rgba(245,190,92,.10),inset 0 1px 0 rgba(255,255,255,.08)}
.governance-node.is-failure{border-color:rgba(255,104,104,.86);background:linear-gradient(145deg,rgba(74,24,28,.90),rgba(18,21,31,.95));box-shadow:0 0 30px rgba(255,104,104,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.is-failure-face .governance-facebar{border-color:rgba(255,104,104,.25)}.is-failure-face .governance-facebar__label{color:var(--gp-red)}
.governance-boundary-shell,.governance-plane-label,.governance-modes{display:none!important}
@media(max-width:620px){.governance-facebar{align-items:stretch;border-radius:16px;flex-direction:column}.governance-flip{width:100%}}
@media(prefers-reduced-motion:reduce){.governance-panel__body{transition:none!important}.governance-panel__body.is-face-flipping{transform:none;opacity:1}}
