/* Imaging calculator. Loaded only from the Resources page. */
.calc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2rem 3rem;
  align-items: start;
}
.calc-results {
  background: #f4f7fb;
  border-radius: 20px;
  padding: 1.35rem 1.4rem 0.4rem;
}
.calc-results h2 { margin: 0 0 0.35rem; font-size: 1.45rem; }
.calc-results dl { margin: 0.6rem 0 0; }
.calc-results .row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  padding: 0.62rem 0;
  border-top: 1px solid rgba(11, 63, 134, 0.1);
}
.calc-results dt { margin: 0; color: var(--muted); }
.calc-results dd {
  margin: 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.calc-note { margin: 1.4rem 0 0; color: var(--muted); max-width: 40rem; }
.calc-note.is-block { color: #8b1e1e; }
.calc-results .check-math { margin: 0.9rem 0 0; max-width: none; }
.calc-results dd { overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .calc-layout { grid-template-columns: 1fr; }
}
html.device-mobile .calc-layout { grid-template-columns: 1fr; }
.barcode-preview {
  background: #fff;
  border: 1px solid rgba(11, 63, 134, 0.12);
  border-radius: 20px;
  padding: 1.2rem;
  min-height: 8rem;
  overflow: auto;
}
.barcode-preview canvas { max-width: 100%; height: auto; }
.barcode-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.2rem; }
.bar-error { color: #8b1e1e; margin: 0.8rem 0 0; }
.barcode-actions a[hidden],
.barcode-preview canvas[hidden],
.barcode-preview p[hidden] { display: none !important; }

/* Square corners site-wide (Jorge, 2026-10-10). */
*, *::before, *::after { border-radius: 0 !important; }