/* ============================
   Technical Converter – Specific CSS
   Integrated with base.css + dark mode
============================ */

/* (Common styles — .field, .result, .message, .reset-btn,
   hr, .calculator, .calc-card, .hint, .footer —
   are now consolidated in base.css) */

/* ============================
   Invert units button
============================ */
.tool-actions.center {
  display: flex;
  justify-content: center;
  margin: var(--space-sm) 0;
}

/* Utility: round button (used in #btnInvert) */
.round {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.round:active {
  transform: rotate(180deg) scale(0.95);
}

/* Small precision note (used in conversor.js) */
.precision-note {
  display: block;
  color: var(--muted);
  font-weight: 400;
  font-size: 0.85rem;
  margin-top: var(--space-xs);
}