/* Stili per gli indicatori di forma del telaio */
.indicatore-telaio-quadrato {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  background-color: #ffc107;
  border-radius: 2px;
}

.indicatore-telaio-cerchio {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  background-color: #ffc107;
  border-radius: 50%;
}

.indicatore-telaio-misto {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 18px;
  margin-left: 6px;
  background-color: #ffc107;
  border-radius: 2px;
  position: relative;
}

.indicatore-telaio-misto::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-color: #ffc107;
  border-radius: 50%;
}

/* Nuovi indicatori di forma per fase1 */
.indicatore-forma {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.indicatore-squadrato {
  border: 2px solid #495057;
  border-radius: 2px;
}

.indicatore-arrotondato {
  border: 2px solid #495057;
  border-radius: 50%;
}

.indicatore-misto {
  position: relative;
  width: 24px;
}

.indicatore-misto::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 16px;
  border: 2px solid #495057;
  border-right: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.indicatore-misto::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #495057;
  border-radius: 50%;
}

/* Indicatori speciali BLM */
.special-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  font-weight: bold;
  position: relative;
  color: white;
  background-color: #000 !important;
  border: 2px solid #fff;
}

/* Indicatore raggio matrice - sfondo nero con bordi colorati */
.matrix-radius-indicator {
  border-color: #fff;
}

.matrix-radius-indicator::before,
.matrix-radius-indicator::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
}

.matrix-radius-indicator::before {
  top: -2px;
  left: -2px;
  border-top: 2px solid #dc3545;
  border-left: 2px solid #dc3545;
}

.matrix-radius-indicator::after {
  bottom: -2px;
  right: -2px;
  border-bottom: 2px solid #0dcaf0;
  border-right: 2px solid #0dcaf0;
}

/* Indicatore vetri bombati - "C" */
.curved-glass-indicator {
  background-color: #000 !important;
  border-color: #0dcaf0;
}

/* Indicatore calandratura in piano - "P" */
.flat-calendering-indicator {
  background-color: #000 !important;
  border-color: #ffc107;
}

/* Stili per nuovi indicatori BLM nella fase 1 */
.indicatore-blm-base {
  font-weight: bold;
  font-size: 0.75rem;
  padding: 2px 4px;
}

.indicatore-angoli-solo {
  border-radius: 4px;
}

/* Stili per la vista Produzione Fase 1 dettaglio */
.ordine-selezionabile {
  cursor: pointer;
  transition: background-color 0.2s;
}

.ordine-selezionabile:hover {
  background-color: rgba(0,123,255,0.05);
}

.selected-order {
  background-color: rgba(0,123,255,0.15) !important;
  border-left: 3px solid #0d6efd;
}