/* styles.css — Conversor de Moedas (manual) */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.grid .span2{grid-column:span 2}
@media (max-width:680px){.grid .span2{grid-column:auto}}
.card.soft{background:color-mix(in oklab, var(--brand) 4%, transparent);border:1px dashed #2a2f36}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;margin-bottom:4px}
.actions.center{justify-content:center}
button.cta,button.ghost{min-height:44px}
button.danger{background:#b91c1c;border:none;color:#fff}
.result-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:760px){.result-grid{grid-template-columns:repeat(3,1fr)}}
.metric{text-align:center;padding:12px;border:1px dashed #2a2f36;border-radius:12px}
.metric .k{font-size:.9rem;opacity:.85}
.metric .v{font-size:clamp(22px,5vw,32px);font-weight:800;line-height:1.1}
.small{opacity:.9}
textarea{min-height:120px;border:1px solid #2a2f36;border-radius:10px;background:#0f1114;color:inherit;padding:10px 12px}
table{width:100%;border-collapse:collapse}
td,th{padding:6px 0;border-bottom:1px dashed #2a2f36}
td:last-child,th:last-child{text-align:right}
.doc code{background:#0f1114;border:1px solid #2a2f36;border-radius:6px;padding:0 6px}