/* ISO Tolerance popravke - bez izmjena izvornog koda */

/* Forsiranje 4 kolone za sve tolerance gumbe */
#dialogToleranceContainer {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 5px !important; /* Možda smanjiti gap ako je preširoko */
  margin-top: 10px !important;
  padding: 5px;
  max-height: 200px; /* Podesite visinu po potrebi */
  overflow-y: auto;
}

/* Dodatno specifično pravilo za dimensionDialog */
#dimensionDialog #dialogToleranceContainer {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4px !important; /* Malo manji razmak za ovaj dijalog */
    max-height: 150px !important; /* Ograniči visinu u ovom dijalogu */
    overflow-y: auto !important;
    padding: 5px !important;
    margin-top: 5px !important; /* Smanji gornju marginu */
}

/* Stilizacija gumba tolerancija */
.tolerance-btn {
  padding: 4px 6px; /* Podesite padding ako treba */
  font-size: 11px; /* Smanjite font ako su gumbi preširoki */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  background-color: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: 3px;
  cursor: pointer;
}

.tolerance-btn:hover {
  background-color: #bbdefb;
}

/* Prikaz uređivanja tolerancija - promijenite na 4 kolone */
#advancedTolerancesList {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  max-height: 220px;
  overflow-y: auto;
  margin-top: 10px;
}

/* Stilizacija reda tolerancija u naprednom prikazu */
.tolerance-advanced-row {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f8f8f8;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  min-height: 60px;
}

.tolerance-advanced-row .tolerance-info {
  text-align: center;
  margin-bottom: 5px;
  width: 100%;
}

.tolerance-advanced-row .tolerance-values {
  font-size: 0.9em;
  color: #666;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
}

/* Popravke za gumbe akcija */
.tolerance-actions {
  display: flex !important;
  gap: 5px;
  justify-content: center;
  width: 100%;
}

/* Smanji gumbe/ikone za edit i remove */
.btn-edit, .btn-remove {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px; /* Smanjena veličina fonta ikone */
  padding: 2px 4px; /* Smanjen padding */
  border-radius: 3px;
  line-height: 1; /* Osigurava da ikona ne zauzima previše vertikalnog prostora */
}

.btn-edit i, .btn-remove i {
  vertical-align: middle; /* Bolje poravnanje ikone */
}

.btn-edit {
  color: #1976d2;
}

.btn-remove {
  color: #e53935;
}

.btn-edit:hover {
  background-color: #e3f2fd;
}

.btn-remove:hover {
  background-color: #ffebee;
}

/* Z-index popravke za dijalog */
.dialog-overlay {
  z-index: 1000 !important;
}

/* Poboljšanje izgleda dijaloga tolerancija */
.iso-tolerance-dialog {
  width: 600px;
  max-width: 95%;
}

/* Poboljšanje prikaza informacija o toleranciji */
.tolerance-info {
  flex: 1;
  overflow: hidden;
}

.tolerance-values {
  font-size: 0.9em;
  color: #666;
}

/* Dodajte na kraj postojeće datoteke */
/* Specifični fix za ISO Tolerancije dijalog */
#toleranceDialog .dialog-content {
  padding: 20px;
  overflow-y: auto;
  max-height: 80vh;
}

#toleranceDialog #dialogToleranceContainer {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 5px !important;
}

#toleranceDialog .tolerance-btn {
  margin: 2px;
  padding: 5px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Poboljšanje za sekciju uređivanje tolerancija */
#toleranceDialog #advancedTolerancesList {
  margin-top: 10px !important;
  padding-top: 10px !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

/* Popravak za gumb Zatvori */
#toleranceDialog .dialog-buttons {
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}

/* Kartica tolerancije - širina po sadržaju i svijetlo plava pozadina */
.combined-tolerance-dialog .tolerance-card {
  width: auto !important;
  min-width: unset !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e3f2fd !important;      /* Svijetlo plava */
  border: 1px solid #b6d4fe !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  margin: 2px !important;
  box-shadow: none !important;
  min-height: unset !important;
  box-sizing: border-box !important;
}

/* Grid da automatski prelama kartice u više redova */
.combined-tolerance-dialog .tolerance-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}