/* Квадратный LTV — аккуратно неймспейснул, чтобы не конфликтовало */
.ltv-card{
  background:#fff;border:1px solid var(--line);
  border-radius:16px;box-shadow:0 6px 18px rgba(2,6,23,.06);
  padding:14px;
}
.ltv-title{margin:0 0 10px;font-size:16px}

.ltv-row{display:grid;grid-template-columns:1fr;gap:10px}
.ltv-field{display:flex;flex-direction:column;gap:6px}
.ltv-label{font-size:12px;color:#334155}
.ltv-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.ltv-input input{border:0;outline:0;width:100%;text-align:right;background:transparent;font:inherit}
.ltv-prefix,.ltv-suffix{color:#334155;font-weight:700}

.ltv-seg{display:flex;background:#f1f5f9;border:1px solid var(--line);border-radius:10px;padding:2px;width:100%}
.ltv-seg button{border:0;background:transparent;padding:8px 6px;border-radius:8px;color:#0f172a;cursor:pointer;font-weight:700;flex:1}
.ltv-seg button.active{background:#0ea5e9;color:#fff}

.ltv-grid{display:grid;grid-template-columns:1fr auto;gap:8px 10px;margin-top:12px;align-items:center}
.ltv-k{color:#334155;font-size:12px}
.ltv-v{font-weight:800;text-align:right}

.ltv-toolbar{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}
.ltv-btn{border:0;border-radius:10px;padding:10px 12px;font-weight:700;color:#fff;cursor:pointer;flex:1 1 48%}
.ltv-btn-copy{background:#4f46e5}
.ltv-btn-img{background:#0ea5e9}
.ltv-btn-reset{background:#e11d48}


/* === Two-column layout inside LTV card === */
.ltv-two{display:grid;grid-template-columns:1fr 220px;gap:12px;align-items:start}
@media (max-width: 520px){ .ltv-two{grid-template-columns:1fr} }

/* Right summary panel */
.ltv-summary{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,.06);padding:10px}
.ltv-summary .ltv-grid{margin-top:0}
.ltv-summary .ltv-toolbar{margin-top:12px}

/* Slightly tighter field spacing */
.ltv-row{gap:10px}