.inference-card{min-width:0;margin:10px 0;border:1px solid #20374c;border-radius:10px;background:linear-gradient(150deg,#0d1e30,#091727);padding:15px}
.inference-card h2{margin:0 0 6px;font-size:13px}
.inference-card h3{margin:15px 0 7px;font-size:10px}
.inference-card p{max-width:880px;color:#a4b5c7;font-size:9px;line-height:1.7}
.inference-card code,.inference-output,.inference-snapshot span,.inference-receipts span{overflow-wrap:anywhere}
.inference-card form{display:grid;gap:10px;margin-top:12px}
.inference-card label{display:grid;gap:6px;color:#b8c8d8;font-size:9px}
.inference-card input,.inference-card textarea{width:100%;border:1px solid #2a4158;border-radius:6px;background:#071525;color:var(--text);padding:9px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.inference-card textarea{resize:vertical;line-height:1.55}
.inference-card input:focus,.inference-card textarea:focus{outline:2px solid #258cff;outline-offset:1px}
.inference-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.inference-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
.inference-scope-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.inference-scope-list span,.inference-state{border:1px solid #31465b;border-radius:999px;background:#102134;color:#aabbd0;padding:5px 8px;font-size:8px}
.inference-scope-list .granted,.inference-state.active{border-color:#286a58;background:#102a27;color:#77ddbb}
.inference-scope-list .missing,.inference-state.closed{border-color:#685339;background:#231e17;color:#e0c796}
.inference-status{margin:10px 0;border:1px solid #286a58;border-radius:8px;background:#102a27;color:#9be4c8;padding:9px 11px;font-size:9px;line-height:1.6}
.inference-status.error{border-color:#784a45;background:#2a1a1b;color:#ffb7ad}
.inference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px}
.inference-receipts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}
.inference-output{max-height:320px;overflow:auto;border:1px solid #20364a;border-radius:7px;background:#06111e;padding:11px;color:#c9d8e7;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.inference-sequence-receipts{display:grid;gap:7px;padding-left:20px;color:#a9bdd1;font-size:8px}
.inference-sequence-receipts details{min-width:0;border:1px solid #20364a;border-radius:7px;background:#081727;padding:8px}
.inference-sequence-receipts summary{cursor:pointer;overflow-wrap:anywhere}
.inference-ports{margin:10px 0;padding:10px;border:1px solid #20364a;border-radius:7px;background:#081727;color:#a9bdd1;font-size:8px;line-height:1.6}
.inference-ports strong{display:block;margin-bottom:6px;color:#eaf2fc;font-size:9px}
.inference-ports div{display:flex;flex-wrap:wrap;gap:5px}
.inference-ports code{border:1px solid #28455a;border-radius:999px;background:#102337;padding:3px 6px;color:#7ed9ef}
.inference-ports p{margin:7px 0 0}
.inference-snapshot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
.inference-snapshot{display:grid;gap:6px;min-width:0;border:1px solid #20364a;border-radius:8px;background:#0a1929;padding:10px;color:#9fb1c3;font-size:8px;line-height:1.5}
.inference-snapshot strong{color:#eaf2fc;font-size:9px}
.inference-snapshot .btn{justify-self:start}
.inference-card button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:780px){.inference-receipts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.inference-fields,.inference-receipts,.inference-snapshot-list{grid-template-columns:1fr}.inference-card{padding:11px}.inference-card-head{align-items:center}}
