/* KG Portal V11.2 R11.10.5 — performer gate and background/performance feedback. */
.pbPerformerInput {
  display: grid;
  grid-template-columns: minmax(160px, 0.35fr) minmax(260px, 0.65fr);
  align-items: center;
  gap: 8px 18px;
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid var(--pb-line-strong);
  background: color-mix(in srgb, var(--pb-accent) 7%, var(--pb-bg));
}
.pbPerformerInput > span { color: var(--pb-text); font-size: 12px; font-weight: 780; }
.pbPerformerInput > span b {
  display: inline-block;
  margin-left: 7px;
  padding: 3px 6px;
  color: var(--pb-accent-ink) !important;
  background: var(--pb-accent) !important;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pbPerformerInput select {
  width: 100%;
  min-height: 44px;
  padding: 10px 38px 10px 12px;
  border: 1px solid var(--pb-line-strong) !important;
  border-radius: 0;
  outline: none;
  color: var(--pb-text) !important;
  background: var(--pb-bg) !important;
  font: 760 14px/1.3 inherit;
}
.pbPerformerInput select:focus { border-color: var(--pb-accent) !important; box-shadow: inset 4px 0 var(--pb-accent); }
.pbPerformerInput select:disabled { cursor: wait; opacity: 0.68; }
.pbPerformerInput small { grid-column: 2; color: var(--pb-muted); font-size: 11px; }

html[data-kg-theme] .pbPerformerInput select:disabled {
  color: var(--kg-ui-disabled-text) !important;
  background: var(--kg-ui-control-disabled) !important;
}

@media (max-width: 680px) {
  .pbPerformerInput { grid-template-columns: 1fr; }
  .pbPerformerInput small { grid-column: 1; }
}