/* go.kynship.co - app styles on top of kynship-ui */

/* Accent override: light cyan. Status colors (errors, warnings) stay
   red/amber; only the UI accent changes. Keep in sync with the tailwind
   repoint in templates/base.html. */
:root {
  --grn: #A5F3FC;
  --grn-deep: #67E8F9;
  --accent-ink: #0c1417;   /* text that sits ON the accent */
}

/* Text inputs (kynship-ui has no shared text-input class yet) */
.field {
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--fg);
  font-size: 13px;
  padding: 9px 12px;
  width: 100%;
}
.field:focus { outline: none; border-color: var(--grn); }
.field::placeholder { color: var(--fg-faint); }

/* Short-link cell: monospace, accent, copies on click */
.slug-btn {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  color: var(--grn);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.slug-btn:hover { text-decoration: underline; }

.dest-cell {
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}