/* R1196 — New private gallery only.  Put the mandatory/optional badge
   beside the caption, then the input directly underneath.  The R1195
   grid label rule accidentally creates another visual row for an inline
   badge; this cancels that implicit grid placement. */
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm > label:first-child,
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm > .grid2:nth-child(2) > label {
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:4px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  grid-template-rows:none!important;
  align-self:start!important;
}

/* The complete text and its badge form ONE first row. */
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm .pb1196FieldCaption {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  line-height:1.4!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm .pb1196FieldCaption small {
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:1px 5px!important;
  border:1px solid #dbe6fb!important;
  border-radius:6px!important;
  background:#f1f5ff!important;
  color:#506491!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

/* All three controls sit immediately below their own caption at the
   same vertical coordinate, rather than drifting into a lower grid row. */
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm > label:first-child > input,
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm > .grid2:nth-child(2) > label > input {
  display:block!important;
  position:static!important;
  transform:none!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Keep all three fields on the same FIRST form row. */
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm > label:first-child,
html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
.clientGalleryCreateForm > .grid2:nth-child(2) {
  grid-row:1!important;
}

@media(max-width:820px) {
  html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
  .clientGalleryCreateForm .pb1196FieldCaption {
    gap:2px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
  .clientGalleryCreateForm .pb1196FieldCaption small {
    font-size:7.5px!important;
    padding:1px 3px!important;
    border-radius:5px!important;
  }
  html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
  .clientGalleryCreateForm > label:first-child > input,
  html body > .globalModalLayer.modalBack > .modal.pb1112CreateDialog
  .clientGalleryCreateForm > .grid2:nth-child(2) > label > input {
    height:41px!important;
    min-height:41px!important;
    font-size:16px!important;
  }
}