/* 0.18.44 · Category 2 corrective round J1–J4 + owner transcription provider marker.
   Figma authority: 156:7, 156:66, 156:139, 156:179. */

/* J2/J3 · Room header: neutral room-info affordance, adaptive one-row actions, no vanished controls. */
.room-head { position:relative; }
.room-title-line { min-width:0; display:flex; align-items:center; gap:7px; }
.room-title-line h2 { min-width:0; margin:0; }
.room-info-button {
  flex:0 0 auto!important; width:34px!important; min-width:34px!important; height:34px!important; padding:0!important;
  display:inline-grid!important; place-items:center!important; border:1px solid rgba(var(--rooms-rgb-8297b6,130,151,182),0.34)!important;
  border-radius:10px!important; color:rgb(var(--rooms-rgb-9baabe,155,170,190))!important; background:rgba(var(--rooms-rgb-111d2c,17,29,44),0.72)!important; box-shadow:none!important;
}
.room-info-button:hover { color:rgb(var(--rooms-rgb-dce6f4,220,230,244))!important; border-color:rgba(var(--rooms-rgb-9db4d6,157,180,214),0.52)!important; background:rgba(var(--rooms-rgb-1c2c41,28,44,65),0.82)!important; transform:none!important; }
.room-info-button svg { width:16px!important; height:16px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; }
html[data-theme="light"] .room-info-button { color:rgb(var(--rooms-rgb-5c6d84,92,109,132))!important; background:rgba(255,255,255,.74)!important; border-color:rgba(var(--rooms-rgb-435875,67,88,117),0.23)!important; }

.room-info-popover {
  display:none; position:absolute; z-index:176; top:62px; left:10px; right:auto;
  width:min(340px,calc(100vw - 20px)); max-height:calc(var(--buddy-vv-height,var(--app-viewport-height,100dvh)) - 82px);
  overflow:auto; box-sizing:border-box; padding:14px; border:1px solid rgb(var(--rooms-rgb-33445e,51,68,94)); border-radius:16px;
  color:var(--text); background:rgba(var(--rooms-rgb-0d1623,13,22,35),0.985); box-shadow:0 22px 58px rgba(0,0,0,.52);
}
.room-info-popover:not(.hidden) { display:block!important; }
.room-info-popover-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.room-info-popover-head>b { font-size:14px; }
.room-info-popover-head .icon-button { width:36px!important; min-width:36px!important; height:36px!important; padding:0!important; }
.room-info-popover dl { margin:0 0 12px; display:grid; gap:5px; }
.room-info-popover dl>div { min-height:38px; padding:0 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid rgba(var(--rooms-rgb-526989,82,105,137),0.22); border-radius:9px; background:rgba(255,255,255,.018); }
.room-info-popover dt { color:rgb(var(--rooms-rgb-94a4ba,148,164,186)); font-size:10px; font-weight:750; }
.room-info-popover dd { margin:0; color:var(--text); font-size:11px; font-weight:850; }
.room-info-entry-toggle { min-height:28px!important; height:28px!important; padding:0 9px!important; border:1px solid rgba(100,230,172,.30)!important; border-radius:8px!important; color:#cfeadd!important; background:rgba(32,114,78,.12)!important; font-size:9px!important; font-weight:850!important; box-shadow:none!important; }
.room-info-entry-toggle.room-entry-closed { color:#e4c5ca!important; border-color:rgba(227,124,139,.28)!important; background:rgba(118,46,57,.10)!important; }
.room-info-entry-toggle:disabled { cursor:default!important; opacity:.78!important; transform:none!important; }
.room-info-link { display:grid; gap:6px; }
.room-info-link>span { color:rgb(var(--rooms-rgb-94a4ba,148,164,186)); font-size:9px; font-weight:700; }
.room-info-link>div { min-height:40px; padding:3px 4px 3px 10px; display:flex; align-items:center; gap:8px; border:1px solid rgba(var(--rooms-rgb-526989,82,105,137),0.27); border-radius:10px; background:rgba(255,255,255,.018); }
.room-info-link code { min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgb(var(--rooms-rgb-9dbbff,157,187,255)); font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; }
#roomInfoCopyBtn { flex:0 0 34px!important; width:34px!important; min-width:34px!important; height:34px!important; min-height:34px!important; padding:0!important; display:grid!important; place-items:center!important; }
#roomInfoCopyBtn svg { width:16px!important; height:16px!important; }
html[data-theme="light"] .room-info-popover { background:rgba(249,251,254,.99); border-color:rgb(var(--rooms-rgb-c8d4e3,200,212,227)); box-shadow:0 22px 50px rgba(var(--rooms-rgb-1b304c,27,48,76),0.18); }

.room-head-overflow-button { position:relative; flex:0 0 38px; width:38px; min-width:38px; height:36px; padding:0; place-items:center; border:1px solid rgba(var(--rooms-rgb-8297b6,130,151,182),0.32); border-radius:10px; color:rgb(var(--rooms-rgb-dce6f4,220,230,244)); background:rgb(var(--rooms-rgb-111d2c,17,29,44)); box-shadow:none; }
.room-head-overflow-button:not(.hidden) { display:grid!important; }
.room-head-overflow-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; }
.room-head-overflow-menu {
  display:none; position:absolute; z-index:180; top:60px; right:10px; width:min(244px,calc(100vw - 20px)); padding:6px;
  border:1px solid rgb(var(--rooms-rgb-33445e,51,68,94)); border-radius:12px; background:rgba(var(--rooms-rgb-0d1623,13,22,35),0.99); box-shadow:0 20px 50px rgba(0,0,0,.56);
}
.room-head-overflow-menu:not(.hidden) { display:grid!important; gap:2px; }
.room-head-overflow-action { min-height:38px; width:100%; padding:0 10px; display:flex; align-items:center; gap:9px; border:0; border-radius:8px; color:var(--text); background:transparent; text-align:left; font-size:10px; font-weight:750; box-shadow:none; }
.room-head-overflow-action:hover:not(:disabled) { transform:none; background:rgba(var(--rooms-rgb-7ca6ff,124,166,255),0.09); }
.room-head-overflow-action svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.room-head-overflow-action.active,.room-head-overflow-action.is-ready { color:rgb(var(--rooms-rgb-cfe0ff,207,224,255)); }
html[data-theme="light"] .room-head-overflow-menu { background:rgba(249,251,254,.99); border-color:rgb(var(--rooms-rgb-c8d4e3,200,212,227)); box-shadow:0 18px 44px rgba(var(--rooms-rgb-1b304c,27,48,76),0.18); }

@media (max-width:760px) {
  .room-head { min-height:50px!important; height:50px!important; padding:6px 8px!important; display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:6px!important; }
  .room-title-group { min-width:0!important; flex:1 1 auto!important; display:block!important; }
  .room-title-line { min-width:0; gap:5px; }
  .room-title-line h2 { flex:1 1 auto; max-width:none!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px!important; line-height:1.2; }
  .room-summary,.breakout-context { display:none!important; }
  .room-info-button { width:34px!important; min-width:34px!important; height:34px!important; }
  .room-head-actions { min-width:0!important; flex:0 0 auto!important; max-width:none!important; display:flex!important; align-items:center!important; gap:5px!important; flex-wrap:nowrap!important; }
  .room-head.room-head-icon-actions .room-head-actions>#copyRoomBtn:not(.hidden),
  .room-head.room-head-icon-actions .room-head-actions>#breakoutsBtn:not(.hidden),
  .room-head.room-head-icon-actions .room-head-actions>#lockRoomBtn:not(.hidden),
  .room-head.room-head-icon-actions .room-head-actions>#transcriptionBtn:not(.hidden),
  .room-head .room-head-actions>#transcriptionRunBtn:not(.hidden) {
    position:relative; display:inline-flex!important; flex:0 0 40px!important; width:40px!important; min-width:40px!important; height:36px!important; min-height:36px!important; padding:0!important; align-items:center!important; justify-content:center!important; border-radius:10px!important;
  }
  .room-head.room-head-icon-actions .room-head-primary-action>span,
  .room-head .room-head-actions>#transcriptionRunBtn>span { display:none!important; }
  .room-head.room-head-icon-actions .room-head-primary-action>svg,
  .room-head .room-head-actions>#transcriptionRunBtn>svg { width:16px!important; height:16px!important; margin:0!important; }
  .room-head.room-head-overflowed .room-head-primary-action { display:none!important; }
  .room-head.room-head-overflowed #transcriptionRunBtn:not(.hidden) { display:inline-flex!important; }
  .room-head:not(.room-head-overflowed) #roomHeadOverflowBtn { display:none!important; }
  .room-head-actions>#admissionNotice:not(.hidden) { flex:0 0 36px!important; width:36px!important; min-width:36px!important; height:36px!important; padding:0!important; }
  .room-head-actions>#admissionNotice span { display:none!important; }
  .room-info-popover { position:absolute; top:58px; left:8px; right:auto; width:min(340px,calc(100vw - 16px)); }
  .room-head-overflow-menu { top:58px; right:8px; }
  .connection-indicator { width:28px!important; min-width:28px!important; height:34px!important; min-height:34px!important; padding:0!important; border:0!important; background:transparent!important; }
  .connection-indicator .connection-label { display:none!important; }
}
@media (max-width:340px) {
  .room-head { min-height:48px!important; height:48px!important; }
  .room-title-line h2 { font-size:13px!important; }
  .room-info-button { width:32px!important; min-width:32px!important; height:32px!important; }
}

/* J1 · Fullscreen panel retains Together / Participants / Chat and theme control gets out of the way. */
@media (max-width:760px) {
  .room.panel-fullscreen .hybridTabBtn,#participantPanel.panel-fullscreen #hybridTabBtn { display:flex!important; }
  #participantPanel.panel-fullscreen .panel-tabs { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; }
  #participantPanel.panel-fullscreen .panel-tab { min-width:0!important; justify-content:center!important; }
  .room.panel-fullscreen .buddy-room-theme-circle { display:none!important; }
  #participantPanel.panel-fullscreen.panel-mode-hybrid { grid-template-rows:auto minmax(120px,.40fr) 0 minmax(160px,.60fr)!important; }
  #participantPanel.panel-fullscreen.panel-mode-hybrid .participants-pane { display:block!important; min-height:0!important; overflow:auto!important; }
  #participantPanel.panel-fullscreen.panel-mode-hybrid .chat-resizer { display:none!important; height:0!important; }
  #participantPanel.panel-fullscreen.panel-mode-hybrid .chat-panel { display:grid!important; min-height:0!important; overflow:hidden!important; }
  #participantPanel.panel-fullscreen.panel-mode-participants { grid-template-rows:auto minmax(0,1fr)!important; }
  #participantPanel.panel-fullscreen.panel-mode-chat { grid-template-rows:auto minmax(0,1fr)!important; }
}

/* J4 · Transcription start modal: equal choices, result actions stay in result surface only. */
.transcription-scope-options { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
.transcription-scope-option { min-height:142px!important; }
.transcription-scope-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; }
.transcription-scope-actions #transcriptionScopeStartBtn { grid-column:1!important; }
.transcription-scope-actions #transcriptionScopeCancelBtn { grid-column:2!important; }
html.buddy-room-active .br-room-header-responsive .transcription-action:not(.is-active):not(.is-ready) .transcription-action-state,
.transcription-action:not(.is-active):not(.is-ready) .transcription-action-state { display:none!important; }
@media (max-width:760px) {
  .transcription-scope-options { grid-template-columns:1fr!important; }
  .transcription-scope-option { min-height:104px!important; }
  .transcription-scope-actions { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state,
  html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state {
    display:grid!important; place-items:center!important; position:absolute!important; left:auto!important; right:-4px!important; top:-5px!important;
    width:15px!important; min-width:15px!important; height:15px!important; padding:0!important; border:2px solid rgb(var(--rooms-rgb-0d1725,13,23,37))!important; border-radius:50%!important; box-shadow:none!important;
  }
  html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state { background:#1b5d3e!important; }
  html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state::before { content:""!important; width:7px!important; height:7px!important; border-radius:50%!important; background:#64e6ac!important; }
  html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state { background:#1b5d3e!important; }
  html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state::before { content:"✓"!important; width:auto!important; height:auto!important; color:#dffff0!important; background:transparent!important; font:900 8px/1 "Segoe UI Variable","Segoe UI",sans-serif!important; }
  html.buddy-room-active .br-room-header-responsive .transcription-action-state-text { display:none!important; }
}

/* Result-only, owner/co-host model route marker. */
.transcript-session-footer-meta { min-width:0; flex:1 1 260px; display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.transcript-session-footer-meta>small { min-width:0; color:rgb(var(--rooms-rgb-718198,113,129,152)); font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
.transcript-provider-marker { flex:0 0 auto; max-width:190px; padding:3px 6px; border:1px solid rgba(var(--rooms-rgb-8297b6,130,151,182),0.24); border-radius:7px; color:rgb(var(--rooms-rgb-7f8da2,127,141,162)); background:rgba(var(--rooms-rgb-6c7e98,108,126,152),0.055); font-size:7px; line-height:1.15; font-weight:750; letter-spacing:.01em; white-space:nowrap; cursor:help; }
html[data-theme="light"] .transcript-provider-marker { color:rgb(var(--rooms-rgb-69798e,105,121,142)); border-color:rgba(var(--rooms-rgb-3f5470,63,84,112),0.18); background:rgba(var(--rooms-rgb-506582,80,101,130),0.045); }
@media (max-width:560px) {
  .transcript-session-footer-meta { flex:1 1 100%; width:100%; }
  .transcript-provider-marker { max-width:100%; }
}