/* Agentkind product-v1.css — lightweight styles for productized components.
   No frameworks, no trackers. Reuses the site's dark cyan/lime theme. */

:root {
  --pv-cyan: #5fe6ff;
  --pv-lime: #b8ff5a;
  --pv-red: #ff6b6b;
  --pv-amber: #ffcf5a;
  --pv-muted: #9fb0c3;
  --pv-line: rgba(120, 200, 255, 0.18);
  --pv-bg-soft: rgba(120, 200, 255, 0.05);
  --pv-radius: 14px;
}

/* NOTE: .navlinks-sub styling moved to site-nav.css (shared, loaded on every
   page) so the secondary nav is no longer dependent on this product CSS. */

/* Capability task selector (4 entries) */
.pv-task-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 24px 0;
}
.pv-task-card {
  border: 1px solid var(--pv-line);
  border-radius: var(--pv-radius);
  padding: 22px;
  background: var(--pv-bg-soft);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pv-task-card .pv-task-ico { font-size: 22px; }
.pv-task-card h3 { margin: 0; font-size: 18px; color: #eaf6ff; }
.pv-task-card p { margin: 0; color: var(--pv-muted); font-size: 14px; line-height: 1.5; }
.pv-task-card .pv-task-why { font-size: 13px; color: var(--pv-cyan); }
.pv-task-card .actions { margin-top: auto; padding-top: 10px; }
@media (max-width: 760px) { .pv-task-grid { grid-template-columns: 1fr; } }

/* Generic product panels */
.pv-panel {
  border: 1px solid var(--pv-line);
  border-radius: var(--pv-radius);
  padding: 22px;
  background: rgba(10, 14, 20, 0.6);
  margin: 22px 0;
}
.pv-panel h3 { margin-top: 0; color: #eaf6ff; }
.pv-muted { color: var(--pv-muted); font-size: 13px; }

/* Verify tool (Interaction II) */
.pv-verify-input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  background: #0a0e14;
  border: 1px solid var(--pv-line);
  border-radius: 10px;
  color: #eaf6ff;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  word-break: break-all;
}
.pv-addr-display {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 13px;
  color: var(--pv-lime);
  word-break: break-all;
  margin: 8px 0;
}
.pv-status {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 600;
  border: 1px solid transparent;
}
.pv-status[hidden] { display: none; }
.pv-match { background: rgba(184, 255, 90, 0.12); color: #d6ffae; border-color: rgba(184, 255, 90, 0.4); }
.pv-nomatch { background: rgba(255, 107, 107, 0.12); color: #ffc2c2; border-color: rgba(255, 107, 107, 0.4); }
.pv-unknown { background: rgba(255, 207, 90, 0.12); color: #ffe6ad; border-color: rgba(255, 207, 90, 0.4); }

/* Fingerprint demo (Interaction III) */
.pv-fp-input {
  width: 100%;
  box-sizing: border-box;
  min-height: 280px;
  padding: 14px;
  background: #0a0e14;
  border: 1px solid var(--pv-line);
  border-radius: 10px;
  color: #eaf6ff;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.45;
}
.pv-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 10px 0; }
.pv-row label { color: var(--pv-muted); font-size: 13px; }

/* Identity draft builder (Interaction I) */
.pv-id-form { display: grid; gap: 16px; }
.pv-field { display: flex; flex-direction: column; gap: 6px; }
.pv-field label { color: var(--pv-muted); font-size: 13px; }
.pv-field input, .pv-field select, .pv-field textarea {
  padding: 10px 12px;
  background: #0a0e14;
  border: 1px solid var(--pv-line);
  border-radius: 10px;
  color: #eaf6ff;
  font-size: 14px;
  font-family: inherit;
}
.pv-field textarea { min-height: 90px; resize: vertical; font-family: ui-monospace, Menlo, Consolas, monospace; }
.pv-wallet-row { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
.pv-wallet-row input { flex: 1; padding: 9px 11px; background: #0a0e14; border: 1px solid var(--pv-line); border-radius: 10px; color: #eaf6ff; font-size: 13px; }
.pv-w-del { background: transparent; border: 1px solid var(--pv-line); color: var(--pv-red); border-radius: 8px; cursor: pointer; padding: 4px 9px; }
.pv-id-output, .pv-comm-output {
  margin-top: 14px;
  padding: 16px;
  background: #06090d;
  border: 1px solid var(--pv-line);
  border-radius: 10px;
  color: #cfe9ff;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 13px;
  white-space: pre;
  overflow-x: auto;
}
.pv-id-output[hidden], .pv-comm-output[hidden] { display: none; }
.pv-disclaimer {
  border-left: 3px solid var(--pv-amber);
  padding: 10px 14px;
  background: rgba(255, 207, 90, 0.08);
  color: #ffe6ad;
  font-size: 13px;
  border-radius: 0 10px 10px 0;
}

/* Shared buttons (extend existing .btn where present) */
.btn[disabled] { opacity: 0.5; cursor: not-allowed; }
.pv-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }