/* /daio — DAIO as a Service (the DeltaVerse deployer's styles, scoped to .ddx, plus ⑤ the DAIO token and ⑥ the ABI console) */
.ddx{--bg:#0d1117;--panel:#161b22;--ink:#e6edf3;--dim:#7d8590;--gold:#ffd166;--ok:#3fb950;--err:#f85149;--line:#30363d;--acc:#9fe9ff;
  background:var(--bg);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif;padding:16px}
.ddx main{max-width:1080px;margin:0 auto}
.ddx h1{font-size:20px;margin:4px 0 2px}.ddx .sub{color:var(--dim);margin:0 0 14px}
.ddx section{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0}
.ddx h2{font-size:15px;margin:0 0 8px;color:var(--gold)}.ddx h3{font-size:13px;margin:0 0 6px;color:var(--acc)}
.ddx table{width:100%;border-collapse:collapse;font-size:12.5px}.ddx th,.ddx td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.ddx code,.ddx .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}
.ddx button{background:transparent;color:var(--acc);border:1px solid var(--acc);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12.5px;min-height:32px}
.ddx button:disabled{color:var(--dim);border-color:var(--line);cursor:not-allowed}
.ddx input,.ddx select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 6px;width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:12px;min-height:32px}
.ddx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.ddx label{color:var(--dim);font-size:12px;display:block}
.ddx .ok{color:var(--ok)}.ddx .err{color:var(--err)}.ddx .gold{color:var(--gold)}.ddx .dimt{color:var(--dim)}
.ddx #log{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px;max-height:320px;overflow:auto;font-family:ui-monospace,monospace;font-size:12px;white-space:pre-wrap}
.ddx .door{border-left:3px solid var(--gold);padding:4px 10px;margin:8px 0;color:var(--dim);font-size:12.5px}
.ddx a{color:var(--acc)}
/* the vendored inline styles, as classes */
.ddx .ddx-toggles{display:flex;flex-wrap:wrap;gap:6px 14px}
.ddx .ddx-acgrid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;align-items:end}
.ddx .ddx-tog{color:var(--ink);font-size:13px;display:flex;gap:5px;align-items:center}
.ddx .wauto{width:auto}.ddx .mt6{margin-top:6px}.ddx .mt8{margin-top:8px}.ddx .mb6{margin:0 0 6px}
/* ⑥ the ABI console */
.ddx .ddx-abi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin-top:10px}
.ddx .ddx-fn{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:6px;margin:0 0 6px}
.ddx .ddx-fn b{flex-basis:100%;font:600 12.5px ui-monospace,monospace;color:var(--ink)}
.ddx .ddx-fn input{flex:1 1 160px;width:auto}
.ddx .ddx-fn output{flex-basis:100%;font:12px ui-monospace,monospace;color:var(--ok);word-break:break-all}
.ddx .ddx-fn output:empty{display:none}
@media (max-width:640px){.ddx{padding:10px}.ddx button{min-height:44px}.ddx input,.ddx select{min-height:44px}}
.ddx .small{font-size:11px}
/* tables scroll inside their panel on a phone, never the page */
.ddx section{min-width:0;overflow-x:auto}
.ddx table{min-width:560px}