/* Talpa Configurator Styling */

/* Grid option buttons */
.tc-opt-grid {
  transition: border-color 0.15s, box-shadow 0.15s;
}
.tc-opt-grid.border-secondary {
  box-shadow: 0 0 0 1px hsl(var(--secondary));
}

/* Inline option buttons */
.tc-opt-inline {
  transition: border-color 0.15s;
}

/* Check icon in grid cards */
.tc-opt-grid .tc-check {
  transition: opacity 0.15s;
  color: hsl(var(--primary));
}

/* Checkbox icon in inline chips */
.tc-opt-inline .tc-checkbox {
  transition: background-color 0.15s, border-color 0.15s;
  color: hsl(var(--background));
}
.tc-opt-inline .tc-check {
  transition: opacity 0.15s;
  stroke: hsl(var(--background));
}

/* Step badge - secondary bg with background text */
.tc-step-badge {
  background-color: hsl(var(--secondary));
  color: hsl(var(--background));
}

/* Prescription mode buttons */
.tc-rx-mode-btn {
  transition: border-color 0.15s;
}

/* Dropzone hover */
#tc-dropzone:hover {
  border-color: hsl(var(--secondary));
}

/* Back office admin styling */
.tc-admin .card {
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.tc-admin .card-header {
  background: #f8f9fa;
  border-bottom: 1px solid #ddd;
  padding: 12px 20px;
  font-weight: bold;
}
.tc-admin .card-body {
  padding: 20px;
}
.tc-admin .table {
  margin-bottom: 0;
}
.tc-admin .badge-info {
  background-color: #2ea1f8;
  color: #fff;
}
.tc-admin .badge-warning {
  background-color: #ff9f43;
  color: #fff;
}
.tc-admin .badge-success {
  background-color: #28c76f;
  color: #fff;
}
.tc-admin .badge-secondary {
  background-color: #6c757d;
  color: #fff;
}