/* Kaspa Escrow / Гарант — доп-стили поверх safe.css (пикеры, таймлайн сделки). */

/* пикеры роли/типа */
.pick2, .pick3 { display: grid; gap: 10px; margin-top: 6px; }
.pick2 { grid-template-columns: 1fr 1fr; }
.pick3 { grid-template-columns: 1fr 1fr 1fr; }
.pick {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 16px 10px; background: var(--steel); border: 1px solid var(--bd-soft);
  border-radius: 8px; color: var(--ash2); cursor: pointer; font: inherit; font-size: 22px;
  transition: border-color .15s, color .15s;
}
.pick span { font-size: 12.5px; letter-spacing: .04em; color: inherit; text-align: center; }
.pick:hover { border-color: var(--kaspa); }
.pick.active { border-color: var(--kaspa); background: var(--plate); color: var(--kaspa); }
@media (max-width: 520px) { .pick3 { grid-template-columns: 1fr; } }

/* таймлайн стадий сделки */
.timeline { display: flex; align-items: center; gap: 0; }
.tl { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: none; }
.tl-dot { width: 13px; height: 13px; border-radius: 50%; background: var(--bd-soft); border: 2px solid var(--bd-soft); }
.tl.on .tl-dot { background: var(--kaspa); border-color: var(--kaspa); }
.tl.on.warn .tl-dot { background: #E0A93E; border-color: #E0A93E; }
.tl-lbl { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ash2); }
.tl.on .tl-lbl { color: var(--ingot); }
.tl-bar { flex: 1; height: 2px; background: var(--bd-soft); margin: 0 4px; margin-bottom: 18px; }

textarea {
  width: 100%; background: var(--steel); border: 1px solid var(--bd-soft); border-radius: 6px;
  color: var(--ingot); font: inherit; font-size: 14px; padding: 10px 12px; resize: vertical; box-sizing: border-box;
}
textarea:focus { outline: 2px solid var(--kaspa); outline-offset: 1px; border-color: var(--kaspa); }