/* ============================================================
GABRIEL EFFECT — THE REALM PROTECTOR
Core v0.1 Frontend Styles
============================================================ */

:root {
--bg-main: #0b0f19;
--bg-panel: #131a26;
--bg-card: #1c2638;
--border-color: #26354a;

--text-main: #e2e8f0;
--text-muted: #94a3b8;

--accent-red: #ef4444;
--accent-orange: #f97316;
--accent-green: #22c55e;
--accent-blue: #3b82f6;

--shadow-dark: rgba(0, 0, 0, 0.35);
}


/* ============================================================
GLOBAL RESET
============================================================ */

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
background-color: var(--bg-main);
color: var(--text-main);

font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif;

padding: 20px;
line-height: 1.5;
}

/* Gabriel second-order observation */
.operational-rhythm{margin:16px 0;padding:18px;border:1px solid #3b7181;border-radius:14px;background:linear-gradient(140deg,#071d2a,#0b2930);color:#e9f7fa}.operational-rhythm-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.operational-rhythm-heading span{color:#81ddea;font-size:.8rem;font-weight:800;letter-spacing:.06em}.operational-rhythm-heading h3{font-size:1.1rem;line-height:1.4;margin:5px 0 0}.operational-rhythm-heading strong{padding:5px 9px;border:1px solid #d1a94d;border-radius:999px;color:#f6d17c;font-size:.85rem;white-space:nowrap}.operational-rhythm p{margin:12px 0;line-height:1.5}.operational-rhythm-modules{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.operational-rhythm-modules span{padding:5px 8px;border:1px solid #42707c;border-radius:8px;background:#0c2936;font-size:.85rem}.operational-rhythm small{display:block;color:#b4cad0;font-size:.85rem}@media(max-width:760px){.operational-rhythm-heading{display:block}.operational-rhythm-heading strong{display:inline-block;margin-top:10px}}
.operational-logic-path{margin:16px 0;padding:15px;border:1px solid rgba(111,225,208,.43);border-radius:11px;background:rgba(3,24,29,.7)}.operational-logic-path>strong{color:#9df0d8;font-size:.72rem;letter-spacing:.07em}.operational-logic-path p{margin:8px 0}.operational-logic-path details{margin:12px 0}.operational-logic-path summary{cursor:pointer;color:#a9e8f5;font-weight:800}.operational-logic-path summary:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}
.operational-performance{margin:12px 0;padding:14px;border:1px solid rgba(125,211,252,.35);border-radius:10px;background:rgba(3,18,29,.65)}.operational-performance>strong{color:#9bdafa;font-size:.72rem;letter-spacing:.06em}.operational-performance p{margin:7px 0}.operational-performance small{line-height:1.45}
.operational-formation{margin:16px 0;padding:15px;border:1px solid rgba(111,225,208,.43);border-radius:11px;background:rgba(3,24,29,.7)}.operational-formation>strong{color:#9df0d8;font-size:.72rem;letter-spacing:.07em}.operational-formation p{margin:8px 0}.operational-formation details{margin:12px 0}.operational-formation summary{cursor:pointer;color:#a9e8f5;font-weight:800}.operational-formation summary:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}.operational-formation small{line-height:1.45}
.synthetic-example-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;padding:12px;border:1px solid #3c7481;border-radius:10px;background:#0a2630}.synthetic-example-tools button{font-size:.9rem}.synthetic-example-tools span{flex-basis:100%;color:#b9d6dc;font-size:.9rem;line-height:1.4}
.gabriel-self-observation{margin:20px 0;padding:18px;border:1px solid rgba(91,211,255,.3);border-radius:16px;background:linear-gradient(145deg,rgba(5,20,31,.96),rgba(8,35,46,.9));color:#eafaff}.self-observation-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.self-observation-heading span,.self-observation-verdict>span{display:block;color:#6edcff;font-size:.7rem;font-weight:800;letter-spacing:.13em}.self-observation-heading strong{display:block;margin-top:4px;font-size:1.08rem}.self-observation-heading em{height:max-content;padding:6px 9px;border:1px solid rgba(110,220,255,.35);border-radius:999px;color:#9ceaff;font-size:.66rem;font-style:normal;font-weight:800}.self-observation-identity{color:#c8e6ee;line-height:1.5}.self-observation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.self-observation-metrics div,.self-observation-body li{padding:9px;border-radius:9px;background:rgba(255,255,255,.04)}.self-observation-metrics span,.self-observation-body li strong{display:block;color:#82aeb9;font-size:.62rem;font-weight:800;letter-spacing:.07em}.self-observation-metrics strong{display:block;margin-top:4px}.self-observation-body{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.self-observation-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.self-observation-body li{display:flex;gap:7px}.self-observation-body li i{flex:0 0 7px;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#f1b75a}.self-observation-body li[data-state="observed"] i{background:#55dfae}.self-observation-body li span{display:block;margin-top:3px;color:#9bbbc4;font-size:.74rem;line-height:1.35}.self-observation-verdict{padding:11px;border-left:2px solid rgba(110,220,255,.45);background:rgba(5,12,18,.32)}.self-observation-verdict strong{display:block;margin:4px 0 10px}.self-observation-verdict p{margin:4px 0 10px;color:#bad4db;font-size:.8rem;line-height:1.4}.gabriel-self-observation footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:#8fb3bc;font-size:.73rem}.gabriel-self-observation.is-compact .self-observation-body{grid-template-columns:1fr}.what-changed-self-observation{grid-column:1/-1}
@media(max-width:760px){.self-observation-metrics{grid-template-columns:repeat(2,1fr)}.self-observation-body{grid-template-columns:1fr}.self-observation-body ul{grid-template-columns:1fr}.self-observation-heading{flex-direction:column}.self-observation-heading em{align-self:flex-start}}
.unified-intelligence-contract{margin:18px 0;padding:18px;border:1px solid rgba(74,222,128,.28);border-radius:16px;background:linear-gradient(145deg,rgba(3,18,27,.98),rgba(7,37,42,.9));color:#eafff7}.unified-intelligence-contract[data-state="correction_required"]{border-color:rgba(248,113,113,.42)}.unified-intelligence-contract[data-state="verification_required"]{border-color:rgba(251,191,36,.42)}.unified-intelligence-heading{display:flex;justify-content:space-between;gap:15px}.unified-intelligence-heading span{display:block;color:#62e6c4;font-size:.68rem;font-weight:900;letter-spacing:.14em}.unified-intelligence-heading strong{display:block;margin-top:5px;font-size:1.08rem}.unified-intelligence-heading em{height:max-content;padding:6px 9px;border:1px solid currentColor;border-radius:999px;color:#8ce8d1;font-size:.65rem;font-style:normal;font-weight:900}.unified-module-rhythm,.unified-intelligence-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.unified-module-rhythm div,.unified-intelligence-metrics div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035)}.unified-module-rhythm div{display:grid;grid-template-columns:auto 1fr;column-gap:7px}.unified-module-rhythm i{grid-row:1/3;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#fbbf24}.unified-module-rhythm div[data-state="observed"] i{background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.55)}.unified-module-rhythm span,.unified-intelligence-metrics span{color:#8fb9b2;font-size:.62rem;font-weight:800;letter-spacing:.07em}.unified-module-rhythm b,.unified-intelligence-metrics strong{margin-top:4px;font-size:.76rem}.unified-intelligence-metrics strong{display:block;color:#fff;font-size:1rem}.unified-correction-list{display:grid;gap:7px;margin:14px 0;padding:0;list-style:none}.unified-correction-list li{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:12px;padding:10px 12px;border-left:3px solid #fbbf24;background:rgba(251,191,36,.05)}.unified-correction-list li[data-severity="hold"]{border-color:#f87171;background:rgba(248,113,113,.055)}.unified-correction-list li[data-severity="clear"]{border-color:#4ade80;background:rgba(74,222,128,.055)}.unified-correction-list b{font-size:.68rem;letter-spacing:.06em}.unified-correction-list span,.unified-intelligence-contract>p,.unified-intelligence-contract footer{color:#b5d1cb;font-size:.78rem;line-height:1.45}.unified-intelligence-contract footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:#86a9a2}@media(max-width:760px){.unified-module-rhythm,.unified-intelligence-metrics{grid-template-columns:repeat(2,1fr)}.unified-correction-list li{grid-template-columns:1fr}.unified-intelligence-heading{flex-direction:column}.unified-intelligence-heading em{align-self:flex-start}}

.pilot-entry-context {
margin: 16px 0 22px;
padding: 16px;
border: 1px solid rgba(96, 165, 250, .35);
border-radius: 12px;
background: rgba(59, 130, 246, .09);
}

.pilot-entry-context span { display: block; color: #60a5fa; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.pilot-entry-context strong { display: block; margin-top: 7px; color: #f7f9fc; }
.pilot-entry-context p { margin: 8px 0 0; color: #a9b7ca; line-height: 1.5; }


/* ============================================================
HEADER
============================================================ */

.control-header {
display: flex;
justify-content: space-between;
align-items: center;

border-bottom: 2px solid var(--border-color);

padding-bottom: 20px;
margin-bottom: 25px;
}

.brand h1 {
color: #ffffff;

font-size: 1.8rem;
letter-spacing: 2px;
}

.sub-brand {
display: block;

margin-top: 4px;

color: var(--accent-blue);

font-size: 0.85rem;
font-weight: bold;
}


/* ============================================================
MISSION METRICS
============================================================ */

.metrics-row {
display: flex;
gap: 15px;
}

.metric-card {
background: var(--bg-panel);

border: 1px solid var(--border-color);

border-radius: 6px;

padding: 15px 20px;

min-width: 180px;

box-shadow:
0 5px 20px var(--shadow-dark);
}

.metric-card.critical {
border-left: 4px solid var(--accent-red);
}

.metric-card.success {
border-left: 4px solid var(--accent-green);
}

.metric-label {
display: block;

margin-bottom: 5px;

color: var(--text-muted);

font-size: 0.75rem;
font-weight: 600;

letter-spacing: 0.04em;
}

.metric-value {
font-size: 1.6rem;
font-weight: bold;

color: #ffffff;
}

/* ============================================================
COMPANY PILOT MODE
============================================================ */

.pilot-mode-panel {
margin-bottom: 20px;
border-color: rgba(34, 197, 94, 0.36);
background:
linear-gradient(115deg, rgba(34, 197, 94, 0.08), transparent 38%),
var(--bg-panel);
}

.pilot-mode-heading {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-color);
}

.pilot-kicker {
color: var(--accent-green);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.1em;
}

.pilot-mode-heading h2 {
margin-top: 3px;
font-size: 1.15rem;
}

.pilot-workspace-name {
margin-top: 5px;
color: var(--text-muted);
font-size: 0.82rem;
}

.pilot-mode-status {
flex: 0 0 auto;
padding: 7px 11px;
border: 1px solid var(--border-color);
border-radius: 999px;
color: var(--text-muted);
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.05em;
}

.pilot-mode-status[data-status="draft"] {
color: var(--accent-orange);
border-color: var(--accent-orange);
}

.pilot-mode-status[data-status="active"] {
color: var(--accent-green);
border-color: var(--accent-green);
box-shadow: 0 0 18px rgba(34, 197, 94, 0.13);
}

.pilot-mode-status[data-status="error"] {
color: var(--accent-red);
border-color: var(--accent-red);
}

.pilot-heading-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 9px;
flex-wrap: wrap;
}

.system-assurance-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 9px;
flex-wrap: wrap;
flex: 0 0 auto;
}

#system-assurance-panel > .panel-header > div:first-child {
flex: 1 1 auto;
min-width: 0;
}

.btn-pilot-manage,
.btn-pilot-accept,
.btn-pilot-pause {
padding: 8px 12px;
border-radius: 5px;
font-size: 0.72rem;
font-weight: 800;
cursor: pointer;
}

.btn-pilot-manage,
.btn-pilot-accept {
border: 1px solid var(--accent-green);
background: rgba(34, 197, 94, 0.12);
color: var(--accent-green);
}

.btn-pilot-pause {
border: 1px solid var(--accent-orange);
background: rgba(249, 115, 22, 0.1);
color: var(--accent-orange);
}

.btn-pilot-pause:disabled {
opacity: 0.4;
cursor: not-allowed;
}

.pilot-safety-grid {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
gap: 10px;
margin-top: 15px;
}

.pilot-safety-grid > div {
padding: 12px;
border: 1px solid var(--border-color);
border-radius: 6px;
background: rgba(5, 10, 18, 0.44);
}

.pilot-safety-grid span,
.pilot-safety-grid strong {
display: block;
}

.pilot-safety-grid span {
color: var(--text-muted);
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.05em;
}

.pilot-safety-grid strong {
margin-top: 5px;
font-size: 0.82rem;
}

.pilot-mode-message {
margin-top: 13px;
color: var(--text-muted);
font-size: 0.78rem;
}

.pilot-management-content {
width: 760px;
}

.pilot-management-summary {
display: grid;
grid-template-columns: auto 1fr;
gap: 7px 14px;
padding: 13px;
border: 1px solid var(--border-color);
border-radius: 6px;
background: rgba(5, 10, 18, 0.44);
}

.pilot-management-summary span {
color: var(--text-muted);
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.05em;
}

.pilot-management-summary strong {
font-size: 0.8rem;
}

.pilot-management-section {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--border-color);
}

.pilot-management-section h4 {
color: #ffffff;
font-size: 0.9rem;
}

.pilot-management-section > p {
margin-top: 5px;
color: var(--text-muted);
font-size: 0.76rem;
}

.pilot-activation-checklist {
display: grid;
gap: 8px;
margin-top: 12px;
}

.pilot-activation-checklist label {
display: flex;
align-items: flex-start;
gap: 9px;
padding: 10px;
border: 1px solid var(--border-color);
border-radius: 5px;
background: var(--bg-card);
font-size: 0.78rem;
}

.pilot-activation-checklist input {
margin-top: 2px;
accent-color: var(--accent-green);
}

.pilot-activation-checklist input:checked:disabled {
opacity: 1;
}

.pilot-activation-checklist label:has(input:checked:disabled) {
border-color: rgba(74, 222, 128, 0.48);
background: rgba(34, 197, 94, 0.1);
color: #dcfce7;
}

#btn-activate-pilot[data-active="true"]:disabled {
opacity: 1;
border-color: rgba(74, 222, 128, 0.68);
background: rgba(34, 197, 94, 0.2);
color: #bbf7d0;
}

.pilot-management-actions,
.pilot-invite-form > button {
margin-top: 12px;
}

.pilot-management-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
}

.pilot-members-list {
display: grid;
gap: 8px;
margin-top: 10px;
}

.pilot-member-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 16px;
border: 1px solid rgba(148, 163, 184, 0.2);
border-radius: 8px;
background: rgba(15, 23, 42, 0.58);
font-size: 0.76rem;
}

.pilot-member-row span {
color: var(--text-muted);
}

.pilot-management-message {
min-height: 1.2em;
margin-top: 15px;
color: var(--accent-green);
font-size: 0.78rem;
}

.pilot-management-message[data-state="error"] {
color: var(--accent-red);
}

@media (max-width: 850px) {
.pilot-mode-heading { flex-direction: column; }
.pilot-heading-actions { justify-content: flex-start; }
.pilot-safety-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
.pilot-safety-grid { grid-template-columns: 1fr; }
}

/* ============================================================
NEARBY RESPONSE POOL
============================================================ */

.response-pool-panel {
margin-bottom: 20px;
border-color: rgba(56, 189, 248, 0.36);
background: linear-gradient(135deg, rgba(14, 165, 233, 0.09), transparent 46%), var(--bg-panel);
}

.response-pool-header { align-items: flex-start; gap: 18px; }

.response-pool-kicker {
color: #38bdf8;
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.11em;
}

.response-pool-subtitle {
max-width: 760px;
margin-top: 5px;
color: var(--text-muted);
font-size: 0.8rem;
line-height: 1.55;
}

.response-pool-boundary {
padding: 7px 11px;
border: 1px solid #facc15;
border-radius: 999px;
color: #fde047;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.06em;
white-space: nowrap;
}

.response-pool-guardrail {
display: flex;
gap: 10px;
margin: 16px 0;
padding: 12px 14px;
border-left: 3px solid #facc15;
background: rgba(250, 204, 21, 0.07);
font-size: 0.77rem;
line-height: 1.5;
}

.response-pool-guardrail strong { color: #fde047; white-space: nowrap; }
.response-pool-guardrail span { color: var(--text-muted); }

.response-context-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin: -4px 0 16px;
padding: 10px;
border: 1px solid rgba(96, 165, 250, 0.22);
border-radius: 5px;
background: rgba(5, 10, 18, 0.42);
}
.response-context-strip div { min-width: 0; padding: 7px 9px; }
.response-context-strip span { display: block; color: var(--text-muted); font-size: .58rem; font-weight: 850; letter-spacing: .09em; }
.response-context-strip strong { display: block; overflow: hidden; margin-top: 4px; color: #eaf4ff; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }

.asap-contract { margin-top: 12px; border: 1px solid rgba(96,165,250,.18); border-radius: 5px; background: rgba(6,15,28,.36); }
.asap-contract summary { padding: 10px 12px; color: #8fc0ff; font-size: .68rem; font-weight: 850; letter-spacing: .06em; cursor: pointer; }
.asap-contract ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 18px; margin: 0; padding: 0 12px 12px; list-style: none; counter-reset: gate; }
.asap-contract li { position: relative; padding: 8px 8px 8px 32px; border-radius: 4px; background: rgba(96,165,250,.05); color: #9eb0c6; font-size: .67rem; line-height: 1.4; counter-increment: gate; }
.asap-contract li::before { content: counter(gate); position: absolute; top: 8px; left: 9px; color: #f4cf68; font-weight: 900; }
.asap-contract li b,.asap-contract li span { display: block; }
.asap-contract li b { color: #dcecff; }

.response-stage-track {
display: grid;
grid-template-columns: repeat(7, minmax(76px, 1fr));
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}

.response-stage-track li {
padding: 9px 8px;
border: 1px solid var(--border-color);
border-radius: 5px;
color: var(--text-muted);
font-size: 0.68rem;
font-weight: 800;
text-align: center;
}

.response-stage-track li span { display: block; margin-bottom: 3px; font-size: 0.58rem; opacity: 0.72; }
.response-stage-track li[data-stage="active"] { color: #7dd3fc; border-color: #38bdf8; background: rgba(56, 189, 248, 0.09); }
.response-stage-track li[data-stage="complete"] { color: #86efac; border-color: rgba(34, 197, 94, 0.55); background: rgba(34, 197, 94, 0.08); }

.response-pool-controls {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.6fr);
gap: 12px;
margin-top: 16px;
}

.response-pool-controls label > span {
display: block;
margin-bottom: 6px;
color: var(--text-muted);
font-size: 0.66rem;
font-weight: 800;
letter-spacing: 0.06em;
}

.response-pool-controls input,
.response-pool-controls select {
width: 100%;
padding: 11px 12px;
border: 1px solid var(--border-color);
border-radius: 5px;
background: rgba(5, 10, 18, 0.72);
color: #fff;
}

.response-pool-controls small { display: block; margin-top: 6px; color: var(--text-muted); font-size: 0.66rem; }
.response-location-field { grid-column: 1 / -1; }

.response-location-confirmation {
display: flex;
align-items: flex-start;
gap: 9px;
margin-top: 12px;
color: var(--text-muted);
font-size: 0.75rem;
}

.response-location-confirmation input { margin-top: 2px; accent-color: #38bdf8; }
.response-pool-actions { display: flex; gap: 10px; margin-top: 13px; }
.response-pool-message { min-height: 1.2em; margin-top: 11px; color: #7dd3fc; font-size: 0.75rem; }
.response-pool-results { display: grid; gap: 9px; margin-top: 14px; }

.response-candidate-card {
display: grid;
grid-template-columns: auto minmax(220px, 1fr) auto minmax(180px, auto);
align-items: center;
gap: 14px;
padding: 14px;
border: 1px solid var(--border-color);
border-radius: 7px;
background: rgba(5, 10, 18, 0.56);
}

.response-candidate-card.is-reviewed { border-color: #38bdf8; box-shadow: 0 0 22px rgba(56, 189, 248, 0.1); }
.response-candidate-card[data-response-role="primary"] { border-color: rgba(56,189,248,.5); }
.response-candidate-card[data-response-role="backup"] { opacity: .86; }
.response-role-badge { display: inline-flex; margin-bottom: 7px; padding: 4px 7px; border: 1px solid rgba(56,189,248,.3); border-radius: 999px; color: #7dd3fc; font-size: .56rem; font-weight: 900; letter-spacing: .08em; }
.response-candidate-card[data-response-role="backup"] .response-role-badge { border-color: rgba(250,204,21,.35); color: #fde047; }
.response-candidate-rank { color: #38bdf8; font-size: 0.72rem; font-weight: 900; }
.response-candidate-main > span { color: var(--text-muted); font-size: 0.64rem; font-weight: 800; text-transform: uppercase; }
.response-candidate-main h3 { margin-top: 3px; font-size: 0.9rem; }
.response-candidate-main p { margin-top: 4px; color: var(--text-muted); font-size: 0.7rem; }
.response-candidate-evidence { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.response-candidate-evidence span { padding: 3px 6px; border-radius: 999px; background: rgba(34, 197, 94, 0.1); color: #86efac; font-size: 0.55rem; font-weight: 800; }
.response-candidate-eta { text-align: right; }
.response-candidate-eta small,
.response-candidate-eta span { display: block; color: var(--text-muted); font-size: 0.62rem; }
.response-candidate-eta strong { display: block; margin: 3px 0; color: #fff; font-size: 1rem; }
.response-candidate-gates { display: grid; gap: 5px; }
.response-candidate-gates > span { display: flex; justify-content: space-between; gap: 12px; color: var(--text-muted); font-size: 0.64rem; }
.response-candidate-gates b { color: #fde047; }
.btn-response-review { padding: 7px 9px; border: 1px solid #38bdf8; border-radius: 4px; background: rgba(56, 189, 248, 0.1); color: #7dd3fc; font-size: 0.65rem; font-weight: 800; cursor: pointer; }

.response-operation-analysis { margin-top: 14px; padding: 15px; border: 1px solid rgba(56,189,248,.38); border-radius: 7px; background: linear-gradient(135deg,rgba(14,165,233,.08),rgba(5,10,18,.62)); }
.realm-strategy{margin:15px 0;padding:18px;border:1px solid rgba(250,204,21,.3);border-radius:9px;background:linear-gradient(135deg,rgba(250,204,21,.07),rgba(14,165,233,.06))}.realm-strategy-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.realm-strategy-head span,.realm-stop span{display:block;color:#facc15;font-size:.72rem;font-weight:900;letter-spacing:.12em}.realm-strategy-head h4{margin:4px 0;font-size:1.12rem}.realm-strategy-head>b{color:#93c5fd;font-size:.7rem}.realm-strategy blockquote{margin:12px 0;padding-left:13px;border-left:2px solid #facc15;color:#fef3c7;font-weight:700}.realm-stop{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(148,163,184,.2)}.realm-stop strong{font-size:.85rem}.realm-sequence{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;list-style:none;margin:14px 0;padding:0}.realm-sequence li{padding:8px 5px;border:1px solid rgba(148,163,184,.2);border-radius:5px;text-align:center;color:#7890a8;font-size:.66rem;text-transform:uppercase}.realm-sequence li span{display:block;font-weight:900}.realm-sequence li.active{border-color:#facc15;color:#fff7c2;background:rgba(250,204,21,.11);box-shadow:0 0 18px rgba(250,204,21,.08)}.realm-strategy details{margin-top:8px}.realm-strategy summary{cursor:pointer;color:#93c5fd;font-weight:800}.realm-strategy details p,.realm-strategy details li{font-size:.8rem;color:#a8bbcd}@media(max-width:760px){.realm-sequence{grid-template-columns:repeat(4,1fr)}.realm-stop{grid-template-columns:1fr}.realm-strategy-head{display:block}.realm-strategy-head>b{display:inline-block;margin-top:6px}}
.response-analysis-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.response-analysis-head span { color: #38bdf8; font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.response-analysis-head h3 { margin-top: 4px; font-size: 1rem; }
.response-analysis-head p { max-width: 680px; margin-top: 5px; color: var(--text-muted); font-size: .72rem; line-height: 1.5; }
.response-analysis-status { padding: 6px 9px; border: 1px solid #facc15; border-radius: 999px; color: #fde047; font-size: .62rem; font-weight: 900; white-space: nowrap; }
.response-gate-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-top: 13px; }
.response-gate { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border: 1px solid rgba(148,163,184,.16); border-radius: 5px; color: #dcecff; font-size: .68rem; }
.response-gate b { color: #fde047; font-size: .6rem; text-transform: uppercase; }
.response-gate.is-simulated b { color: #86efac; }
.response-gate.is-coordinating { border-color: rgba(251,191,36,.48); background: rgba(245,158,11,.08); }
.response-gate.is-coordinating b { color: #fbbf24; }
.prearrival-brief { margin-top: 14px; padding: 14px; border: 1px solid rgba(125,211,252,.35); border-radius: 7px; background: rgba(15,39,56,.6); color: #e2f3ff; }
.prearrival-brief h4 { margin: 0 0 8px; font-size: 1rem; }
.prearrival-brief p,.prearrival-brief li { font-size: .9rem; line-height: 1.5; }
.prearrival-brief ol { padding-left: 1.4rem; }
.prearrival-paths { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 10px 0; }
.prearrival-paths article { padding: 10px; border: 1px solid rgba(148,163,184,.3); border-radius: 6px; }
.prearrival-paths strong,.prearrival-paths summary { font-size: .9rem; }
.prearrival-paths summary { cursor: pointer; color: #7dd3fc; }
@media (max-width: 640px) { .prearrival-paths { grid-template-columns: 1fr; } }
.response-analysis-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 13px; }
.response-analysis-actions button { padding: 8px 10px; border: 1px solid #38bdf8; border-radius: 4px; background: rgba(56,189,248,.1); color: #7dd3fc; font-size: .68rem; font-weight: 850; cursor: pointer; }
.response-analysis-actions small { color: var(--text-muted); font-size: .65rem; }

@media (max-width: 960px) {
.response-stage-track { grid-template-columns: repeat(4, 1fr); }
.response-candidate-card { grid-template-columns: auto 1fr; }
.response-candidate-eta { text-align: left; }
}

@media (max-width: 620px) {
.response-pool-header, .response-pool-guardrail { flex-direction: column; }
.response-context-strip { grid-template-columns: 1fr; }
.response-pool-controls { grid-template-columns: 1fr; }
.response-stage-track { grid-template-columns: repeat(2, 1fr); }
.response-candidate-card { grid-template-columns: 1fr; }
.asap-contract ol,.response-gate-grid { grid-template-columns: 1fr; }
.response-analysis-head { flex-direction: column; }
}


/* ============================================================
MAIN DASHBOARD GRID
============================================================ */

.dashboard-grid {
display: grid;

grid-template-columns: 1fr 1fr;

gap: 20px;
}

.panel {
background: var(--bg-panel);

border: 1px solid var(--border-color);

border-radius: 8px;

padding: 20px;

box-shadow:
0 8px 30px var(--shadow-dark);
}

.full-width {
grid-column: span 2;
}

.panel-header {
display: flex;

justify-content: space-between;
align-items: center;

border-bottom: 1px solid var(--border-color);

padding-bottom: 12px;
margin-bottom: 15px;
}

.panel-header h2 {
color: #ffffff;

font-size: 1.1rem;
}


/* ============================================================
BUTTONS
============================================================ */

button {
font-family: inherit;
}

.btn-primary {
background: var(--accent-blue);

color: #ffffff;

border: none;

padding: 8px 16px;

border-radius: 4px;

cursor: pointer;

font-weight: 600;

transition:
background 0.2s ease,
transform 0.2s ease;
}

.btn-primary:hover {
background: #2563eb;

transform: translateY(-1px);
}

.btn-primary:disabled {
cursor: not-allowed;

opacity: 0.5;
}

.btn-auth {
width: 100%;

margin-top: 15px;

background: var(--accent-green);

color: #ffffff;

border: none;

border-radius: 4px;

padding: 12px;

cursor: pointer;

font-size: 0.95rem;
font-weight: bold;
}

.btn-auth:disabled {
cursor: not-allowed;

opacity: 0.5;
}


/* ============================================================
PLACEHOLDER TEXT
============================================================ */

.placeholder-text {
color: var(--text-muted);

font-style: italic;

text-align: center;

padding: 40px 0;
}


/* ============================================================
CONDITION STREAM
============================================================ */

.condition-stream {
max-height: 480px;

overflow-y: auto;

padding-right: 4px;
}

.stream-item {
background: var(--bg-card);

border: 1px solid var(--border-color);

padding: 15px;

border-radius: 6px;

margin-bottom: 12px;

cursor: pointer;

transition:
border-color 0.2s ease,
transform 0.2s ease,
box-shadow 0.2s ease;
}

.stream-item:hover {
border-color: var(--accent-blue);

transform: translateY(-1px);
}

.stream-item.active {
position: relative;
border-color: #60a5fa;
background: linear-gradient(135deg, rgba(37, 99, 235, 0.24), rgba(8, 18, 34, 0.96));
box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.34), 0 16px 36px rgba(0, 0, 0, 0.34), inset 4px 0 0 #60a5fa;
transform: translateX(4px);
}

.active-condition-flag {
display: flex;
align-items: center;
gap: 7px;
margin-bottom: 9px;
color: #bfdbfe;
font-size: 0.69rem;
font-weight: 900;
letter-spacing: 0.08em;
}

.active-condition-flag span,
.active-case-banner i {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #38bdf8;
box-shadow: 0 0 14px #38bdf8;
}

.stream-item:focus-visible {
outline: 2px solid #7dd3fc;
outline-offset: 3px;
}

.stream-item h4 {
color: #ffffff;

font-size: 1rem;
}

.stream-meta {
display: flex;

justify-content: space-between;

align-items: center;

flex-wrap: wrap;

gap: 8px;

margin-top: 10px;

font-size: 0.8rem;

color: var(--text-muted);
}


/* ============================================================
CASE SUMMARY
============================================================ */

.case-summary-box {
background: rgba(28, 38, 56, 0.45);

border: 1px solid var(--border-color);

border-radius: 6px;

padding: 15px;

margin-bottom: 18px;
}

.case-summary-box h3 {
color: #ffffff;

margin-bottom: 6px;
}

.case-summary-box p {
color: var(--text-muted);

font-size: 0.9rem;
}

.active-case-banner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin: -4px -4px 14px;
padding: 10px 12px;
border: 1px solid rgba(56, 189, 248, 0.48);
border-radius: 5px;
background: rgba(14, 116, 144, 0.14);
}

.active-case-banner span {
display: flex;
align-items: center;
gap: 8px;
color: #bae6fd;
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.08em;
}

.active-case-banner strong {
color: #93c5fd;
font-size: 0.67rem;
letter-spacing: 0.06em;
}

.dpot-ready-state {
padding: 22px;
border: 1px solid rgba(96, 165, 250, 0.46);
border-radius: 7px;
background: linear-gradient(135deg, rgba(37, 99, 235, 0.13), rgba(15, 23, 42, 0.5));
}

.dpot-ready-state > span {
display: block;
margin-bottom: 8px;
color: #7dd3fc;
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.1em;
}

.dpot-ready-state strong {
display: block;
color: #ffffff;
font-size: 1rem;
}

.dpot-ready-state p {
margin-top: 9px;
color: var(--text-muted);
font-size: 0.84rem;
line-height: 1.55;
}

/* ==========================================================
   DEFINED EVIDENCE MODEL
   ========================================================== */

.evidence-model-panel {
  border-color: rgba(45, 212, 191, .34);
  background:
    linear-gradient(135deg, rgba(13, 148, 136, .10), transparent 44%),
    rgba(7, 15, 29, .94);
}

.evidence-model-header {
  align-items: flex-start;
  gap: 18px;
}

.evidence-kicker {
  display: block;
  margin: 0 0 7px;
  color: #5eead4;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .13em;
}

.evidence-model-subtitle {
  max-width: 760px;
  margin: 7px 0 0;
  color: #a9b7ca;
  line-height: 1.55;
}

.evidence-ledger-status {
  flex: 0 0 auto;
  padding: 8px 11px;
  border: 1px solid rgba(45, 212, 191, .5);
  border-radius: 999px;
  color: #5eead4;
  background: rgba(13, 148, 136, .12);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.calculation-validation-container {
  margin-bottom: 18px;
}

.evidence-model-panel .calculation-validation-container > .placeholder-text,
.evidence-model-panel > #evidence-model-container > .placeholder-text {
  margin: 0;
  padding: 10px 0;
}

.evidence-model-panel .calculation-validation-container:has(> .placeholder-text) {
  margin-bottom: 4px;
}

.calculation-boundary {
  display: grid;
  grid-template-columns: minmax(190px, .75fr) minmax(260px, 1.5fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(245, 158, 11, .42);
  border-radius: 12px;
  background: rgba(120, 53, 15, .14);
}

.calculation-boundary span,
.calculation-validation-card span {
  display: block;
  color: #fbbf24;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .1em;
}

.calculation-boundary strong {
  display: block;
  margin-top: 5px;
  color: #fff7ed;
  font-size: 1rem;
  text-transform: uppercase;
}

.calculation-boundary p {
  margin: 0;
  color: #d7c7a7;
  font-size: .78rem;
  line-height: 1.5;
}

.calculation-validation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.calculation-validation-card {
  min-height: 92px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 12px;
  background: rgba(15, 23, 42, .66);
}

.calculation-validation-card strong,
.calculation-validation-card small {
  display: block;
}

.calculation-validation-card strong {
  margin-top: 9px;
  color: #f8fafc;
  font-size: 1rem;
  text-transform: uppercase;
}

.calculation-validation-card small {
  margin-top: 7px;
  color: #94a3b8;
  font-size: .69rem;
  line-height: 1.35;
}

.calculation-validation-card[data-status="passed"] {
  border-color: rgba(34, 197, 94, .42);
}

.calculation-validation-card[data-status="passed"] span {
  color: #4ade80;
}

.calculation-validation-card[data-status="failed"],
.calculation-validation-error {
  border-color: rgba(239, 68, 68, .48);
}

.calculation-validation-error {
  padding: 14px;
  border: 1px solid rgba(239, 68, 68, .48);
  border-radius: 12px;
  background: rgba(127, 29, 29, .12);
}

.calculation-validation-error p {
  margin: 6px 0 0;
  color: #fca5a5;
}

.evidence-classification-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}

.evidence-classification {
  min-height: 76px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 12px;
  background: rgba(15, 23, 42, .62);
}

.evidence-classification span,
.evidence-classification strong {
  display: block;
}

.evidence-classification span {
  min-height: 30px;
  color: #a9b7ca;
  font-size: .7rem;
  line-height: 1.25;
}

.evidence-classification strong {
  margin-top: 7px;
  color: #f8fafc;
  font-size: 1.2rem;
}

.evidence-classification[data-classification="independently_verified"] {
  border-color: rgba(34, 197, 94, .45);
}
.evidence-classification[data-classification="missing"] {
  border-color: rgba(245, 158, 11, .46);
}
.evidence-classification[data-classification="contradictory"] {
  border-color: rgba(239, 68, 68, .48);
}

.evidence-trace-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin: 22px 0 10px;
}

.evidence-trace-heading strong,
.evidence-trace-heading small {
  display: block;
}

.evidence-trace-heading small {
  color: #8ea0b7;
}

.evidence-trace-list {
  display: grid;
  gap: 9px;
}

.evidence-trace-row {
  display: grid;
  grid-template-columns: minmax(170px, .75fr) 72px minmax(0, 2fr);
  gap: 14px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-left: 3px solid #2dd4bf;
  border-radius: 10px;
  background: rgba(9, 18, 34, .78);
}

.evidence-trace-row[data-classification="estimated"] { border-left-color: #60a5fa; }
.evidence-trace-row[data-classification="missing"] { border-left-color: #f59e0b; }
.evidence-trace-row[data-classification="contradictory"] { border-left-color: #ef4444; }
.evidence-trace-row[data-classification="independently_verified"] { border-left-color: #22c55e; }

.evidence-score-identity span,
.evidence-score-identity strong {
  display: block;
}

.evidence-score-identity span {
  margin-bottom: 4px;
  color: #6ee7d5;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .09em;
}

.evidence-score-identity strong {
  color: #e7edf6;
  font-size: .78rem;
  line-height: 1.3;
}

.evidence-score-value {
  color: #f8fafc;
  font-size: 1.18rem;
  font-weight: 900;
  text-align: center;
}

.evidence-type-badge {
  display: inline-flex;
  margin-bottom: 5px;
  padding: 3px 7px;
  border: 1px solid rgba(94, 234, 212, .34);
  border-radius: 999px;
  color: #99f6e4;
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.evidence-support-copy p,
.evidence-support-copy small {
  margin: 0;
  line-height: 1.4;
}

.evidence-support-copy p {
  color: #dbe5f1;
  font-size: .78rem;
}

.evidence-support-copy small {
  display: block;
  margin-top: 4px;
  color: #8ea0b7;
  font-size: .68rem;
}

.evidence-empty {
  padding: 20px;
  border: 1px dashed rgba(148, 163, 184, .28);
  border-radius: 12px;
  color: #a9b7ca;
  text-align: center;
}

.evidence-empty p { margin: 5px 0 0; }

@media (max-width: 980px) {
  .calculation-validation-grid { grid-template-columns: 1fr; }
  .evidence-classification-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .calculation-boundary { grid-template-columns: 1fr; }
  .evidence-model-header,
  .evidence-trace-heading { align-items: flex-start; flex-direction: column; }
  .evidence-classification-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .evidence-trace-row { grid-template-columns: 1fr auto; }
  .evidence-support-copy { grid-column: 1 / -1; }
}


/* ============================================================
DEPENDENCY GRAPH
============================================================ */

.dependency-graph-container {
min-height: 260px;
}

.node-chain {
display: flex;

flex-direction: column;

align-items: center;

gap: 10px;

margin-top: 20px;
}

.node-box {
min-width: 230px;

background: var(--bg-card);

border: 1px solid var(--border-color);

padding: 10px 20px;

border-radius: 4px;

text-align: center;

font-weight: bold;
}

.node-arrow {
color: var(--accent-orange);

font-size: 1.2rem;
}


/* ============================================================
CONSEQUENCE BADGES
============================================================ */

.badge {
padding: 4px 8px;

border-radius: 4px;

font-size: 0.8rem;
font-weight: bold;
}

.badge.hidden {
display: none;
}

.badge.critical-bg {
background: var(--accent-red);

color: #ffffff;
}


/* ============================================================
RESOLUTION ENGINE
============================================================ */

.resolution-container {
width: 100%;
}

.resolution-cards-grid {
display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 15px;

margin-top: 10px;
}

.res-card {
background: var(--bg-card);

border: 1px solid var(--border-color);

padding: 15px;

border-radius: 6px;

display: flex;

flex-direction: column;

justify-content: space-between;
}

.res-card.recommended {
border: 2px solid var(--accent-green);

box-shadow:
0 0 18px rgba(34, 197, 94, 0.12);
}

.res-card h5 {
color: #ffffff;

font-size: 0.95rem;
}


/* ============================================================
VERIFICATION MATRIX
============================================================ */

.verif-list {
margin: 15px 0;

font-size: 0.9rem;
}

.verif-item {
display: flex;

align-items: center;

gap: 8px;

margin-bottom: 7px;
}

.verif-item input[type="checkbox"] {
width: 16px;
height: 16px;

accent-color: var(--accent-green);
}


/* ============================================================
MODAL BACKGROUND
============================================================ */

.modal {
position: fixed;

top: 0;
left: 0;

width: 100%;
height: 100%;

background: rgba(0, 0, 0, 0.75);

display: flex;

justify-content: center;
align-items: center;

z-index: 1000;
}

.modal.hidden {
display: none;
}

#reject-confirm-modal:not(:popover-open) {
display: none;
}

#reject-confirm-modal:popover-open {
display: flex;
inset: 0;
border: 0;
padding: 0;
margin: 0;
max-width: none;
max-height: none;
}


/* ============================================================
MODAL WINDOW
============================================================ */

.modal-content {
width: 550px;

max-width: 90%;

max-height: 90vh;

overflow-y: auto;

background: var(--bg-panel);

border: 1px solid var(--border-color);

border-radius: 8px;

padding: 30px;

box-shadow:
0 20px 80px rgba(0, 0, 0, 0.55);
}

.modal-header {
display: flex;

justify-content: space-between;
align-items: center;

margin-bottom: 20px;
}

.modal-header h3 {
color: #ffffff;
}

.btn-close {
background: none;

border: none;

color: #ffffff;

font-size: 1.5rem;

cursor: pointer;
}


/* ============================================================
FORM CONTROLS
============================================================ */

.form-group {
margin-bottom: 15px;

display: flex;

flex-direction: column;
}

.form-group label {
color: var(--text-muted);

font-size: 0.8rem;

margin-bottom: 5px;
}

.form-group input,
.form-group select,
.form-group textarea {
width: 100%;

background: var(--bg-card);

border: 1px solid var(--border-color);

color: #ffffff;

padding: 9px 10px;

border-radius: 4px;

outline: none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: var(--accent-blue);
}

.form-row {
display: grid;

grid-template-columns: 1fr 1fr;

gap: 15px;
}

.modal-footer {
margin-top: 10px;

display: flex;

justify-content: flex-end;
}

.action-btn {
padding: 10px 18px;
}


/* ============================================================
SCROLLBAR
============================================================ */

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: var(--bg-main);
}

::-webkit-scrollbar-thumb {
background: var(--border-color);

border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
background: #334766;
}


/* ============================================================
RESPONSIVE DESIGN
============================================================ */

@media (max-width: 1000px) {

.control-header {
flex-direction: column;

align-items: flex-start;

gap: 20px;
}

.metrics-row {
width: 100%;

flex-wrap: wrap;
}

.metric-card {
flex: 1 1 180px;
}

}


@media (max-width: 800px) {

body {
padding: 12px;
}

.dashboard-grid {
grid-template-columns: 1fr;
}

.full-width {
grid-column: span 1;
}

.resolution-cards-grid {
grid-template-columns: 1fr;
}

.form-row {
grid-template-columns: 1fr;
}

}


@media (max-width: 520px) {

.metrics-row {
flex-direction: column;
}

.metric-card {
width: 100%;
}

.panel-header {
flex-direction: column;

align-items: flex-start;

gap: 10px;
}

.system-assurance-actions {
width: 100%;
justify-content: flex-start;
}

.btn-primary {
width: 100%;
}

}

.pilot-member-row[data-status="pending_approval"] {
border-color: rgba(250, 204, 21, 0.5);
box-shadow: inset 3px 0 0 #facc15;
}

.pilot-member-copy {
display: grid;
gap: 4px;
min-width: 0;
}

.pilot-member-copy strong,
.pilot-member-copy span {
overflow-wrap: anywhere;
}

.pilot-member-copy span {
color: var(--text-muted);
font-size: 0.82rem;
}

.pilot-member-actions {
display: flex;
gap: 8px;
flex-shrink: 0;
}

.btn-member-approve,
.btn-member-reject,
.btn-member-reinvite,
.btn-member-remove {
border-radius: 6px;
padding: 8px 11px;
font: inherit;
font-size: 0.76rem;
font-weight: 800;
cursor: pointer;
}

.btn-member-approve {
border: 1px solid rgba(74, 222, 128, 0.65);
background: rgba(34, 197, 94, 0.14);
color: #86efac;
}

.btn-member-reject {
border: 1px solid rgba(248, 113, 113, 0.55);
background: rgba(239, 68, 68, 0.1);
color: #fca5a5;
}

.btn-member-reinvite {
border: 1px solid rgba(56, 189, 248, 0.65);
background: rgba(14, 165, 233, 0.14);
color: #bae6fd;
}

.btn-member-remove {
border: 1px solid rgba(248, 113, 113, 0.55);
background: rgba(127, 29, 29, 0.18);
color: #fecaca;
}

.pilot-owner-label {
color: #93c5fd;
font-size: 0.76rem;
font-weight: 800;
}

.btn-member-approve:disabled,
.btn-member-reject:disabled,
.btn-member-reinvite:disabled,
.btn-member-remove:disabled {
opacity: 0.55;
cursor: wait;
}

@media (max-width: 640px) {
.pilot-member-row {
align-items: flex-start;
flex-direction: column;
}
}

/* ============================================================
V0.9 OPERATIONAL TRUTH BRIDGE
============================================================ */

.operational-truth-panel {
margin-bottom: 20px;
border-left: 4px solid var(--accent-blue);
}

.bridge-subtitle,
.bridge-kicker {
color: var(--text-muted);
font-size: 0.75rem;
letter-spacing: 0.06em;
}

.bridge-heading-row,
.bridge-meta {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}

.bridge-heading-row strong {
display: block;
margin-top: 4px;
font-size: 0.78rem;
word-break: break-all;
}

.bridge-stage {
padding: 6px 10px;
border: 1px solid var(--accent-blue);
border-radius: 999px;
font-size: 0.72rem;
font-weight: 700;
}

.bridge-blocked {
border-color: var(--accent-red);
color: var(--accent-red);
}

.bridge-closed {
border-color: var(--accent-green);
color: var(--accent-green);
}

.bridge-gates {
display: grid;
grid-template-columns: repeat(6, minmax(110px, 1fr));
gap: 10px;
margin: 16px 0;
}

.bridge-gate {
background: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 6px;
padding: 10px;
}

.bridge-gate span,
.bridge-gate strong {
display: block;
font-size: 0.72rem;
}

.bridge-gate strong {
margin-top: 5px;
}

.bridge-gate-passed {
border-color: var(--accent-green);
}

.bridge-gate-blocked {
border-color: var(--accent-red);
}

.bridge-gate-pending {
border-color: var(--accent-orange);
}

.bridge-meta {
color: var(--text-muted);
font-size: 0.78rem;
}

@media (max-width: 900px) {
.bridge-gates {
grid-template-columns: repeat(2, minmax(120px, 1fr));
}
}

.guardian-consent-card {
margin: 14px 0;
padding: 12px;
border: 1px solid var(--accent-orange);
border-radius: 6px;
background: rgba(249, 115, 22, 0.08);
font-size: 0.8rem;
}

.stream-status-actions {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px;
}

.stream-reject-button {
border: 1px solid rgba(248, 113, 113, 0.8);
border-radius: 5px;
background: rgba(127, 29, 29, 0.35);
color: #fca5a5;
padding: 5px 9px;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
cursor: pointer;
}

.stream-reject-button:hover,
.stream-reject-button:focus-visible {
background: rgba(220, 38, 38, 0.5);
color: #ffffff;
outline: 2px solid rgba(252, 165, 165, 0.8);
outline-offset: 2px;
}

.guardian-consent-card p {
margin-top: 6px;
color: var(--text-muted);
}

/* ============================================================
V0.9 DPOT — DARK PASSAGES OF TRANSFORMATIVE
============================================================ */

.dpot-panel {
display: block !important;
visibility: visible !important;
margin-bottom: 20px;
border: 1px solid #8b5cf6;
border-left: 6px solid #8b5cf6;
box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.2), 0 12px 36px var(--shadow-dark);
background:
linear-gradient(135deg, rgba(139, 92, 246, 0.08), transparent 45%),
var(--bg-panel);
}

.dpot-unity-active {
padding: 7px 11px;
border: 1px solid var(--accent-green);
border-radius: 999px;
color: var(--accent-green);
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.05em;
white-space: nowrap;
}

.dpot-unity-strip {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding: 12px;
margin-bottom: 14px;
border: 1px solid #6d28d9;
border-radius: 7px;
background: rgba(109, 40, 217, 0.12);
}

.dpot-unity-strip strong {
display: block;
margin-top: 5px;
color: #ddd6fe;
}

.dpot-module-links {
display: flex;
gap: 6px;
flex-wrap: wrap;
}

.dpot-module-links span,
.dpot-module-button,
.unity-alignment-badge {
padding: 5px 7px;
border: 1px solid #6d28d9;
border-radius: 999px;
font-size: 0.64rem;
font-weight: 700;
color: #ddd6fe;
}

.dpot-module-button,
button.dpot-unity-active {
background: rgba(109, 40, 217, 0.12);
cursor: pointer;
font-family: inherit;
}
.dpot-module-button:hover, .dpot-module-button:focus-visible, button.dpot-unity-active:hover {
background: rgba(139, 92, 246, 0.3);
box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2);
outline: none;
}
.clarity-action-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.clarity-action-buttons button { min-height:42px; }
.btn-gate { border:1px solid #67c5d5; background:rgba(50,140,165,.15); color:#d9f7fc; padding:10px 16px; border-radius:5px; font-weight:800; cursor:pointer; }
.btn-gate:disabled { opacity:.5; cursor:not-allowed; }
#clarity-gate-guidance { margin-top:10px; color:#ccebf2; line-height:1.5; }
.btn-reject { border:1px solid #ef4444; background:rgba(239,68,68,.14); color:#fecaca; padding:10px 16px; border-radius:5px; font-weight:800; cursor:pointer; }
.btn-reject:disabled { opacity:.5; cursor:not-allowed; }
.gabriel-analysis-content { width:min(650px,calc(100vw - 32px)); border-top:4px solid #8b5cf6; }
#gabriel-analysis-body p { color:var(--text-muted); margin-bottom:12px; }
#gabriel-analysis-body li { margin:8px 0; }
.reject-confirm-content { width:min(430px,calc(100vw - 32px)); text-align:center; border-top:4px solid #ef4444; }
.reject-confirm-actions { display:flex; justify-content:center; gap:10px; margin-top:18px; }

.unity-alignment-card {
margin: 12px 0;
padding: 11px;
border: 1px solid #8b5cf6;
border-radius: 6px;
background: rgba(139, 92, 246, 0.08);
font-size: 0.78rem;
}

.unity-alignment-card.unity-blocked,
.unity-alignment-badge.unity-blocked {
border-color: var(--accent-red);
color: var(--accent-red);
}

.unity-alignment-card p {
margin-top: 5px;
color: var(--text-muted);
}

.dpot-panel-header {
align-items: flex-start;
}

.dpot-panel h2 {
margin: 3px 0 6px;
}

.dpot-kicker,
.dpot-subtitle {
color: var(--text-muted);
font-size: 0.75rem;
letter-spacing: 0.06em;
}

.dpot-kicker {
display: block;
font-weight: 700;
}

.dpot-heading-row,
.dpot-badges {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
}

.dpot-heading-row strong {
display: block;
margin-top: 5px;
color: #ddd6fe;
}

.dpot-status,
.dpot-observer {
padding: 6px 10px;
border: 1px solid #8b5cf6;
border-radius: 999px;
font-size: 0.7rem;
font-weight: 800;
}

.dpot-observer {
color: var(--text-muted);
border-color: var(--border-color);
}

.dpot-critical_watch {
color: var(--accent-red);
border-color: var(--accent-red);
}

.dpot-elevated_watch,
.dpot-verification_watch {
color: var(--accent-orange);
border-color: var(--accent-orange);
}

.dpot-clear {
color: var(--accent-green);
border-color: var(--accent-green);
}

.dpot-score-grid {
display: grid;
grid-template-columns: repeat(6, minmax(125px, 1fr));
gap: 10px;
margin: 16px 0;
}

.dpot-score {
padding: 11px;
border: 1px solid var(--border-color);
border-radius: 6px;
background: var(--bg-card);
}

.dpot-score span,
.dpot-score strong {
display: block;
font-size: 0.72rem;
}

.dpot-score strong {
margin-top: 6px;
}

.dpot-score.dpot-critical {
border-color: var(--accent-red);
}

.dpot-score.dpot-elevated {
border-color: var(--accent-orange);
}

.dpot-score.dpot-stable {
border-color: var(--accent-green);
}

.dpot-body-grid {
display: grid;
grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.2fr);
gap: 14px;
}

.dpot-body-grid > div,
.dpot-posture {
padding: 12px;
border: 1px solid var(--border-color);
border-radius: 6px;
background: rgba(5, 10, 18, 0.45);
}

.dpot-vector-list {
display: flex;
gap: 7px;
flex-wrap: wrap;
margin-top: 10px;
}

.dpot-vector-list span {
padding: 5px 8px;
border: 1px solid #6d28d9;
border-radius: 4px;
font-size: 0.68rem;
color: #ddd6fe;
}

.dpot-findings {
margin: 10px 0 0;
padding-left: 18px;
color: var(--text-muted);
font-size: 0.78rem;
}

.dpot-findings li + li {
margin-top: 7px;
}

.dpot-posture {
margin-top: 14px;
border-color: #6d28d9;
}

.dpot-posture p {
margin: 7px 0;
}

.dpot-posture small {
color: var(--text-muted);
}

.btn-dpot {
padding: 9px 13px;
border: 1px solid #8b5cf6;
border-radius: 5px;
background: rgba(139, 92, 246, 0.16);
color: #ddd6fe;
font-weight: 700;
cursor: pointer;
}

.btn-dpot:disabled {
opacity: 0.45;
cursor: not-allowed;
}

@media (max-width: 1000px) {
.dpot-score-grid {
grid-template-columns: repeat(2, minmax(125px, 1fr));
}

.dpot-body-grid {
grid-template-columns: 1fr;
}
}
.location-evidence-bridge {
  margin: 1rem 0 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(86, 182, 255, 0.34);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(8, 27, 50, 0.96), rgba(3, 12, 26, 0.94));
  box-shadow: inset 0 0 34px rgba(86, 182, 255, 0.06);
}
.location-evidence-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.location-evidence-heading span { color: #62e7db; font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.location-evidence-heading h4 { margin: .3rem 0; color: #f4f9ff; font-size: 1rem; }
.location-evidence-heading p { max-width: 720px; margin: 0; color: #9db1c8; font-size: .78rem; line-height: 1.5; }
.location-evidence-heading > strong { flex: 0 0 auto; padding: .42rem .6rem; border: 1px solid rgba(255, 184, 86, .4); border-radius: 999px; color: #f6c55b; font-size: .66rem; letter-spacing: .06em; }
.location-evidence-heading > strong[data-state="participant_device_reported"],
.location-evidence-heading > strong[data-state="verification_pending"] { border-color: rgba(98, 231, 219, .5); color: #62e7db; }
.location-consent-row { display: flex; gap: .7rem; align-items: flex-start; margin: 1rem 0; padding: .75rem; border: 1px solid rgba(129, 167, 214, .2); border-radius: 10px; color: #d9e9f8; font-size: .8rem; line-height: 1.45; cursor: pointer; }
.location-consent-row input { width: 18px; height: 18px; margin-top: .1rem; accent-color: #56b6ff; }
.location-evidence-actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.location-evidence-actions .btn-secondary { min-height: 40px; padding: .55rem .8rem; border: 1px solid rgba(98, 231, 219, .32); border-radius: 9px; background: rgba(4, 18, 35, .9); color: #dffaff; font-weight: 800; cursor: pointer; }
.location-evidence-actions .btn-secondary:disabled { opacity: .45; cursor: not-allowed; }
.location-evidence-actions span { color: #9db1c8; font-size: .75rem; }
.location-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-top: 1rem; }
.location-clock-readout { justify-content: center; padding: .75rem; border: 1px solid rgba(129,167,214,.16); border-radius: 10px; background: rgba(3,12,26,.6); }
.location-clock-readout span { color: #8ea4bc; font-size: .72rem; }
.location-clock-readout strong { margin-top: .3rem; color: #f6c55b; font-size: .68rem; line-height: 1.4; }
.location-verification-boundary { margin: 1rem 0 0; padding-left: .75rem; border-left: 3px solid #f6c55b; color: #aebfd1; font-size: .75rem; line-height: 1.5; }
@media (max-width: 720px) {
  .location-evidence-heading { flex-direction: column; }
  .location-evidence-grid { grid-template-columns: 1fr; }
}

/* Epistemic Control Orbit — visible only after the compact I AM symbol opens */
.epistemic-orbit{margin-top:14px;padding:13px;border:1px solid rgba(110,220,255,.22);border-radius:13px;background:radial-gradient(circle at 50% 0,rgba(110,220,255,.09),transparent 48%),rgba(2,12,20,.55)}
.epistemic-orbit[data-mode="protective_shadow"]{border-color:rgba(248,113,113,.36);background:radial-gradient(circle at 50% 0,rgba(248,113,113,.08),transparent 48%),rgba(10,9,18,.68)}
.epistemic-orbit-heading{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px}.epistemic-orbit-heading span{color:#6edcff;font-size:.65rem;font-weight:900;letter-spacing:.13em}.epistemic-orbit-heading strong{font-size:.76rem}.epistemic-orbit-heading em{padding:4px 7px;border:1px solid currentColor;border-radius:999px;color:#90e8d6;font-size:.58rem;font-style:normal;font-weight:900}
.epistemic-orbit-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px}.epistemic-orbit-track button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;min-height:38px;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);color:#809ea5;text-align:left;cursor:pointer}.epistemic-orbit-track button i{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(255,255,255,.16);border-radius:50%;font-size:.58rem;font-style:normal}.epistemic-orbit-track button span{font-size:.62rem;font-weight:800}.epistemic-orbit-track button[data-state="traversed"]{border-color:rgba(74,222,128,.18);color:#86c8b8}.epistemic-orbit-track button[data-state="current"]{border-color:rgba(110,220,255,.58);background:rgba(110,220,255,.09);color:#e8fcff;box-shadow:0 0 16px rgba(110,220,255,.1)}.epistemic-orbit-track button[data-state="current"] i{background:#6edcff;color:#05202a}.epistemic-orbit-track button:hover,.epistemic-orbit-track button:focus-visible{outline:1px solid #6edcff;background:rgba(110,220,255,.1)}
.epistemic-darkness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px}.epistemic-darkness-grid button{padding:8px;border:1px solid rgba(251,191,36,.14);border-radius:8px;background:rgba(0,0,0,.16);color:#b8c7ca;text-align:left;cursor:pointer}.epistemic-darkness-grid span,.epistemic-darkness-grid strong{display:block}.epistemic-darkness-grid span{font-size:.55rem;font-weight:900;letter-spacing:.08em}.epistemic-darkness-grid strong{margin-top:3px;color:#f7c96b;font-size:.9rem}.epistemic-next-verification{margin-top:9px;padding:10px;border-left:3px solid #6edcff;background:rgba(110,220,255,.045)}.epistemic-next-verification span,.epistemic-next-verification strong,.epistemic-next-verification small{display:block}.epistemic-next-verification span{color:#6edcff;font-size:.57rem;font-weight:900;letter-spacing:.11em}.epistemic-next-verification strong{margin-top:4px;font-size:.72rem}.epistemic-next-verification p{margin:4px 0;color:#b8d3da;font-size:.74rem;line-height:1.45}.epistemic-next-verification small{color:#789ba3;font-size:.62rem}
@media(max-width:760px){.epistemic-orbit-heading{grid-template-columns:1fr}.epistemic-orbit-heading em{justify-self:start}.epistemic-orbit-track{grid-template-columns:repeat(2,minmax(0,1fr))}.epistemic-darkness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact I AM observation symbol and interactive detail surface */
.gabriel-observation-orb{margin:10px 0}.gabriel-observation-orb>summary{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:6px 11px 6px 7px;border:1px solid rgba(110,220,255,.4);border-radius:999px;background:linear-gradient(145deg,rgba(4,20,31,.98),rgba(8,45,53,.94));color:#e7fcff;cursor:pointer;list-style:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}.gabriel-observation-orb>summary::-webkit-details-marker{display:none}.gabriel-observation-orb>summary:hover,.gabriel-observation-orb>summary:focus-visible{border-color:#77e5ff;outline:2px solid rgba(119,229,255,.2);outline-offset:2px}.gabriel-observation-orb>summary>span:not(.observation-orb-symbol){display:grid}.gabriel-observation-orb>summary b{font-size:.74rem;letter-spacing:.12em}.gabriel-observation-orb>summary small{color:#8ab9c4;font-size:.55rem;font-weight:800;letter-spacing:.08em}.gabriel-observation-orb>summary>em{min-width:28px;color:#87e9ff;font-size:.67rem;font-style:normal;font-weight:900;text-align:center}.observation-orb-symbol{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(110,220,255,.58);border-radius:50%;background:radial-gradient(circle,rgba(110,220,255,.35) 0 12%,transparent 13% 32%,rgba(110,220,255,.18) 33% 46%,transparent 47%);box-shadow:inset 0 0 14px rgba(110,220,255,.18),0 0 14px rgba(110,220,255,.18)}.observation-orb-symbol:before,.observation-orb-symbol:after{content:"";position:absolute;border:1px solid rgba(110,220,255,.48);border-radius:50%}.observation-orb-symbol:before{width:19px;height:19px}.observation-orb-symbol:after{width:7px;height:7px;background:#8cecff;box-shadow:0 0 8px #54dcff}.gabriel-observation-orb[open] .observation-orb-symbol{animation:observation-orb-pulse 2.4s ease-in-out infinite}.gabriel-observation-orb[open]>summary{margin-bottom:10px}@keyframes observation-orb-pulse{50%{transform:scale(1.06);box-shadow:inset 0 0 18px rgba(110,220,255,.28),0 0 20px rgba(110,220,255,.3)}}.self-observation-metrics button,.self-observation-body li button,.unified-module-rhythm button,.unified-intelligence-metrics button,.unified-correction-list button{width:100%;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.self-observation-metrics button{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.04)}.self-observation-body li{padding:0}.self-observation-body li button{display:flex;gap:7px;padding:9px;border-radius:9px;background:rgba(255,255,255,.04)}.unified-module-rhythm button,.unified-intelligence-metrics button{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035)}.unified-module-rhythm button{display:grid;grid-template-columns:auto 1fr;column-gap:7px}.unified-correction-list li{padding:0}.unified-correction-list button{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:12px;padding:10px 12px;background:transparent}.self-observation-metrics button:hover,.self-observation-body li button:hover,.unified-module-rhythm button:hover,.unified-intelligence-metrics button:hover,.unified-correction-list button:hover,.self-observation-metrics button:focus-visible,.self-observation-body li button:focus-visible,.unified-module-rhythm button:focus-visible,.unified-intelligence-metrics button:focus-visible,.unified-correction-list button:focus-visible{background:rgba(110,220,255,.08);outline:1px solid rgba(110,220,255,.42)}.observation-detail-output{margin-top:13px;padding:12px;border:1px solid rgba(110,220,255,.26);border-radius:10px;background:rgba(3,13,21,.62)}.observation-detail-output span,.observation-detail-output strong{display:block}.observation-detail-output span{color:#6edcff;font-size:.62rem;font-weight:900;letter-spacing:.12em}.observation-detail-output strong{margin-top:5px}.observation-detail-output p{margin:6px 0 0;color:#b8d3da;font-size:.8rem;line-height:1.5}@media(max-width:760px){.unified-correction-list button{grid-template-columns:1fr}}
.precision-light-policy{display:grid;grid-template-columns:auto minmax(170px,.45fr) 1fr;align-items:center;gap:11px;width:100%;margin-top:12px;padding:11px 12px;border:1px solid rgba(110,220,255,.28);border-radius:11px;background:linear-gradient(90deg,rgba(110,220,255,.08),rgba(110,220,255,.025));color:#e8fbff;text-align:left;cursor:pointer}.precision-light-policy i{width:18px;height:18px;border:1px solid #86eaff;border-radius:50%;background:radial-gradient(circle,#dfffff 0 16%,#69dff7 17% 34%,transparent 35%);box-shadow:0 0 16px rgba(105,223,247,.65)}.precision-light-policy span,.precision-light-policy b,.precision-light-policy small{display:block}.precision-light-policy b{font-size:.68rem;letter-spacing:.11em}.precision-light-policy small,.precision-light-policy em{color:#a9cbd2;font-size:.76rem;line-height:1.42}.precision-light-policy em{font-style:normal}.precision-light-policy[data-precision-policy="diffused_light"]{border-color:rgba(251,191,36,.35);background:linear-gradient(90deg,rgba(251,191,36,.08),rgba(251,191,36,.02))}.precision-light-policy[data-precision-policy="diffused_light"] i{border-color:#f8cf6b;background:radial-gradient(circle,#fff4c7 0 16%,#e9b94b 17% 34%,transparent 35%);box-shadow:0 0 13px rgba(233,185,75,.48)}.precision-light-policy[data-precision-policy="protective_shadow"]{border-color:rgba(167,139,250,.38);background:linear-gradient(90deg,rgba(13,9,30,.92),rgba(91,70,145,.12))}.precision-light-policy[data-precision-policy="protective_shadow"] i{border-color:#c4b5fd;background:radial-gradient(circle,#ede9fe 0 12%,#8b5cf6 13% 29%,#0b0716 30% 58%,transparent 59%);box-shadow:0 0 14px rgba(139,92,246,.55)}html[data-gabriel-precision-mode="protective_shadow"] .evidence-trace-row[data-classification="estimated"],html[data-gabriel-precision-mode="protective_shadow"] .evidence-trace-row[data-classification="reported"]{border-color:rgba(167,139,250,.28);filter:saturate(.58)}html[data-gabriel-precision-mode="protective_shadow"] .evidence-trace-row[data-classification="estimated"] .evidence-score-value,html[data-gabriel-precision-mode="protective_shadow"] .evidence-trace-row[data-classification="reported"] .evidence-score-value{text-decoration:underline dotted;text-underline-offset:4px}html[data-gabriel-precision-mode="diffused_light"] .evidence-score-value{opacity:.82}@media(max-width:760px){.precision-light-policy{grid-template-columns:auto 1fr}.precision-light-policy em{grid-column:1/-1}}
.full-resolution-status,
.full-resolution-contract-card {
  display: grid;
  gap: 0.55rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(34, 211, 238, 0.55);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(8, 47, 73, 0.72), rgba(15, 23, 42, 0.78));
  box-shadow: inset 0 0 26px rgba(34, 211, 238, 0.06);
}

.full-resolution-status span,
.full-resolution-contract-card span {
  display: block;
  color: #67e8f9;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.full-resolution-status strong,
.full-resolution-contract-card strong {
  display: block;
  margin-top: 0.25rem;
  color: #f8fafc;
  font-size: 1rem;
}

.full-resolution-status p,
.full-resolution-contract-card p,
.full-resolution-contract-card small {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.5;
}

.verification-task-detail,
.node-box small {
  display: block;
  margin-top: 0.35rem;
  color: #93c5fd;
  font-size: 0.72rem;
  line-height: 1.35;
}

.verification-evidence-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 0.55rem;
}

.verification-evidence-fields input {
  min-width: 0;
  padding: 0.55rem 0.65rem;
  border: 1px solid #334155;
  border-radius: 6px;
  color: #e2e8f0;
  background: #0f172a;
  font-size: 0.78rem;
}

@media (max-width: 720px) {
  .verification-evidence-fields {
    grid-template-columns: 1fr;
  }
}

.resolution-evidence-card {
  margin: 0.9rem 0;
  padding: 0.9rem;
  border: 1px solid #334155;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.72);
}

.i-am-reasoning {
  margin: 0 0 1rem;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, 0.52);
  border-radius: 14px;
  background: radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.13), transparent 34%), rgba(2, 12, 20, 0.9);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22), inset 0 0 34px rgba(34, 211, 238, 0.035);
}

.i-am-reasoning > header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid rgba(103, 232, 249, 0.18);
}

.i-am-reasoning > header div { display: grid; gap: 0.12rem; }
.i-am-reasoning > header b { color: #a5f3fc; font-size: 0.72rem; letter-spacing: 0.16em; }
.i-am-reasoning > header strong { color: #f8fafc; font-size: 1rem; }
.i-am-reasoning > header em {
  padding: 0.32rem 0.55rem;
  border: 1px solid rgba(103, 232, 249, 0.34);
  border-radius: 999px;
  color: #bae6fd;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 800;
}

.i-am-reasoning-list { display: grid; }
.i-am-reasoning-item {
  display: grid;
  grid-template-columns: minmax(10rem, 0.3fr) minmax(0, 0.7fr);
  gap: 0.38rem 1rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}
.i-am-reasoning-item:last-child { border-bottom: 0; }
.i-am-reasoning-item > span {
  grid-row: 1 / span 5;
  color: #67e8f9;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.i-am-reasoning-item h5 { margin: 0; color: #f8fafc; font-size: 0.92rem; line-height: 1.45; }
.i-am-reasoning-item p { margin: 0; color: #aebfce; font-size: 0.78rem; line-height: 1.5; }
.i-am-reasoning-item p b { color: #d8f7fb; }
.i-am-reasoning-item.is-next { background: rgba(34, 211, 238, 0.055); }
.i-am-reasoning-item details { margin-top: 0.25rem; color: #93c5fd; font-size: 0.72rem; }
.i-am-reasoning-item details summary { cursor: pointer; font-weight: 800; }
.i-am-reasoning-item details ul { margin: 0.45rem 0 0; padding-left: 1.1rem; color: #aebfce; }
.i-am-reasoning > footer { padding: 0.7rem 1rem; color: #789ba3; font-size: 0.68rem; line-height: 1.45; }

.resolution-status-note {
  margin-top: 0.55rem;
  padding: 0.6rem 0.7rem;
  border-left: 3px solid #f59e0b;
  color: #cbd5e1;
  background: rgba(245, 158, 11, 0.06);
  font-size: 0.76rem;
  line-height: 1.45;
}

.authorized-verification-workspace {
  margin-top: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 10px;
  background: rgba(2, 6, 23, 0.38);
}
.authorized-verification-workspace > summary {
  display: grid;
  gap: 0.22rem;
  padding: 0.8rem 0.9rem;
  color: #e2e8f0;
  cursor: pointer;
}
.authorized-verification-workspace > summary span { color: #67e8f9; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.09em; }
.authorized-verification-workspace > summary strong { font-size: 0.82rem; }
.authorized-verification-workspace > summary small { color: #8fa5b5; font-size: 0.7rem; }
.authorized-verification-workspace-body { padding: 0 0.85rem 0.85rem; }

.resolution-cards-grid { align-items: start; }
.res-card { justify-content: flex-start; min-width: 0; }
.pathway-overview { font-size: 0.8rem; margin: 0.6rem 0; line-height: 1.5; }
.pathway-case-context, .pathway-next-step, .pathway-advisory-note { display: block; margin-top: 0.6rem; }
.pathway-case-context { color: #d8f7fb; }
.pathway-advisory-note { color: #9fb3c4; }
.pathway-review-state { margin-top: 0.75rem; color: #cbd5e1; font-size: 0.75rem; }
.pathway-estimates, .pathway-values-disclosure { margin-top: 0.8rem; color: #cbd5e1; }
.pathway-estimates summary, .pathway-values-disclosure summary { cursor: pointer; color: #93c5fd; font-weight: 700; }
.verification-guide { font-size: 0.78rem; line-height: 1.5; color: #b7cad6; }
.verification-step { padding: 0.55rem 0.65rem; margin-bottom: 0.4rem; border: 1px solid #334155; border-radius: 7px; background: rgba(15, 23, 42, 0.5); }
.verification-step > summary { cursor: pointer; display: flex; justify-content: space-between; gap: 0.5rem; font-size: 0.78rem; }
.verification-step > summary small { color: #93c5fd; white-space: nowrap; }
.verification-step .verif-item { margin: 0.7rem 0 0; align-items: flex-start; }
.verification-step .verif-item > span { min-width: 0; flex: 1; }
.verification-other-tasks > summary { cursor: pointer; color: #93c5fd; font-size: 0.78rem; padding: 0.4rem 0; }
.verification-other-tasks > .verification-step { margin-top: 0.4rem; }

@media (max-width: 720px) {
  .i-am-reasoning > header { grid-template-columns: auto 1fr; }
  .i-am-reasoning > header em { grid-column: 2; justify-self: start; }
  .i-am-reasoning-item { grid-template-columns: 1fr; }
  .i-am-reasoning-item > span { grid-row: auto; }
}

.resolution-evidence-card > p {
  color: #cbd5e1;
  font-size: 0.8rem;
  line-height: 1.45;
}

.resolution-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 0.8rem 0;
}

.resolution-evidence-grid label {
  color: #cbd5e1;
  font-size: 0.76rem;
  font-weight: 700;
}

.resolution-evidence-grid input {
  width: 100%;
  margin-top: 0.4rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid #334155;
  border-radius: 6px;
  color: #e2e8f0;
  background: #020617;
}

@media (max-width: 900px) {
  .resolution-evidence-grid {
    grid-template-columns: 1fr;
  }
}

.domain-activation {
  background: linear-gradient(145deg, rgba(5, 19, 35, 0.98), rgba(2, 10, 20, 0.98));
  border-color: #285273;
}

.domain-activation-summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 1rem 0;
  padding: 0.9rem 1rem;
  border: 1px solid #8b5e1a;
  border-radius: 0.75rem;
  color: #d6e3ee;
  background: rgba(245, 158, 11, 0.07);
}

.domain-activation-summary strong,
.domain-activation-summary span { display: block; }
.domain-activation-summary span { color: #9fb3c4; }
.domain-activation-summary[data-state="verified"] { border-color: #168a70; background: rgba(16, 185, 129, 0.08); }

.domain-activation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.domain-activation-card {
  overflow: hidden;
  border: 1px solid #69491d;
  border-radius: 0.85rem;
  background: rgba(4, 15, 28, 0.84);
}

.domain-activation-card[data-state="verified"] { border-color: #168a70; }
.domain-activation-card > header { display: flex; justify-content: space-between; gap: 0.8rem; padding: 0.9rem; border-bottom: 1px solid rgba(148, 163, 184, 0.17); }
.domain-activation-card > header span { color: #6ee7d2; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.09em; }
.domain-activation-card > header h3 { margin: 0.3rem 0 0; color: #f2f8fc; font-size: 0.95rem; }
.domain-activation-card > header strong { color: #fbbf24; font-size: 0.68rem; white-space: nowrap; }

.domain-capability-list { display: grid; }
.domain-capability { padding: 0.7rem 0.85rem; border-bottom: 1px solid rgba(148, 163, 184, 0.12); }
.domain-capability:last-child { border-bottom: 0; }
.domain-capability > summary { display: flex; align-items: center; justify-content: space-between; gap: 0.65rem; cursor: pointer; list-style-position: inside; }
.domain-capability > summary span { color: #dbeafe; font-size: 0.77rem; font-weight: 750; }
.domain-capability > summary b { color: #fbbf24; font-size: 0.58rem; letter-spacing: 0.05em; white-space: nowrap; }
.domain-capability[data-state="verified"] > summary b { color: #6ee7b7; }
.domain-capability p { margin: 0.55rem 0 0; color: #aebfce; font-size: 0.7rem; line-height: 1.45; }
.domain-capability p em { color: #d8f7fb; font-style: normal; font-weight: 800; }
.domain-capability small { display: block; margin-top: 0.45rem; color: #7f96a9; font-size: 0.66rem; line-height: 1.45; }

@media (max-width: 1000px) {
  .domain-activation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .domain-activation-summary { display: grid; }
  .domain-activation-grid { grid-template-columns: 1fr; }
}

.activation-framework-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border-color: #285273;
  background: linear-gradient(120deg, rgba(8, 35, 58, 0.98), rgba(2, 10, 20, 0.98));
}
.activation-framework-entry h2 { margin: 0.25rem 0 0.4rem; }
.activation-framework-entry p:last-child { margin: 0; color: #aebfce; }
.activation-framework-entry > a { flex: 0 0 auto; text-decoration: none; }
@media (max-width: 720px) {
  .activation-framework-entry { align-items: stretch; flex-direction: column; }
  .activation-framework-entry > a { text-align: center; }
}

.guided-response{margin:16px 0;padding:17px;border:1px solid rgba(125,211,252,.38);border-radius:9px;background:rgba(9,33,48,.72);color:#ecf8ff}
.guided-response-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}
.guided-response h3{font-size:1.1rem;margin:0}.guided-response h4{font-size:1rem;margin:0 0 8px}
.guided-response p{font-size:.9rem;line-height:1.5;margin:6px 0 12px;color:#c9dfe9}
.guided-response label,.guided-response strong{font-size:.9rem;font-weight:700}
.guided-response select,.guided-response input{display:block;min-height:42px;margin-top:5px;padding:8px 10px;color:#f8fdff;background:#102f43;border:1px solid #7aaabc;border-radius:6px;font:inherit}
.guided-response input{width:100%;margin:7px 0 11px}
.guided-response-titles,.guided-response-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.guided-response button{min-height:42px;padding:9px 12px;border:1px solid #7aaabc;border-radius:7px;background:#143a52;color:#e8fbff;font:inherit;font-size:.9rem;cursor:pointer;text-align:left}
.guided-response button:hover,.guided-response button:focus-visible{outline:2px solid #a2eff3;outline-offset:2px}
.guided-response-titles button[aria-pressed="true"]{background:#b2edf1;color:#082330;border-color:#b2edf1;font-weight:800}
.guided-response-titles small{display:block;font-size:.75rem;font-weight:400;line-height:1.35}
.guided-response-results{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.guided-response-results button{width:100%;height:100%}
.guided-response-route,.guided-response-draft{margin-top:15px;padding-top:14px;border-top:1px solid rgba(148,190,207,.35)}
.guided-response-route button{background:#20596a}.guided-response-chips button{background:#31536a}
.guided-response [hidden]{display:none!important}.guided-response .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.response-topic-search{margin:16px 0;padding:17px;border:1px solid rgba(125,211,252,.4);border-radius:9px;background:rgba(11,32,48,.8)}
.response-topic-search h3{font-size:1.08rem;margin:0 0 7px;color:#e8f8ff}
.response-topic-search label{display:block;font-size:.9rem;font-weight:750;color:#dceef7}
.response-topic-search input{width:100%;min-height:46px;margin:7px 0 9px;padding:9px 12px;border:1px solid #80b4c5;border-radius:7px;background:#102e42;color:#fff;font:inherit}
.response-topic-search p{font-size:.9rem;line-height:1.5;color:#c6dbe7;margin:7px 0}
.response-topic-search ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px;list-style:none;padding:0;margin:13px 0}
.response-topic-search button{width:100%;height:100%;min-height:45px;padding:9px 11px;border:1px solid rgba(125,211,252,.48);border-radius:7px;background:#163d53;color:#edfbff;font:inherit;font-size:.9rem;text-align:left;cursor:pointer}
.response-topic-search button:hover,.response-topic-search button:focus-visible{outline:2px solid #a2eff3;outline-offset:2px}
.response-topic-search [hidden]{display:none!important}
.unity-core-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;list-style:none;max-height:45vh;overflow:auto}.unity-core-checks li{display:grid;gap:4px;padding:9px;border:1px solid #35536a;border-radius:8px;background:#0b1a2a}.unity-core-checks li[data-state="conflict"]{border-color:#e68d56}.unity-core-checks li[data-state="awaiting"]{border-color:#96743f}.unity-core-checks strong{font-size:.8rem;color:#b9eafa}.unity-core-checks span{font-size:.72rem;color:#b9c9d8}@media(max-width:650px){.unity-core-checks{grid-template-columns:1fr}}
.preformation-case-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;padding:0;list-style:none;margin:14px 0}
.preformation-case-steps li{min-width:0;padding:12px;border:1px solid rgba(111,225,208,.3);border-radius:10px;background:rgba(7,29,38,.72)}
.preformation-case-steps strong,.preformation-case-steps span{display:block}.preformation-case-steps strong{color:#9df0d8;font-size:.82rem}.preformation-case-steps span{margin-top:7px;line-height:1.45;font-size:.82rem;overflow-wrap:anywhere}
#preformation-public-review details summary{cursor:pointer;min-height:36px;color:#a9e8f5;font-weight:750}#preformation-public-review details summary:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}