/* Tokenized Agreements Suite (CTA + App UI) */
.tas-card, .tas-shell {
  --tas-bg: #ffffff;
  --tas-fg: #111827;
  --tas-muted: #6b7280;
  --tas-border: rgba(17, 24, 39, 0.12);
  --tas-soft: rgba(17, 24, 39, 0.06);
  --tas-accent: #111827;
  --tas-accent-fg: #ffffff;
  --tas-accent-hover: #0b1220;

  font: 14px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  color: var(--tas-fg);
}

.tas-theme-dark {
  --tas-bg: #0b1020;
  --tas-fg: #e5e7eb;
  --tas-muted: rgba(229,231,235,0.74);
  --tas-border: rgba(229,231,235,0.16);
  --tas-soft: rgba(229,231,235,0.08);
  --tas-accent: #e5e7eb;
  --tas-accent-fg: #0b1020;
  --tas-accent-hover: #ffffff;
}

.tas-card {
  background: var(--tas-bg);
  border: 1px solid var(--tas-border);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  width: 100%;
  max-width: 520px;
}

.tas-row { display:flex; gap:12px; align-items:center; }
.tas-badge {
  width:40px; height:40px; border-radius:14px;
  display:grid; place-items:center;
  background:var(--tas-soft); border:1px solid var(--tas-border);
  font-weight:800; letter-spacing:0.06em;
}
.tas-title { font-weight:800; font-size:16px; }
.tas-sub { margin-top:2px; color:var(--tas-muted); }

.tas-actions { margin-top:14px; display:grid; gap:8px; }
.tas-btn {
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 14px; border-radius:12px;
  background:var(--tas-accent); color:var(--tas-accent-fg);
  text-decoration:none; font-weight:700; border:1px solid transparent;
}
.tas-btn:hover { background: var(--tas-accent-hover); }
.tas-meta { color:var(--tas-muted); font-size:12px; }

.tas-verify { margin-top:16px; padding-top:14px; border-top:1px solid var(--tas-border); }
.tas-verify-title { font-weight:700; margin-bottom:8px; }
.tas-verify-row { display:grid; grid-template-columns:1fr auto; gap:8px; }
.tas-input {
  width:100%; height:40px; border-radius:12px;
  border:1px solid var(--tas-border); background:transparent;
  color: var(--tas-fg); padding:0 12px; outline:none;
}
.tas-input:focus { border-color:rgba(99,102,241,0.55); box-shadow:0 0 0 3px rgba(99,102,241,0.18); }
.tas-secondary {
  height:40px; padding:0 12px; border-radius:12px;
  border:1px solid var(--tas-border); background:var(--tas-soft);
  color: var(--tas-fg); font-weight:700; cursor:pointer;
}
.tas-secondary:hover { filter:brightness(1.04); }
.tas-hint { margin-top:8px; color:var(--tas-muted); font-size:12px; }

/* App UI / Verify UI shell */
.tas-shell {
  background: var(--tas-bg);
  border: 1px solid var(--tas-border);
  border-radius: 18px;
  padding: 18px;
  max-width: 980px;
  margin: 0 auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
.tas-h1 { font-size: 22px; font-weight: 900; margin: 0 0 4px; }
.tas-p { color: var(--tas-muted); margin: 0 0 14px; }

.tas-grid { display:grid; grid-template-columns: 1.2fr 0.8fr; gap: 14px; }
@media (max-width: 920px){ .tas-grid{ grid-template-columns: 1fr; } }

.tas-card2 {
  background: var(--tas-bg);
  border: 1px solid var(--tas-border);
  border-radius: 16px;
  padding: 14px;
}
.tas-label { font-weight: 700; margin: 10px 0 6px; display:block; }
.tas-help { color: var(--tas-muted); font-size: 12px; margin-top: 6px; }

.tas-field {
  width: 100%;
  border: 1px solid var(--tas-border);
  border-radius: 12px;
  padding: 10px 12px;
  background: transparent;
  color: var(--tas-fg);
}
.tas-field:focus { outline:none; border-color:rgba(99,102,241,0.55); box-shadow:0 0 0 3px rgba(99,102,241,0.18); }

.tas-row2 { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.tas-chip { padding: 6px 10px; border-radius: 999px; border: 1px solid var(--tas-border); background: var(--tas-soft); font-weight: 700; font-size: 12px; }
.tas-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.tas-btn2 {
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 14px; border-radius:12px;
  background:var(--tas-accent); color:var(--tas-accent-fg);
  text-decoration:none; font-weight:800; border:1px solid transparent;
  cursor:pointer;
}
.tas-btn2:hover{ background: var(--tas-accent-hover); }
.tas-btn2.tas-ghost { background: transparent; color: var(--tas-fg); border: 1px solid var(--tas-border); }
.tas-btn2.tas-ghost:hover { background: var(--tas-soft); }

.tas-hr { border:0; height:1px; background: var(--tas-border); margin: 12px 0; }

.tas-list { margin: 0; padding-left: 18px; }
.tas-ok { color: #1d7f2a; font-weight: 800; }
.tas-bad { color: #b42318; font-weight: 800; }