/* Knit V0.3.10 — consistent, clearly outlined information icon. */
.knit-info-button,
.knit036-info-button,
.knit039-help{
  appearance:none!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;flex:0 0 auto!important;vertical-align:middle!important;
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  padding:4px!important;margin:0!important;border:0!important;border-radius:7px!important;
  color:#42628b!important;background:transparent!important;box-sizing:border-box!important;
  cursor:pointer!important;line-height:1!important;font-size:inherit!important;
}
.knit-info-button .knit-info-glyph{display:block;width:18px;height:18px;stroke:currentColor;overflow:visible;flex-shrink:0}
.knit-info-button:hover{color:#1d4ed8!important;background:#e8effc!important}
.knit-info-button:focus-visible{color:#1d4ed8!important;background:#e8effc!important;outline:2px solid #2563eb!important;outline-offset:1px!important}
.knit-info-label-text{display:inline!important;min-width:0;line-height:1.4;overflow-wrap:break-word}
.knit-info-label-text>.knit-info-button{margin-left:3px!important}
.knit036-kind-row{gap:3px!important}
/* Existing inspector label remains a two-column grid: label+icon together, input second. */
.inspector .inspector-inner>label>.knit-info-label-text{grid-column:1!important;min-width:0}
.inspector .inspector-inner>label>.knit-info-label-text+select{grid-column:2!important}
.inspector .fields-grid>.dynamic-field>.knit-info-label-text{grid-column:1!important}
.inspector .fields-grid>.dynamic-field>.knit-info-label-text+input,
.inspector .fields-grid>.dynamic-field>.knit-info-label-text+select,
.inspector .fields-grid>.dynamic-field>.knit-info-label-text+textarea{grid-column:2!important}
.knit-info-field-popover{
  position:fixed;z-index:16000;box-sizing:border-box;width:min(340px,calc(100vw - 16px));
  max-height:min(52vh,320px);overflow:auto;padding:10px 13px;background:#fff;color:#263b53;
  border:1px solid #bbcee9;border-radius:9px;box-shadow:0 12px 30px #102a4a24;
  white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;font-weight:400;line-height:1.5;text-align:left;
}
.knit-info-field-popover[hidden]{display:none!important}
@media(max-width:800px){
  .knit-info-button,.knit036-info-button,.knit039-help{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  }
  .knit-info-button .knit-info-glyph{width:19px;height:19px}
}
