/* Ghost OS UI v4.7.1 screenshot QA refinements. */

/* Sentinel: loaded identity should read like an operator surface, not a raw database form. */
.ghost-sentinel-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid rgba(var(--accent-rgb),.1);border-radius:11px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.045),rgba(2,12,20,.62));margin-bottom:2px}
.ghost-sentinel-identity>div{display:grid;gap:3px;min-width:0}.ghost-sentinel-identity>div>span{font-size:.51rem;font-weight:850;letter-spacing:.14em;color:#5fd4ef}.ghost-sentinel-identity strong{font-size:.75rem;color:#e1eff7;overflow-wrap:anywhere}.ghost-sentinel-identity small{font:500 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#607c92}.ghost-sentinel-identity-state{border:1px solid rgba(var(--accent-rgb),.1);border-radius:999px;padding:4px 8px;color:#7692a6;background:rgba(var(--accent-rgb),.035);font-size:.56rem;white-space:nowrap}.ghost-sentinel-identity-state.good{border-color:rgba(53,230,162,.22);background:rgba(53,230,162,.045);color:#77ddb8}.ghost-sentinel-identity.loading{opacity:.72}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-detail-grid .ghost-not-recorded{color:#738da1!important;font-style:italic}
#ghostMaintenance[data-ops-domain="sentinel"] #maintenanceInspectAccount{border-color:rgba(var(--accent-rgb),.15)!important;color:#b7d7e6!important}

/* Healthy provisioning outcomes should not inherit the retired burgundy success colour. */
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-events{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-events>strong{grid-column:1/-1!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event{position:relative!important;min-width:0!important;padding-left:15px!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event::before{content:"";position:absolute;left:7px;top:13px;width:4px;height:4px;border-radius:999px;background:#58768c}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-good{border-color:rgba(53,230,162,.10)!important;background:rgba(53,230,162,.025)!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-good::before{background:#35e6a2;box-shadow:0 0 7px rgba(53,230,162,.3)}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-good strong{color:#72dcb7!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-warn{border-color:rgba(255,184,74,.14)!important;background:rgba(255,184,74,.025)!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-warn::before{background:#ffb84a}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-warn strong{color:#dfbb76!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-bad{border-color:rgba(255,68,95,.18)!important;background:rgba(255,68,95,.035)!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-bad::before{background:#ff445f}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-bad strong{color:#ff91a5!important}
#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-event.ghost-event-neutral strong{color:#a9bfcd!important}

/* Control Plane staged change set: make the before/after values readable at tablet distance. */
#ghostControlPlane .ghost-control-staged>[data-control-change-list]>div{font-size:.62rem!important;padding-top:9px!important;padding-bottom:9px!important}
#ghostControlPlane .ghost-control-staged>[data-control-change-list] span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#7893a6!important}
#ghostControlPlane .ghost-control-staged>[data-control-change-list] span:last-child{color:#c9dce7!important}
#ghostControlPlane .ghost-control-staged>[data-control-change-list] b{color:#65cfe8!important;font-size:.74rem!important}
#ghostControlPlane .ghost-control-staged>header button{color:#b1c4d0!important;border-color:rgba(var(--accent-rgb),.16)!important;background:rgba(11,31,46,.88)!important}
#ghostControlPlane .ghost-control-staged.dirty>header button{border-color:rgba(255,184,74,.17)!important;color:#ddc189!important}

/* Account/MCP: the admin-scope decision deserves more visual weight than a footnote. */
.ghost-mcp-v47 .mcp-admin-row{opacity:1!important;color:#a9bfcd!important;font-size:.65rem!important;padding:3px 1px!important}
.ghost-mcp-v47 .mcp-admin-row input{accent-color:#55ddf7}
.ghost-mcp-v47 .mcp-admin-row.ghost-admin-selected{color:#e0c27f!important}
.ghost-mcp-v47 .mcp-admin-row.ghost-admin-selected input{outline:2px solid rgba(255,184,74,.18);outline-offset:2px}
.ghost-mcp-v47 .ghost-mcp-form-kicker small{font-size:.6rem!important;color:#728da0!important}
.ghost-mcp-v47 .mcp-token-empty{padding:3px 0 1px;color:#718a9d!important;opacity:1!important}

body[data-ghost-main-width="compact"] #ghostMaintenance[data-ops-domain="sentinel"] .maintenance-events{grid-template-columns:1fr!important}
@media(max-width:760px){#ghostMaintenance[data-ops-domain="sentinel"] .maintenance-events{grid-template-columns:1fr!important}.ghost-sentinel-identity{display:grid}.ghost-sentinel-identity-state{justify-self:start}}