/* Scoped display-only status strip. No fixed positioning or global layout changes. */
.transaction-center-host:has(.txc-disconnected),.transaction-center-host:has(.txc-strip[data-txc-state=empty]){display:none}
.transaction-center-host{min-width:0;max-width:100%}
.txc{--txc-line:#243b32;--txc-accent:#a6ff64;box-sizing:border-box;min-width:0;width:100%;margin:10px 0;border:1px solid var(--txc-line);border-radius:15px;background:linear-gradient(120deg,#08130f,#070d0c);color:#ecf5ed;font:inherit;overflow:hidden}
.txc *{box-sizing:border-box}
.txc-strip{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px}
.txc-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#788c83;box-shadow:0 0 9px #86a39433}
.txc [data-txc-state=pending] .txc-dot,.txc [data-txc-state=review] .txc-dot,.txc [data-txc-state=submitted] .txc-dot{background:#7ce4d6;box-shadow:0 0 10px #66e7c866}
.txc [data-txc-state=confirmed] .txc-dot,.txc [data-txc-state=finalized] .txc-dot{background:var(--txc-accent);box-shadow:0 0 10px #a6ff6455}
.txc [data-txc-state=unknown] .txc-dot{background:#ecc17a;box-shadow:0 0 9px #ecc17a44}
.txc [data-txc-state=failed] .txc-dot{background:#ff839d}
.txc-current{flex:1;min-width:0;display:grid;gap:3px}
.txc-current strong{font-size:13px;font-weight:650;line-height:1.25}
.txc-current small{font-size:11px;color:#a8b9b0;line-height:1.4;overflow-wrap:anywhere}
.txc button,.txc a{font:inherit;-webkit-tap-highlight-color:transparent}
.txc .txc-history-toggle{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:38px;max-width:112px;margin:0;padding:7px 9px;border:1px solid #345243;border-radius:10px;background:#12221a;color:#d9eddb;font-size:11px;cursor:pointer}
.txc-history-toggle[aria-expanded=true]{color:var(--txc-accent);border-color:#8ad85466}
.txc button:focus-visible,.txc a:focus-visible{outline:2px solid #acff77;outline-offset:2px}
.txc-history{padding:0 12px 12px;border-top:1px solid var(--txc-line)}
.txc-history>summary{padding:10px 0;color:#b7c9bb;font-size:12px;cursor:pointer}
.txc-history:not([open]){display:none}
.txc-scope,.txc-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:#82978b;font-size:11px;overflow-wrap:anywhere}
.txc-scope{padding:2px 0 10px}
.txc ol{list-style:none;display:grid;gap:8px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#355141 transparent}
.txc li{min-width:0;padding:11px;border:1px solid #27392e;border-radius:11px;background:#0c1711}
.txc li header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:12px}
.txc li header strong{font-weight:600;overflow-wrap:anywhere}
.txc li header>span{flex:none;color:#a2c2af;font-size:11px}
.txc li[data-txc-state=unknown] header>span{color:#ecc17a}
.txc li[data-txc-state=failed] header>span{color:#ff9bb0}
.txc li[data-txc-state=finalized] header>span{color:var(--txc-accent)}
.txc li p{margin:5px 0 7px;font-size:11px;line-height:1.45;color:#99aea0}
.txc-meta code{min-width:0;font-size:10px;overflow-wrap:anywhere}
.txc-meta time{white-space:nowrap;font-variant-numeric:tabular-nums}
.txc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px}
.txc-actions button,.txc-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 9px;margin:0;border:1px solid #34503c;border-radius:8px;background:#112117;color:#ceebd2;text-decoration:none;font-size:11px;cursor:pointer}
.txc-actions button:disabled{opacity:.55;cursor:wait}
.txc-actions a:hover,.txc-actions button:hover:enabled{border-color:#84c75d;color:#c0ff9a}
.txc .txc-notice{margin:0;padding:0 12px 10px;color:#e4c58f;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.txc .txc-footnote,.txc .txc-empty{margin:10px 0 0;color:#7f9786;font-size:10px;line-height:1.5}
.txc-disconnected{display:flex;align-items:center;gap:8px;padding:11px 12px;flex-wrap:wrap}
.txc-disconnected strong{font-size:12px}
.txc-disconnected small{font-size:11px;color:#82978b}
@media(max-width:359px){.txc-strip{gap:8px;padding:9px}.txc-current strong{font-size:12px}.txc .txc-history-toggle{max-width:98px;padding:6px;font-size:10px}.txc-history{padding:0 9px 9px}.txc li{padding:9px}.txc-actions{gap:6px}.txc-actions button,.txc-actions a{padding:6px 7px}}