/* Conversores de unidades — resultado ao vivo, todas as unidades de uma vez. */
.conv-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 0 .75rem; }
.conv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .75rem; }
@media (max-width: 420px) { .conv-row, .conv-grid { grid-template-columns: 1fr; } }
.conv-card .input-group select { min-width: 0; text-overflow: ellipsis; }
.conv-card .input-wrapper input { padding-right: 2.6rem; }

.conv-out { margin-top: .25rem; padding: .35rem 1rem; border: 1px solid var(--pf-border); border-left: 4px solid var(--pf-primary); border-radius: var(--pf-radius); background: var(--pf-surface-2); }
.conv-hint, .conv-warn { margin: .6rem 0; font-size: var(--pf-text-sm); color: var(--pf-text-2); }
.conv-warn { color: var(--pf-warning); font-weight: 700; }
.conv-list { list-style: none; margin: 0; padding: 0; }
.conv-list li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .15rem 1rem; padding: .55rem 0; border-bottom: 1px solid var(--pf-border); }
.conv-list li:last-child { border-bottom: 0; }
.conv-list span { color: var(--pf-text-2); font-size: var(--pf-text-sm); }
.conv-list b { color: var(--pf-text); font-variant-numeric: tabular-nums; font-size: 1.02rem; overflow-wrap: anywhere; }
.conv-list small { color: var(--pf-text-2); font-weight: 700; }
.conv-list .conv-self b { color: var(--pf-primary); }

.conv-ref { margin-top: 1rem; }
.conv-ref summary { display: flex; align-items: center; min-height: var(--pf-touch); cursor: pointer; font-weight: 800; color: var(--pf-primary); }
.conv-table-wrap { overflow-x: auto; border: 1px solid var(--pf-border); border-radius: var(--pf-radius); }
.conv-table { width: 100%; border-collapse: collapse; font-size: var(--pf-text-sm); font-variant-numeric: tabular-nums; }
.conv-table th, .conv-table td { padding: .5rem .7rem; border-bottom: 1px solid var(--pf-border); text-align: right; color: var(--pf-text); }
.conv-table th { background: var(--pf-surface-2); font-weight: 800; }
.conv-table th:first-child, .conv-table td:first-child { text-align: left; }
.conv-table tr:last-child td { border-bottom: 0; }
.conv-table-wrap > .conv-table { display: table; white-space: normal; }