/* style.css — Nexus pilot. Matches the cyber-wyse dark terminal aesthetic.
   If you link your global site style.css, you can delete the duplicated
   :root / nav / footer rules below and keep only the .nexus-specific ones. */

:root{
  --bg:#0a0a0c;
  --panel:#101015;
  --panel-2:#121217;
  --line:#1e1e26;
  --line-2:#26262e;
  --text:#e8e8ec;
  --muted:#9a9aa4;
  --dim:#6a6a74;
  --teal:#00e5b4;
  --blue:#7c9cff;
  --amber:#ffb454;
}

*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  background-image:
    radial-gradient(circle at 18% 0%, rgba(0,229,180,.06), transparent 45%),
    radial-gradient(circle at 92% 100%, rgba(124,156,255,.05), transparent 40%);
  color:var(--text);
  font-family:'DM Sans',system-ui,sans-serif;
  line-height:1.6;
}

.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 28px;border-bottom:1px solid var(--line);
}
.brand{font-family:'Syne',sans-serif;font-weight:800;color:var(--teal);text-decoration:none;font-size:18px;}
.nav nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:14px;}
.nav nav a:hover{color:var(--text);}

main{max-width:760px;margin:0 auto;padding:40px 22px 80px;}
.back{color:var(--dim);text-decoration:none;font-family:'Share Tech Mono',monospace;font-size:13px;}
.back:hover{color:var(--teal);}

.kicker{
  font-family:'Share Tech Mono',monospace;color:var(--teal);
  font-size:13px;letter-spacing:1px;margin:26px 0 8px;
}
h1{
  font-family:'Syne',sans-serif;font-weight:800;font-size:42px;line-height:1.05;margin:0 0 16px;
}
.accent{color:var(--teal);}
.lede{color:var(--muted);font-size:16px;margin:0 0 28px;}
.lede strong{color:var(--text);font-weight:600;}

textarea{
  width:100%;background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;
  color:var(--text);padding:14px 16px;font-size:15px;font-family:'DM Sans',sans-serif;resize:vertical;
}
textarea:focus{outline:none;border-color:var(--teal);}

.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px;}
.chips button{
  background:transparent;border:1px solid var(--line-2);color:var(--muted);
  border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer;
  font-family:'Share Tech Mono',monospace;
}
.chips button:hover{border-color:var(--teal);color:var(--text);}

#run{
  margin-top:16px;background:var(--teal);color:#04130f;border:none;border-radius:10px;
  padding:13px 28px;font-weight:700;font-size:15px;cursor:pointer;
  font-family:'Syne',sans-serif;letter-spacing:.3px;
}
#run:disabled{background:#1a3a33;color:#6fd9c0;cursor:default;}

.status{
  margin-top:18px;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--muted);
}

.verdict{margin-top:26px;padding:18px 20px;border-radius:12px;}
.verdict.agree{border:1px solid rgba(0,229,180,.4);background:rgba(0,229,180,.07);}
.verdict.flag{border:1px solid rgba(255,180,84,.5);background:rgba(255,180,84,.08);}
.verdict .vlabel{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;margin-bottom:6px;}
.verdict.agree .vlabel{color:var(--teal);}
.verdict.flag .vlabel{color:var(--amber);}
.verdict .vbody{font-size:18px;font-weight:600;font-family:'Syne',sans-serif;}

#logwrap{margin-top:36px;}
.loghead{
  font-family:'Share Tech Mono',monospace;color:var(--dim);font-size:12px;letter-spacing:1px;
  margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:8px;
}
#log{display:flex;flex-direction:column;gap:10px;}
.entry{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px;}
.entry.proposer{border-left:3px solid var(--teal);}
.entry.verifier{border-left:3px solid var(--blue);}
.entry.adjudicator{border-left:3px solid var(--amber);}
.entry.system{border-left:3px solid #3a3a44;}
.entry .meta{display:flex;justify-content:space-between;align-items:center;}
.entry .role{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:1px;}
.entry.proposer .role{color:var(--teal);}
.entry.verifier .role{color:var(--blue);}
.entry.adjudicator .role{color:var(--amber);}
.entry.system .role{color:var(--dim);}
.entry .id{font-family:'Share Tech Mono',monospace;font-size:10px;color:#4a4a54;}
.entry .body{margin-top:8px;font-size:14px;color:#c4c4cc;white-space:pre-wrap;}

.note{margin-top:34px;color:var(--dim);font-size:13px;}

footer{
  text-align:center;color:var(--dim);font-family:'Share Tech Mono',monospace;
  font-size:12px;padding:30px;border-top:1px solid var(--line);
}

@media(max-width:560px){ h1{font-size:32px;} }