/* /Components/Pages/PartNumberGenerator.razor.rz.scp.css */
.part-number-generator[b-liaimtd6tf] {
  position: relative;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.part-number-generator .card-body[b-liaimtd6tf] {
  padding: 12px 14px;
  position: relative;
  overflow: visible;
}

.part-number-generator .card-body + .card-body[b-liaimtd6tf] {
  border-top: 0;
}

.part-number-generator__section-heading[b-liaimtd6tf] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.part-number-generator__summary[b-liaimtd6tf] {
  min-width: 260px;
  padding: 10px 12px;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #f8fafc;
}

.part-number-generator__summary-label[b-liaimtd6tf],
.part-number-generator__result-label[b-liaimtd6tf],
.part-number-generator__label[b-liaimtd6tf] {
  color: #646f79;
  font-size: 12px;
  font-weight: 500;
}

.part-number-generator__feature-code[b-liaimtd6tf] {
  color: #646f79;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 12px;
  bottom: 10px;
}

.part-number-generator__summary-value[b-liaimtd6tf],
.part-number-generator__result-value[b-liaimtd6tf] {
  margin-top: 2px;
  color: #212529;
  font-size: 17px;
  font-weight: 600;
}

.part-number-generator__pill[b-liaimtd6tf] {
  min-height: calc(1.5em + 0.55rem + 2px);
  padding: 0.275rem 0.55rem;
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  background: #f8f9fa;
  color: #212529;
  font-weight: 500;
}

.part-number-generator__readonly[readonly][b-liaimtd6tf] {
  background-color: #e9ecef;
  border-color: #ced4da;
  color: #495057;
  cursor: default;
  pointer-events: none;
}

.part-number-generator__label-row[b-liaimtd6tf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0.15rem;
  min-height: 16px;
}

.part-number-generator__label-spacer[b-liaimtd6tf] {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.part-number-generator__status[b-liaimtd6tf] {
  padding: 8px 10px;
  border: 1px solid #d6e3ff;
  border-radius: 6px;
  background: #eff7ff;
  color: #004085;
  font-size: 12px;
}

.part-number-generator__config-input[b-liaimtd6tf] {
  margin-bottom: 10px !important;
}

.part-number-generator__config-grid[b-liaimtd6tf] {
  row-gap: 8px;
}

.part-number-generator__config-field[b-liaimtd6tf] {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 0;
}

.part-number-generator__config-field > .form-control[b-liaimtd6tf],
.part-number-generator__config-field > select[b-liaimtd6tf],
.part-number-generator__config-field > .input-group[b-liaimtd6tf] {
  margin-top: auto;
}

.part-number-generator__config-input .form-control[b-liaimtd6tf],
.part-number-generator__config-grid .form-control[b-liaimtd6tf],
.part-number-generator__config-grid .input-group-text[b-liaimtd6tf] {
  padding: 0.28rem 0.55rem;
  min-height: calc(1.5em + 0.56rem + 2px);
}

/* Restore Bootstrap's input-group flush corners if a global rule overrides them */
.part-number-generator__config-grid .input-group > .form-control:not(:last-child)[b-liaimtd6tf] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.part-number-generator__config-grid .input-group > .input-group-text:not(:first-child)[b-liaimtd6tf] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.part-number-generator__status ul[b-liaimtd6tf] {
  padding-left: 16px;
}

.part-number-generator__included-list[b-liaimtd6tf] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}

.part-number-generator__results-grid[b-liaimtd6tf] {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 8px;
}

.part-number-generator__results-col[b-liaimtd6tf] {
  min-width: 0;
}

.part-number-generator__result-card[b-liaimtd6tf] {
  padding: 12px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.05);
}

.part-number-generator__included-title[b-liaimtd6tf],
.part-number-generator__feature-title[b-liaimtd6tf] {
  color: #212529;
  font-size: 13px;
  font-weight: 600;
}

.part-number-generator__price-lines[b-liaimtd6tf],
.part-number-generator__description[b-liaimtd6tf] {
  color: #495057;
  font-size: 12px;
  line-height: 1.5;
}

.part-number-generator__feature-title-row[b-liaimtd6tf] {
  margin-bottom: 4px;
}

.part-number-generator__included-chip[b-liaimtd6tf] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  padding-right: 28px;
  border: 1px solid #dfe5eb;
  border-radius: 999px;
  background: #f8fafc;
  min-height: 28px;
}

.part-number-generator__included-chip:hover[b-liaimtd6tf] {
  z-index: 25;
}

.part-number-generator__included-chip .part-number-generator__included-title[b-liaimtd6tf] {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.part-number-generator__included-chip .tile-info-wrap[b-liaimtd6tf] {
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.part-number-generator__feature-grid[b-liaimtd6tf] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.part-number-generator__feature-card[b-liaimtd6tf] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 12px;
  padding-right: 44px;
  padding-bottom: 28px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.part-number-generator__feature-card:hover[b-liaimtd6tf] {
  z-index: 20;
}

.part-number-generator__feature-card .tile-info-wrap[b-liaimtd6tf] {
  top: 12px;
  right: 12px;
  transform: none;
}

.part-number-generator__feature-card:hover[b-liaimtd6tf] {
  transform: translateY(-1px);
  border-color: #c9d7e3;
  box-shadow: 0 4px 12px rgba(60,94,121,0.10);
}

.part-number-generator__feature-card.is-selected[b-liaimtd6tf] {
  border-color: #b8daff;
  background: #eff7ff;
  box-shadow: 0 4px 12px rgba(0,123,255,0.08);
}

.part-number-generator__feature-head[b-liaimtd6tf] {
  display: block;
}

.part-number-generator__result-row[b-liaimtd6tf] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.part-number-generator__copy-btn[b-liaimtd6tf] {
  min-width: 70px;
  height: 32px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #646f79;
}

.part-number-generator__copy-btn svg[b-liaimtd6tf] {
  width: 15px;
  height: 15px;
}

.part-number-generator__copy-btn:hover[b-liaimtd6tf],
.part-number-generator__copy-btn:focus[b-liaimtd6tf] {
  color: #3c5e79;
}

.part-number-generator__feature-price[b-liaimtd6tf] {
  position: absolute;
  right: 12px;
  bottom: 10px;
  color: #3c5e79;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.tooltip-wrap[b-liaimtd6tf]{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.tooltip-wrap:hover[b-liaimtd6tf]{
  z-index: 60;
}

.tooltip-wrap[b-liaimtd6tf]::before{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  bottom:-6px;
  height:14px;
}

.tooltip-icon[b-liaimtd6tf],
.tile-info[b-liaimtd6tf]{
  width:16px;
  height:16px;
  border-radius:50%;
  border:1px solid rgba(15,23,42,.25);
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:700;
  color:#646f79;
  background:#fff;
  line-height:1;
  flex:0 0 auto;
}

.tooltip[b-liaimtd6tf]{
  position:absolute;
  top: calc(100% + 6px);
  right:0;
  width:320px;
  max-width:90vw;
  background:#f7f9ff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:12px;
  padding:10px;
  font-size:12px;
  color:#495057;
  line-height:1.45;
  box-shadow:0 10px 30px rgba(2,6,23,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .12s ease, transform .12s ease;
  z-index:30;
}

.tooltip-wrap:hover .tooltip[b-liaimtd6tf]{
  pointer-events:auto;
  opacity:1;
  transform:translateY(0);
}

.tile-info-wrap[b-liaimtd6tf]{
  position:absolute;
  top:0;
  right:0;
  flex:0 0 auto;
}

.tile-info-wrap:hover[b-liaimtd6tf]{
  z-index: 70;
}

.tile-info-wrap[b-liaimtd6tf]::before{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  bottom:-6px;
  height:14px;
}

.tile-tooltip[b-liaimtd6tf]{
  position:absolute;
  top: calc(100% + 6px);
  right:0;
  width:260px;
  max-width:80vw;
  background:#f7f9ff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:12px;
  padding:10px;
  font-size:12px;
  color:#495057;
  line-height:1.45;
  box-shadow:0 10px 30px rgba(2,6,23,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .12s ease, transform .12s ease;
  z-index:140;
}

.tile-info-wrap:hover .tile-tooltip[b-liaimtd6tf]{
  pointer-events:auto;
  opacity:1;
  transform:translateY(0);
}

.tooltip ul[b-liaimtd6tf],
.tile-tooltip ul[b-liaimtd6tf]{
  margin:0;
  padding-left:16px;
}

.part-number-generator__description[b-liaimtd6tf] {
  white-space: pre-line;
}

.part-number-generator__result-card hr[b-liaimtd6tf] {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.part-number-generator__price-lines ul[b-liaimtd6tf] {
  padding-left: 16px;
}

.part-number-generator__toast[b-liaimtd6tf] {
  position: fixed;
  right: 24px;
  bottom: 24px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #212529;
  color: #fff;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease;
  z-index: 999;
}

.part-number-generator__toast.show[b-liaimtd6tf] {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1399px) {
  .part-number-generator__feature-grid[b-liaimtd6tf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1199px) {
  .part-number-generator__feature-grid[b-liaimtd6tf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .part-number-generator__feature-grid[b-liaimtd6tf] {
    grid-template-columns: 1fr;
  }

  .part-number-generator__results-grid[b-liaimtd6tf] {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .part-number-generator__section-heading[b-liaimtd6tf],
  .part-number-generator__result-row[b-liaimtd6tf] {
    flex-direction: column;
    align-items: flex-start;
  }

  .part-number-generator__summary[b-liaimtd6tf] {
    min-width: 0;
    width: 100%;
  }
}