/*====================================================
  TOLERANCE CALCULATOR COMPONENT STYLES
  Separati dal HTML per migliorare la manutenibilità
====================================================*/

/* Form container */
.tolerance-calculator-form {
  padding: 1em;
  background-color: var(--grigio);
}

/* Input field styling */
.tolerance-input {
  width: 100px;
  margin-left: 10px;
}

.tolerance-input-text {
  width: 100px;
  margin-left: 10px;
  color: #000;
}

.tolerance-input-disabled {
  width: 100px;
  margin-left: 10px;
  color: #000;
  background-color: #eee;
}

/* Select field styling */
.tolerance-select {
  width: 100px;
  margin-left: 10px;
}

/* Shaft letter select - hidden by default */
.shaft-letter-select {
  display: none;
}

/* Warning icon styling */
.tolerance-warning-icon,
.thickness-warning-icon,
.pre-treatment-tolerance-warning-icon {
  margin-left: 10px;
  visibility: hidden;
}

/* Pre-treatment tolerance warning icon */
.pre-treatment-tolerance-warning-icon {
  margin-left: 10px;
  visibility: hidden;
}

/* Table styling - inherits from existing .table-3 but with specific overrides if needed */
/* Note: .table-3 is already defined in style.css */

/* Specific table cell alignment for tolerance calculator */
.tolerance-table-cell {
  align: left;
  width: auto;
}

.tolerance-table-cell-wide {
  align: left;
  width: 80%;
}

.tolerance-table-cell-center {
  align: left;
  width: 30%;
}

.tolerance-table-cell-small {
  align: left;
  width: 20%;
}

/* Radio button label spacing */
.tolerance-radio-label {
  margin-bottom: 0;
}

/* Section titles */
.tolerance-section-title {
  margin: 0;
}

.tolerance-section-title-with-margin {
  margin-bottom: 0;
}

/* Description text */
.tolerance-description {
  font-size: 90%;
  font-style: italic;
}

/* Center input alignment */
.tolerance-center-input {
  width: 100px;
  margin-left: 10px;
  color: #000;
  background-color: #eee;
}

/* Rowspan styling for center column */
.tolerance-center-row {
  align: left;
  rowspan: 2;
  width: 30%;
}

.tolerance-center-cell {
  align: left;
  rowspan: 2;
  width: 20%;
}

/* Pre-treatment specific styling */
.pre-treatment-input {
  width: 100px;
  margin-left: 10px;
  color: #000;
  background-color: #eee;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .tolerance-input,
  .tolerance-input-text,
  .tolerance-input-disabled,
  .tolerance-select,
  .tolerance-center-input,
  .pre-treatment-input {
    width: 80px;
    margin-left: 5px;
  }

  .tolerance-table-cell-wide {
    width: 70%;
  }
}