/* nearswaps agents page (agents.html, /agents). Brand tokens from brand.css, never retyped: one ground, mint for the
   one primary action, money and buys, red for sells and removing a key, hairlines not gradients, every key, account,
   amount and log line in JetBrains Mono, 44 px touch targets. Phone first (390 px, one column); two columns from
   1100 px (cards left, activity right). assets/agents-page.js writes the key list, balance and log. */
*{box-sizing:border-box;}
body{margin:0;min-height:100vh;background:var(--ns-ground);color:var(--ns-ink);font:500 var(--ns-fs-md)/var(--ns-lh) var(--ns-font);}
a{color:inherit;}
button,input{font-family:inherit;font-size:inherit;color:inherit;}
button{cursor:pointer;}
[hidden]{display:none !important;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

.page{max-width:1240px;margin:0 auto;padding:0 var(--ns-gutter) 32px;display:flex;flex-direction:column;}
.page > .topbar{border-bottom:1px solid var(--ns-line);margin:0 calc(-1 * var(--ns-gutter));padding:6px var(--ns-gutter);width:auto;}
.ag-main{display:flex;flex-direction:column;gap:14px;padding-top:18px;min-width:0;}

.ag-eyebrow{margin:0 0 8px;font:500 var(--ns-fs-2xs)/1.3 var(--ns-mono);letter-spacing:var(--ns-track-caps);text-transform:uppercase;color:var(--ns-muted);}
.ag-main h2{margin:0;font:700 var(--ns-fs-xl)/1.25 var(--ns-font);letter-spacing:-0.01em;}
.ag-main h3{margin:0;font:700 var(--ns-fs-md)/1.35 var(--ns-font);}
code{font-family:var(--ns-mono);font-size:0.92em;color:var(--ns-ink);}

/* buttons: 44 px everywhere */
.ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ns-touch);padding:0 18px;border-radius:var(--ns-r-pill);
  border:1px solid var(--ns-line-strong);background:transparent;color:var(--ns-ink);font:700 14px var(--ns-font);text-decoration:none;white-space:nowrap;}
.ag-primary{background:var(--ns-mint);border-color:var(--ns-mint);color:var(--ns-mint-ink);font-weight:800;}
.ag-btn:disabled{opacity:0.45;cursor:not-allowed;}
@media (hover:hover){.ag-primary:hover:not(:disabled){filter:brightness(1.06);}}
.ag-danger{border-color:rgb(var(--ns-red-rgb) / 0.45);color:var(--ns-red);}
@media (hover:hover){.ag-danger:hover:not(:disabled){background:var(--ns-red-soft);}}

/* hero */
.ag-hero{padding:10px 2px 6px;}
.ag-hero h1{margin:0;max-width:760px;font:800 var(--ns-fs-2xl)/1.12 var(--ns-font);letter-spacing:var(--ns-track-tight);}
.ag-lead{margin:12px 0 0;max-width:680px;color:var(--ns-body);font-size:var(--ns-fs-md);}
.ag-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}

/* how it works */
.ag-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
.ag-step{border:1px solid var(--ns-line);border-radius:var(--ns-r-md);padding:16px;min-width:0;}
.ag-step h3{margin-bottom:4px;}
.ag-step p:last-child{margin:0;color:var(--ns-body);}
@media (min-width:700px){.ag-steps{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* cards */
.ag-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
.ag-col{display:flex;flex-direction:column;gap:14px;min-width:0;}
.ag-card{background:var(--ns-card);border:1px solid var(--ns-line);border-radius:var(--ns-r-md);padding:18px 16px;min-width:0;}
.ag-card:focus{outline:none;}
.ag-card:focus-visible{outline:2px solid var(--ns-mint);outline-offset:2px;}
.ag-note{margin:10px 0 0;color:var(--ns-body);font-size:var(--ns-fs-sm);}
.ag-note a{color:var(--ns-mint);font-weight:700;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:var(--ns-touch);}
.ag-empty{margin:6px 0 0;color:var(--ns-body);font-size:var(--ns-fs-sm);}
@media (min-width:1100px){
  .ag-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;}
  .ag-activity{position:sticky;top:12px;}
}

/* key card */
.ag-add{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.ag-label{font-size:var(--ns-fs-xs);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ns-muted);}
#agPub{width:100%;min-height:var(--ns-touch);padding:0 14px;border-radius:var(--ns-r-sm);border:1px solid var(--ns-line-strong);background:var(--ns-raise);
  font:500 var(--ns-fs-sm) var(--ns-mono);color:var(--ns-ink);}
#agPub:focus{outline:none;border-color:var(--ns-mint);}
#agPub[aria-invalid="true"]{border-color:var(--ns-red);}
.ag-msg{margin:0;min-height:1.4em;font-size:var(--ns-fs-xs);color:var(--ns-muted);}
.ag-msg.ok{color:var(--ns-mint);}
.ag-msg.bad{color:var(--ns-red);}
.ag-add .ag-btn{align-self:flex-start;}
.ag-connect{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px dashed var(--ns-line-strong);border-radius:var(--ns-r-sm);}
.ag-connect p{margin:0;color:var(--ns-body);font-size:var(--ns-fs-sm);flex:1 1 200px;}
.ag-status{margin:12px 0 0;padding:10px 12px;border-radius:var(--ns-r-sm);border:1px solid var(--ns-line);font-size:var(--ns-fs-sm);color:var(--ns-body);}
.ag-status.ok{border-color:rgb(var(--ns-mint-rgb) / 0.35);color:var(--ns-mint);}
.ag-status.err{border-color:rgb(var(--ns-red-rgb) / 0.4);color:var(--ns-red);}
.ag-can{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--ns-line);}
.ag-can ul,.ag-fine ul{margin:6px 0 0;padding-left:18px;color:var(--ns-body);font-size:var(--ns-fs-sm);}
.ag-can li,.ag-fine li{margin:4px 0;}
@media (min-width:700px) and (max-width:1099px){.ag-can{grid-template-columns:1fr 1fr;}}
.ag-sub{margin-top:18px !important;padding-top:14px;border-top:1px solid var(--ns-line);}
.ag-keys{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.ag-key{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--ns-line);border-radius:var(--ns-r-sm);background:var(--ns-raise);min-width:0;}
.ag-key-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ag-key-label{font-weight:700;}
.ag-on{display:inline-flex;align-items:center;gap:6px;font-size:var(--ns-fs-2xs);letter-spacing:var(--ns-track-caps);text-transform:uppercase;color:var(--ns-mint);}
.ag-on::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ns-mint);}
.ag-key-pub{display:block;font-size:var(--ns-fs-xs);color:var(--ns-ink);overflow-wrap:anywhere;word-break:break-all;}
.ag-key-meth{font-size:var(--ns-fs-2xs);color:var(--ns-muted);overflow-wrap:anywhere;}
.ag-key-note{margin:0;font-size:var(--ns-fs-xs);color:var(--ns-muted);}
.ag-key .ag-btn{align-self:flex-start;margin-top:4px;}

/* balance */
.ag-bal-list{margin:10px 0 0;display:flex;flex-direction:column;}
.ag-bal-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ns-line);}
.ag-bal-row dt{font-weight:700;}
.ag-bal-row dd{margin:0;color:var(--ns-ink);font-size:var(--ns-fs-lg);}

/* policy */
.ag-pre{margin:12px 0;padding:14px;border-radius:var(--ns-r-sm);background:var(--ns-raise);border:1px solid var(--ns-line);
  font-size:var(--ns-fs-xs);line-height:1.6;color:var(--ns-ink);overflow-x:auto;white-space:pre;}
.ag-fields{margin:14px 0 0;display:flex;flex-direction:column;gap:8px;}
.ag-fields div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;}
.ag-fields dt{font-size:var(--ns-fs-xs);color:var(--ns-ink);}
.ag-fields dd{margin:0;color:var(--ns-body);font-size:var(--ns-fs-sm);}

/* activity: a mono log panel */
.ag-log{margin-top:12px;background:var(--ns-raise);border:1px solid var(--ns-line);border-radius:var(--ns-r-sm);font-family:var(--ns-mono);font-size:var(--ns-fs-xs);
  max-height:70vh;overflow-y:auto;}
.ag-log-empty{margin:0;padding:18px 14px;color:var(--ns-body);}
.ag-log-list{list-style:none;margin:0;padding:4px 0;}
.ag-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"side t tx" "what what tx" "out by tx";column-gap:10px;row-gap:2px;
  align-items:center;padding:8px 12px;border-bottom:1px solid var(--ns-line);font-variant-numeric:tabular-nums;}
.ag-line:last-child{border-bottom:0;}
.ag-t{grid-area:t;color:var(--ns-muted);white-space:nowrap;}
.ag-side{grid-area:side;text-transform:uppercase;letter-spacing:0.08em;font-weight:700;color:var(--ns-body);}
.side-buy .ag-side{color:var(--ns-mint);}
.side-sell .ag-side{color:var(--ns-red);}
.ag-what{grid-area:what;color:var(--ns-ink);overflow-wrap:anywhere;}
.ag-out{grid-area:out;color:var(--ns-body);}
.out-filled .ag-out,.out-withdrawn .ag-out,.out-recovered .ag-out{color:var(--ns-ink);}
.out-refused .ag-out,.out-failed .ag-out{color:var(--ns-red);}
.out-unclear .ag-out{color:var(--ns-amber);}
.ag-by{grid-area:by;color:var(--ns-muted);}
.ag-tx{grid-area:tx;display:inline-flex;align-items:center;justify-content:center;min-width:var(--ns-touch);min-height:var(--ns-touch);color:var(--ns-mint);text-underline-offset:3px;}
@media (min-width:560px){
  .ag-line{grid-template-columns:96px 80px minmax(0,1fr) 78px 84px 44px;grid-template-areas:"t side what out by tx";padding:2px 12px;}
}
@media (min-width:1100px){
  .ag-line{grid-template-columns:96px 80px minmax(0,1fr) 76px 44px;grid-template-areas:"t side what out tx" ". . by . tx";padding:4px 12px;}
}

/* fine print */
.ag-fine{padding:6px 2px 0;}
.ag-fine h2{font-size:var(--ns-fs-md) !important;}
.ag-fine a{color:var(--ns-mint);font-weight:700;text-underline-offset:3px;}
.ag-fine-note{margin:10px 0 0;color:var(--ns-muted);font-size:var(--ns-fs-xs);}
.ag-retry{margin:0 12px 12px;}