/* ROLE_TALK_GUEST_ENTRANCE_V2_20261015
   Opt-in via guest-layout-test=1.
   Non-host entrance only.
*/

.room-main.entrance-simple .guest-inline-layout{
 display:grid;
 grid-template-columns:minmax(245px,.38fr) minmax(0,1fr);
 gap:17px;
 align-items:start;
 margin-top:16px;
}

.guest-inline-layout > *,
.guest-inline-right,
.guest-inline-pane{
 min-width:0;
}

.guest-inline-sidebar{
 display:flex;
 flex-direction:column;
 gap:22px;
 margin:0!important;
}

.guest-inline-nav{
 display:grid;
 gap:12px;
}

.guest-inline-nav button{
 width:100%;
 min-height:46px;
 margin:0;
 font-weight:700;
}

.guest-inline-nav button.guest-active{
 background:linear-gradient(#70472f,#482a1c);
 color:#fff9ef;
 border-color:#bb9365;
}

.guest-inline-audio{
 border-top:1px solid #dfc7a6;
 padding-top:12px;
}

.guest-inline-audio h3{
 font-size:18px;
 margin:0 0 11px;
}

.guest-inline-audio p{
 font-size:14px;
 line-height:1.85;
 margin:0;
}

.guest-inline-right{
 display:grid;
 gap:15px;
}

.guest-inline-script .entrance-script{
 margin:0!important;
 min-width:0;
 overflow:hidden;
}

.guest-inline-thumbnail{
 width:145px;
 height:91px;
 max-width:35%;
 object-fit:cover;
 float:left;
 margin:0 15px 9px 0;
 border-radius:7px;
 border:1px solid #be9a6c;
}

.guest-inline-detail{
 min-width:0;
 min-height:280px;
 margin:0!important;
}

.guest-inline-pane[hidden]{
 display:none!important;
}

.guest-inline-pane > dialog[open]{
 position:static!important;
 display:block!important;
 inset:auto!important;
 width:100%!important;
 max-width:none!important;
 max-height:none!important;
 height:auto!important;
 padding:0!important;
 margin:0!important;
 overflow:visible!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 transform:none!important;
}

.guest-inline-pane > dialog[open] .dialog-body{
 padding:0!important;
 overflow:visible!important;
}

.guest-inline-pane
[data-close="request-dialog"],
.guest-inline-pane
[data-close="progress-script-browser-dialog"]{
 display:none!important;
}

.guest-inline-pane > .participant-actions{
 max-width:none!important;
 margin:0 0 18px!important;
}

.guest-inline-pane > .live-members{
 margin:22px 0 0!important;
}

.guest-inline-pane > .live-members.panel{
 min-height:0!important;
}

.guest-inline-pane #request-form,
.guest-inline-pane #guest-inline-open-avatar{
 width:100%;
}

.guest-inline-pane #guest-inline-open-avatar{
 margin-top:18px;
 max-width:350px;
}

.guest-inline-script
#guest-inline-script-tab{
 margin-top:12px;
}

@media(max-width:850px){
 .room-main.entrance-simple .guest-inline-layout{
  grid-template-columns:minmax(0,1fr);
 }

 .guest-inline-nav{
  grid-template-columns:repeat(3,minmax(0,1fr));
 }

 .guest-inline-nav button{
  font-size:13px;
  padding:9px 7px;
 }
}

@media(max-width:550px){
 .guest-inline-nav{
  grid-template-columns:minmax(0,1fr);
 }

 .guest-inline-detail{
  min-height:180px;
 }

 .guest-inline-thumbnail{
  width:105px;
  height:75px;
 }
}


/* ROLE_TALK_AUDIO_SHARE_PER_ROOM_20261015 */
.guest-inline-form-body {width:100%;min-width:0;}
.guest-inline-form-body h2 {margin:10px 0 18px;}
.guest-inline-form-body form {width:100%;max-width:none;}
.guest-inline-form-body fieldset {margin:18px 0;}
.guest-inline-consent {margin:15px 0 0;padding:0;border:0;min-width:0;}
.guest-inline-consent legend {font-weight:700;margin-bottom:10px;}
.guest-inline-consent-choice {display:flex;align-items:center;gap:11px;padding:9px 0;cursor:pointer;line-height:1.45;}
.guest-inline-consent-choice input[type=radio] {
 appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;
 flex:0 0 19px;width:19px;height:19px;margin:0;border:2px solid #886848;
 border-radius:4px;background:#fffaf3;cursor:pointer;
}
.guest-inline-consent-choice input[type=radio]:checked {background:#5d3b29;border-color:#5d3b29;}
.guest-inline-consent-choice input[type=radio]:checked::after {content:'✓';color:white;font-weight:700;font-size:13px;line-height:1;}
.guest-inline-consent-choice input[type=radio]:focus-visible {outline:3px solid #cfaa70;outline-offset:3px;}
.guest-inline-consent-choice input:disabled {opacity:.6;cursor:default;}
.guest-inline-consent-choice:has(input:disabled) {cursor:default;}
.guest-inline-audio p {margin-bottom:12px;}


/* ROLE_TALK_GUEST_CATALOG_COMPACT_20261018
   Only the inline, view-only script browser on the non-host entrance.
   Do not alter the modal catalog or the host's script picker.
*/
.guest-inline-right,
.guest-inline-detail,
.guest-inline-pane[data-guest-pane="scripts"] {
  min-width: 0;
  box-sizing: border-box;
}
.guest-inline-detail:has(> .guest-inline-pane[data-guest-pane="scripts"]:not([hidden])) {
  height: clamp(480px, 74dvh, 680px) !important;
  min-height: 0 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.guest-inline-detail > .guest-inline-pane[data-guest-pane="scripts"]:not([hidden]) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}
/* The old full-screen modal uses a fixed ~1010px width and modal height.
   As an inline child it MUST instead obey the containing panel. */
.guest-inline-pane[data-guest-pane="scripts"] > #progress-script-browser-dialog[open] {
  display: flex !important;
  flex: 1 1 auto;
  position: static !important;
  box-sizing: border-box !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.guest-inline-pane[data-guest-pane="scripts"] > #progress-script-browser-dialog[open] > .dialog-body {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .dialog-body > h2 {
  margin: 0 0 5px;
  font-size: 19px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .dialog-body > p.hint:first-of-type {
  margin: 0 0 9px;
  padding: 5px 9px;
  font-size: 12px;
  line-height: 1.4;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-readonly-view {
  display: grid !important;
  flex: 1 1 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto minmax(0, 1fr);
  align-content: stretch;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: none !important;
  min-height: 0;
  min-width: 0;
  gap: 6px;
  padding: 0 !important;
  overflow: hidden !important;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-filter-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  gap: 4px !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  border-radius: 8px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-filter-row::before {
  flex-basis: 100%;
  font-size: 11px;
  line-height: 1.25;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-filter-tab {
  box-sizing: border-box;
  width: auto !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
}
/* The matched category, NOT the whole entrance panel, scrolls vertically. */
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog :is(.script-category-panel:not([hidden]), [data-script-favorites-panel]:not([hidden])) {
  display: block;
  grid-column: 1 / -1;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: none !important;
  width: 100%;
  margin: 0;
  padding: 9px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-category-panel > h3 {
  margin: 0 0 7px;
  padding: 0 0 5px;
  font-size: 13px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-row {
  display: grid !important;
  grid-template-columns: minmax(0, 134px) minmax(0, 1fr) !important;
  grid-template-areas: "thumb copy" !important;
  align-items: center !important;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 109px;
  height: auto;
  margin: 0 0 8px !important;
  padding: 9px !important;
  gap: 10px !important;
  border-radius: 9px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-row > .script-catalog-thumb-wrap {
  grid-area: thumb;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  aspect-ratio: 16 / 10 !important;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-copy {
  grid-area: copy;
  min-width: 0;
  gap: 4px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-title-row > strong {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 1.35;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-meta {
  padding: 2px 5px;
  font-size: 11px;
  line-height: 1.25;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-summary {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 !important;
  font-size: 12px;
  line-height: 1.35;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-row:has(> .script-favorite-toggle) .script-catalog-copy {
  padding-right: 34px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-favorite-toggle {
  width: 31px !important;
  min-width: 31px;
  min-height: 31px;
  top: 8px;
  right: 8px;
  font-size: 17px;
}
@media (max-width: 560px) {
  .guest-inline-detail:has(> .guest-inline-pane[data-guest-pane="scripts"]:not([hidden])) {
    height: clamp(440px, 77dvh, 610px) !important;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-readonly-view {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(4, auto) minmax(0, 1fr);
    gap: 4px;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-filter-row {
    padding: 4px 6px !important;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-filter-row::before {
    flex: 0 0 auto;
    margin-right: 3px;
    align-self: center;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-filter-tab {
    min-height: 27px !important;
    height: 27px !important;
    padding: 2px 7px !important;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-row {
    grid-template-columns: minmax(0, 96px) minmax(0, 1fr) !important;
    grid-template-areas: "thumb copy" !important;
    gap: 8px !important;
    min-height: 89px;
    padding: 7px !important;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-row > .script-catalog-thumb-wrap {
    max-height: none;
    aspect-ratio: 16 / 10 !important;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-title-row > strong {
    font-size: 13px;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-summary {
    font-size: 11px;
  }
}
/* Keep favorites above the results even though its panel precedes filters in markup. */
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-readonly-view > .script-filter-row {
  order: 0;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .script-catalog-readonly-view > :is(.script-category-panel, [data-script-favorites-panel]) {
  order: 2;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog [data-script-favorites-panel]:not([hidden]) .script-catalog-row {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "copy" !important;
  min-height: 75px;
  padding-right: 42px !important;
}

/* ROLE_TALK_GUEST_HOST_FILTERS_20261018: new readonly guest-only four-filter layout. */
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden !important;
  gap: 5px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  flex: 0 0 auto;
  align-items: start;
  gap: 5px 11px;
  min-width: 0;
  padding: 8px !important;
  margin: 0 !important;
  border-radius: 8px;
  background: #f3e7d7;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 7px;
  min-width: 0;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-filter-label {
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  color: #65442c;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-filter-values {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip {
  min-width: 0;
  min-height: 26px !important;
  height: auto !important;
  padding: 3px 7px !important;
  margin: 0 !important;
  border: 1px solid #c8a981;
  border-radius: 6px;
  background: #fffaf4;
  color: #61422d;
  font-size: 11px !important;
  font-weight: 650;
  line-height: 1.3 !important;
  white-space: nowrap;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip[aria-pressed="true"] {
  background: #654028;
  color: #fffaf2;
  border-color: #654028;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip:focus-visible {
  outline: 2px solid #916333;
  outline-offset: 1px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-bar {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 5px 8px;
  align-items: center;
  min-width: 0;
  padding: 1px 0 3px;
  font-size: 12px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-bar .guest-catalog-favorites {
  margin-left: auto !important;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-results {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  padding: 4px 6px 6px 2px;
}
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog [data-guest-catalog-card][hidden],
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog [data-guest-catalog-empty][hidden] {
  display: none !important;
}
@media (max-width: 560px) {
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters {
    grid-template-columns: minmax(0,1fr);
    gap: 4px;
    padding: 6px !important;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-filter {
    gap: 3px 5px;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip {
    font-size: 10px !important;
    min-height: 24px !important;
    padding: 3px 6px !important;
  }
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-bar {
    font-size: 11px;
  }
}


/* ROLE_TALK_HOST_GUEST_UNIFIED_FILTERS_20261018
   Single visual contract for host selection and guest read-only catalog.
   Only presentation CSS; fixed guest frame height and thumbnail cards unchanged. */
#progress-script-dialog .script-search-filters,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  align-items: start !important;
  gap: 9px 14px !important;
  padding: 10px 12px !important;
  margin-bottom: 8px !important;
  background: #f3e7d7 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}
#progress-script-dialog .script-search-filter,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-filter {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 4px !important;
  min-width: 0 !important;
}
#progress-script-dialog .script-search-filter-label,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-filter-label {
  color: #5f402d !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
}
#progress-script-dialog .script-search-filter-values,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-filter-values {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: 100% !important;
}
#progress-script-dialog .script-search-filter-values .script-search-chip,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 29px !important;
  height: auto !important;
  box-sizing: border-box !important;
  padding: 5px 9px !important;
  margin: 0 !important;
  border: 1px solid #cfb99b !important;
  border-radius: 7px !important;
  background: #fffaf4 !important;
  color: #61422d !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}
#progress-script-dialog .script-search-filter-values .script-search-chip[aria-pressed="true"],
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip[aria-pressed="true"] {
  background: #654028 !important;
  color: #fffaf2 !important;
  border-color: #654028 !important;
}
#progress-script-dialog .script-search-filter-values .script-search-chip:disabled,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip:disabled {
  opacity: .53 !important;
  cursor: not-allowed !important;
}
#progress-script-dialog .script-search-filter-values .script-search-chip:focus-visible,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip:focus-visible {
  outline: 2px solid #986331 !important;
  outline-offset: 2px !important;
}
@media (max-width: 760px) {
  #progress-script-dialog .script-search-filters,
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters {
    grid-template-columns: minmax(0,1fr) !important;
    padding: 8px !important;
    gap: 8px !important;
  }
  #progress-script-dialog .script-search-filter-values .script-search-chip,
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-modern .script-search-chip {
    min-height: 27px !important;
    padding: 4px 7px !important;
    font-size: 11px !important;
  }
}


/* ROLE_TALK_FILTER_COLUMN_REORDER_20261018
   Host and guest: left Language/Participants; right Level/Lines.
   Independent vertical flow removes blank row caused by tallest grid cell.
   Filters only; no change to guest frame/cards, picker events or backend. */
#progress-script-dialog .script-search-filters,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  gap: 12px !important;
  align-items: start !important;
}
#progress-script-dialog .script-search-filters > .script-filter-column,
.guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters > .script-filter-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 760px) {
  #progress-script-dialog .script-search-filters,
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  #progress-script-dialog .script-search-filters > .script-filter-column,
  .guest-inline-pane[data-guest-pane="scripts"] #progress-script-browser-dialog .guest-catalog-filters > .script-filter-column {
    gap: 8px;
  }
}


/* ROLE_TALK_GUEST_AVATAR_INLINE_20261018
   Same outer frame height as guest script browser; the thumbnail GRID alone scrolls.
   Header avatar modal, host avatar controls and all database endpoints untouched. */
.guest-inline-detail:has(> .guest-inline-pane[data-guest-pane="avatar"]:not([hidden])) {
  height: clamp(480px, 74dvh, 680px) !important;
  min-height: 0 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.guest-inline-pane[data-guest-pane="avatar"]:not([hidden]) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.guest-inline-pane[data-guest-pane="avatar"] > h2 {margin:0 0 7px; flex:none;}
.guest-inline-pane[data-guest-pane="avatar"] > p {margin:0 0 12px; flex:none;}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-catalog {
  box-sizing:border-box;display:flex;flex-direction:column;
  flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;
}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-catalog > .form-error:empty {display:none;}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-results {
  box-sizing:border-box; flex:1 1 auto;min-height:0;min-width:0;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-gutter:stable; padding:7px 4px 7px 0;
}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-group {margin-bottom:12px;min-width:0;}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-group > h3 {font-size:14px;margin:0 0 8px;}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-grid {
  display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));
  gap:10px;min-width:0;
}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-choice {
  display:flex;flex-direction:column;align-items:stretch;gap:6px;
  box-sizing:border-box;min-width:0;width:100%;min-height:0;
  padding:7px;margin:0;border-radius:9px;
  border:1px solid #cfb392;background:#fffaf4;
  color:#51341f;cursor:pointer;text-align:center;
}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-choice img {
  width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;
  background:#f3e8db;border-radius:5px;display:block;
}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-choice .guest-avatar-action {
  font-size:12px;line-height:1.35;font-weight:700;white-space:normal;
}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-choice.is-selected {
  background:#ecdbca;border:2px solid #68432b;padding:6px;
}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-choice.is-selected .guest-avatar-action {color:#59351f;}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-choice:focus-visible {outline:3px solid #b78544;outline-offset:2px;}
.guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-choice:disabled {cursor:not-allowed;opacity:.6;}
@media(max-width:560px) {
 .guest-inline-detail:has(> .guest-inline-pane[data-guest-pane="avatar"]:not([hidden])) {
   height:clamp(440px,77dvh,610px) !important;
 }
 .guest-inline-pane[data-guest-pane="avatar"] .guest-avatar-grid {
   grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 }
}