.app-view{display:none}
.app-view.active-view{display:block}
.status.policy span,.status.engine span{color:#64c5ff;text-shadow:0 0 9px rgba(100,197,255,.32)}
.status.policy i,.status.engine i{background:#64c5ff;box-shadow:0 0 5px rgba(100,197,255,.95),0 0 13px rgba(100,197,255,.42)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 14px}
.metric-card{padding:18px;min-height:118px}
.metric-card strong{display:block;margin-top:12px;font-size:26px;letter-spacing:-.02em}
.metric-card small{display:block;margin-top:4px;color:var(--muted)}
.registry-card,.detail-card,.policy-card{padding:20px;margin-top:24px}
.registry-list{display:grid;gap:8px;margin-top:16px}
.registry-empty{padding:30px 12px;color:var(--muted);text-align:center;border:1px dashed #262626;border-radius:6px}
.registry-row{display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(150px,.8fr) 150px;gap:16px;align-items:center;padding:13px 14px;border:1px solid #202020;border-radius:6px;background:#020202;color:inherit;text-decoration:none;cursor:pointer}
.registry-row:hover{border-color:#3a3a3a;background:#050505}
.registry-row strong{font-size:12px}
.registry-row span,.registry-row time{color:var(--muted);font-size:11px;word-break:break-word}
.decision-pill{justify-self:start;font-size:10px!important;font-weight:760;letter-spacing:.1em}
.detail-card dl,.policy-card dl{margin-top:18px}
.detail-card h3,.policy-card h2{margin:8px 0 5px}
.event-row{grid-template-columns:170px 130px minmax(0,1fr)}
@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registry-row,.event-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.metric-grid{grid-template-columns:1fr}.registry-row,.event-row{grid-template-columns:1fr;gap:5px}}

.engine-wrap{justify-self:end;display:flex;align-items:flex-end;flex-direction:column;gap:3px}
.continuity-control{border:0;background:transparent;color:#747474;padding:0;font-size:8px;font-weight:650;letter-spacing:.11em;line-height:1;box-shadow:none}
.continuity-control:hover{border:0;background:transparent;color:#b8e5ff}
.status.engine.degraded span{color:#f2c94c;text-shadow:0 0 8px rgba(242,201,76,.24)}
.status.engine.degraded i{background:#f2c94c;box-shadow:0 0 5px rgba(242,201,76,.9),0 0 12px rgba(242,201,76,.35)}
.status.engine.offline span{color:#ff626c;text-shadow:0 0 8px rgba(255,98,108,.24)}
.status.engine.offline i{background:#ff626c;box-shadow:0 0 5px rgba(255,98,108,.9),0 0 12px rgba(255,98,108,.35)}
.registry-row{width:100%;text-align:left;font:inherit}
@media(max-width:620px){.engine-wrap{align-items:flex-end}.continuity-control{font-size:7px}}

.receipt-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr);gap:14px;margin-top:24px;align-items:start}
.receipt-split .registry-card{margin-top:0}
.receipt-registry-card{max-height:480px;overflow:hidden}
.receipt-registry-card .registry-list{max-height:410px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#24465a #050505}
.receipt-packet{margin-top:0;padding:18px;min-height:230px;max-height:480px;overflow:auto;border-color:rgba(100,197,255,.32);box-shadow:inset 2px 0 rgba(100,197,255,.42),0 0 22px rgba(35,139,196,.05);scrollbar-width:thin;scrollbar-color:#24465a #050505}
.receipt-packet h3{margin:8px 0 5px;font-size:16px;letter-spacing:.035em}
.receipt-packet p{margin:0;color:var(--muted);font-size:11px}
.receipt-packet .packet-status{display:grid;grid-template-columns:1fr;gap:5px;margin:14px 0 12px}
.receipt-packet .packet-status span{border:1px solid #242424;border-left:2px solid var(--blue);border-radius:4px;padding:7px 8px;color:#d6effc;background:#010304;font-size:9px;font-weight:700;letter-spacing:.08em;word-break:break-word}
.receipt-packet dl{grid-template-columns:105px minmax(0,1fr);gap:6px;margin-top:12px;font-size:9px}
.receipt-packet dt{color:#777}
.receipt-packet dd{color:#e6e6e6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
@media(max-width:1100px){.receipt-split{grid-template-columns:1fr}.receipt-registry-card,.receipt-packet{max-height:none}.receipt-packet{position:static}}
.receipt-registry-card .registry-row{grid-template-columns:72px minmax(135px,1fr) minmax(125px,.9fr) 128px;gap:9px;padding:12px}
.receipt-registry-card .registry-row span,.receipt-registry-card .registry-row time{font-size:9px}
@media(max-width:1280px){.receipt-registry-card .registry-row{grid-template-columns:68px minmax(110px,1fr) minmax(105px,.85fr) 118px;gap:7px}}