/* «Возвраты» (спека 029, T015): вещь крупно, подтверждение, план из галочек. Цвета и радиусы - токены.
   Янтарь только на главной кнопке; зелёный - только ✓ успеха. */

.ret-item { display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-4);
  background: var(--surface); border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
.ret-name { font-family: var(--display); font-weight: 700; font-size: var(--fs-title); line-height: 1.15; overflow-wrap: anywhere; }
.ret-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3); }
.ret-fact { display: flex; flex-direction: column; gap: 2px; padding: var(--sp-2) var(--sp-3);
  background: var(--surface-2); border-radius: var(--radius); }
.ret-k { font-size: var(--fs-text); color: var(--ink-dim); line-height: 1.25; }
.ret-v { font-family: var(--display); font-weight: 700; font-size: var(--fs-title); line-height: 1.1; overflow-wrap: anywhere; }
.ret-sub { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px var(--sp-4); font-size: var(--fs-text); line-height: 1.35; }
.ret-code { font-family: var(--mono); letter-spacing: .02em; overflow-wrap: anywhere; }
.ret-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--sp-3) var(--gap); }
.ret-act { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.ret-act .inline-form { display: block; }
.ret-act .btn { width: 100%; }
@media (max-width: 720px) { .ret-acts { grid-template-columns: minmax(0, 1fr); } }
.ret-act-hint { font-size: var(--fs-text); color: var(--ink-dim); line-height: 1.25; }
.ret-line { font-size: var(--fs-text); line-height: 1.3; overflow-wrap: anywhere; }

.box-confirm-soft { display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-4);
  background: var(--surface); border: 2px solid var(--line); border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
.ret-plan { list-style: none; display: flex; flex-direction: column; gap: var(--sp-1); font-size: var(--fs-text); line-height: 1.3; }
.ret-plan li { display: flex; align-items: flex-start; gap: var(--sp-2); }
.ret-plan .ico { margin-top: .2em; }
.ret-wait { gap: var(--sp-4); }
.ret-wait li { flex-direction: column; gap: var(--sp-2); }
.ret-field { display: inline-flex; flex-direction: column; gap: var(--sp-1); }
.ret-wait .inline-form { display: inline-flex; flex-wrap: wrap; align-items: flex-end; gap: var(--sp-2); margin: 0 var(--sp-2) var(--sp-2) 0; }