/* Styles propres au calculateur d'azulejos. */
.tile-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px 20px;
}
.tile-calculator .field-row{
  min-width:0;
  margin-bottom:8px;
}
.tile-calculator input:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}
.tile-calculator .tile-error{
  color:var(--badge);
}
.tile-calculator .tile-error:empty{
  margin:0;
  min-height:0;
}
.tile-calculator [aria-invalid="true"]{
  border-color:var(--badge);
}
.tile-calculator .result-row{
  flex-wrap:wrap;
}
.tile-calculator .result-box{
  max-width:100%;
  min-width:0;
}
.tile-calculator .result-strong{
  overflow-wrap:anywhere;
}
.conversion-formula-card{
  margin:12px 0 18px;
  padding:18px 16px;
  border:1px solid var(--border);
  border-left:4px solid var(--accent);
  background:var(--bg-soft-2);
  text-align:center;
}
.conversion-formula{
  margin:0 0 8px;
  color:var(--text-strong);
  font-size:24px !important;
  line-height:32px !important;
  overflow-wrap:anywhere;
}
.conversion-formula-note{
  margin:0;
  color:var(--muted);
  font-size:16px !important;
  line-height:24px !important;
}
@media (max-width:600px){
  .tile-form-grid{
    grid-template-columns:1fr;
  }
  .conversion-formula{
    font-size:20px !important;
    line-height:28px !important;
  }
}