:root{
      --bg:#f5f5f7;
      --card:#ffffff;
      --border:#e5e7eb;

      --text:#111827;
      --muted:#6b7280;

      /* GOLD ACCENT */
      --primary:#A77B1E;
      --primary-hover:#8F6718;

      --shadow: 0 10px 30px rgba(15,23,42,0.08);
      --r:16px;
    }

    *{ box-sizing:border-box; }

    body{
      margin:0;
      padding:24px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:var(--bg);
      color:var(--text);
    }

    .wrap{
      max-width:1200px;
      margin:0 auto;
    }

    .topbar{
      display:flex;
      justify-content:space-between;
      gap:16px;
      margin-bottom:16px;
    }

    .title h1{
      margin:0;
      font-size:22px;
      font-weight:600;
    }

    .title .sub{
      margin-top:6px;
      font-size:13px;
      color:var(--muted);
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      background:#faf7f0;
      color:var(--primary);
      font-size:12px;
      font-weight:700;
      border:1px solid var(--border);
      white-space:nowrap;
    }

    .grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }

    .card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--r);
      box-shadow:var(--shadow);
      padding:20px;
    }

    .full{
      grid-column:1 / -1;
    }

    .card-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:10px;
    }

    .card-head h2{
      margin:0;
      font-size:15px;
      font-weight:600;
      letter-spacing:.04em;
      text-transform:uppercase;
      color:var(--primary);
    }

    .tag{
      font-size:11px;
      padding:4px 8px;
      border-radius:999px;
      border:1px solid var(--border);
      background:#f9fafb;
      font-weight:600;
      color:var(--muted);
    }

    .row{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      padding:12px 0;
      border-bottom:1px solid var(--border);
    }

    .row:last-child{ border-bottom:none; }

    .left{
      min-width:0;
    }

    .name{
      font-size:14px;
      font-weight:600;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .path{
      margin-top:4px;
      font-size:12px;
      color:var(--muted);
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .btn{
      border:none;
      border-radius:999px;
      padding:8px 16px;
      font-size:13px;
      font-weight:600;
      cursor:pointer;
      text-decoration:none;
      white-space:nowrap;
    }

    .btn-primary{
      background:var(--primary);
      color:#fff;
    }

    .btn-primary:hover{
      background:var(--primary-hover);
    }

    .btn-secondary{
      background:#f3f4f6;
      color:#374151;
    }

    .btn-neutral{
      background:#f9fafb;
      color:#374151;
      border:1px solid var(--border);
    }

    .search{
      width:100%;
      padding:9px 11px;
      border-radius:10px;
      border:1px solid var(--border);
      font-size:14px;
      margin-bottom:10px;
    }

    .search:focus{
      outline:none;
      border-color:var(--primary);
      box-shadow:0 0 0 1px rgba(167,123,30,.25);
    }

    .list{
      max-height:420px;
      overflow:auto;
    }

    .muted{
      font-size:13px;
      color:var(--muted);
    }

    @media (max-width:980px){
      .grid{ grid-template-columns:1fr; }
      .full{ grid-column:auto; }
    }


/* verified block */
.contract-block {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
  background: #fff;
}

.contract-toggle {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 6px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
}

.contract-title {
  font-weight: 700;
  color: var(--text-main);
}

.contract-files {
  margin-top: 10px;
}