/* /ai-prediction-market-agents (2026-09-29): the agent desk landing page. Builds on site.css and hub.css;
   every colour is a site token so light and dark themes both hold. */
.ag-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:center}
.ag-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ag-line{margin-top:18px;font:700 15px/1.4 var(--sans);color:var(--ink)}

.ag-now{position:relative;z-index:1;display:grid;gap:12px;padding:22px;border-radius:var(--r-lg);background:var(--dark-1);color:var(--dink);border:1px solid var(--dline);box-shadow:var(--shadow)}
.ag-now-top{display:flex;align-items:center;gap:12px}
.ag-now-top img{flex:none;width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 2px var(--amber)}
.ag-now-top .tag{margin-left:auto}
.ag-now-k{font:800 18px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.02em}
.ag-now-s{font-size:13px;color:var(--dink-2)}
.ag-now-v{font:600 17px/1.45 var(--sans);min-height:3em}
.ag-now-v b{color:var(--amber)}
.ag-now-f{font-size:12.5px;color:var(--dink-3)}

.ag-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px 56px;align-items:start}
.ag-answer{font-size:18px;line-height:1.6;color:var(--ink)}

.ag-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ag-card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}
.ag-card--live{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),var(--shadow)}
.ag-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.ag-av{width:64px;height:64px;border-radius:50%}
.ag-av--mono{display:grid;place-items:center;background:var(--chip);color:var(--ink-3);font:800 28px/1 var(--cond);border:1px dashed var(--line-3)}
.ag-spec{font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.ag-card h3{font:800 28px/1 var(--cond);text-transform:uppercase;letter-spacing:.01em}
.ag-tbd{font:600 14px/1 var(--sans);text-transform:none;color:var(--ink-3)}
.ag-card p{font-size:15px;color:var(--ink-2)}
.ag-card--soon h3,.ag-card--soon .ag-spec{color:var(--ink-2)}
.ag-list{display:grid;gap:8px;margin:6px 0 4px;padding:0;list-style:none}
.ag-list li{position:relative;padding-left:22px;font-size:14.5px;color:var(--ink-2)}
.ag-list li::before{content:"";position:absolute;left:2px;top:.5em;width:8px;height:8px;border-radius:2px;background:var(--brand)}
.ag-card--soon .ag-list li::before{background:var(--line-3)}
.ag-card-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:auto;padding-top:10px}

.ag-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:none}
.ag-flow li{position:relative;display:grid;align-content:start;gap:6px;padding:18px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}
.ag-flow li:not(:last-child)::after{content:"";position:absolute;top:34px;right:-15px;width:16px;height:2px;background:var(--line-3)}
.ag-flow-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 17px/1 var(--cond)}
.ag-flow h3{font:700 15.5px/1.3 var(--sans);margin-top:4px}
.ag-flow p{font-size:13.5px;color:var(--ink-2)}
.ag-flow-last{border-color:var(--brand)!important;background:var(--brand-soft)!important}
.ag-flow-last .ag-flow-n{background:var(--brand);color:var(--on-brand)}

.ag-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:10px}
.ag-stats .stat strong{color:var(--dink)}
.ag-stats-f{font-size:13px;color:var(--dink-3);margin-bottom:24px}
.ag-log{padding:0;overflow:hidden}
.ag-log-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:18px 20px 12px}
.ag-log-hd h3{font:700 17px/1.3 var(--sans);margin:0}
.ag-log-s{font-size:13px;color:var(--dink-3)}
.ag-tbl{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.ag-tbl th{padding:10px 20px;text-align:left;font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dink-3);border-top:1px solid var(--dline);border-bottom:1px solid var(--dline)}
.ag-tbl td{padding:11px 20px;border-bottom:1px solid var(--dline);color:var(--dink-2);white-space:nowrap}
.ag-tbl td b{color:var(--dink)}
.ag-res{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.ag-res::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.ag-res--correct{color:var(--up)}
.ag-res--missed{color:var(--dn)}
.ag-res--open{color:var(--amber)}
.ag-res--pass{color:var(--dink-3)}
.ag-empty{padding:16px 20px;color:var(--dink-2);white-space:normal!important}
.ag-log .ag-log-f{padding:14px 20px 18px;font-size:12.5px;color:var(--dink-3)}
.ag-log-f code{font-size:12px;color:var(--dink-2)}
.ag-log .table-wrap{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0}
.section--dark .ag-ghost-dk{background:transparent;color:var(--dink);border:1px solid var(--dline-2)}
.section--dark .ag-ghost-dk:hover{border-color:var(--dink-2);background:rgba(240,246,252,.06)}

.ag-roster{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.ag-roster li{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}
.ag-roster b{font:800 18px/1 var(--cond);text-transform:uppercase}
.ag-roster span{color:var(--ink-2);font-size:14.5px}
.ag-roster em{font-style:normal}

.ag-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ag-tier{padding:22px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg)}
.ag-tier:first-child{border-color:var(--brand)}
.ag-tier-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ag-tier h3{font:800 24px/1 var(--cond);text-transform:uppercase}
.ag-join{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px 40px;align-items:start;margin-top:28px;padding:28px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper)}
.ag-join-copy h3{font:800 26px/1.05 var(--cond);text-transform:uppercase}
.ag-join-copy p{margin-top:10px;color:var(--ink-2)}
.ag-form{margin:0}

@media (max-width:1080px){
  .ag-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ag-flow li:nth-child(3)::after{display:none}
}
@media (max-width:900px){
  .ag-hero-grid,.ag-split{grid-template-columns:minmax(0,1fr)}
  .ag-cards,.ag-tiers,.ag-join{grid-template-columns:minmax(0,1fr)}
  .ag-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .ag-flow{grid-template-columns:minmax(0,1fr);gap:12px}
  .ag-flow li{grid-template-columns:32px minmax(0,1fr);column-gap:14px;padding:14px}
  .ag-flow-n{grid-row:span 2}
  .ag-flow h3{margin-top:5px}
  .ag-flow li:not(:last-child)::after{display:block!important;top:auto;bottom:-13px;right:auto;left:30px;width:2px;height:12px}
  .ag-roster li{grid-template-columns:minmax(0,1fr) auto}
  .ag-roster span{grid-column:1 / -1;grid-row:2}
  .ag-tbl th,.ag-tbl td{padding-left:14px;padding-right:14px}
  .ag-cta .btn{flex:1 1 100%}
}
