/* Ga Vang -- refreshed conversation screen. Scoped to the meeting room. */
html body.gv-room-focus {
  --gvr-panel: #0b2d22;
  --gvr-wood: #8f5f32;
  --gvr-accent: #ffdc83;
}
html body.gv-room-focus #app-shell {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  height: calc(100dvh - var(--gvr-screen-header-height, 69px)) !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}
html body.gv-room-focus #app-shell .main {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 10px !important;
  overflow: hidden !important;
}
html body.gv-room-focus #app-shell .top-banner,
html body.gv-room-focus #app-shell .wallet-row,
html body.gv-room-focus #app-shell .farm-scene { display: none !important; }
html body.gv-room-focus #app-shell .main .page-section[data-page="meeting"] {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 9px 0 calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: hidden !important;
}
html body.gv-room-focus #app-shell .main .page-section[data-page="meeting"].hidden { display: none !important; }
html body.gv-room-focus .bottom-nav,
html body.gv-room-focus #gvfdToggle,
html body.gv-room-focus #gvfdSubnav,
html body.gv-room-focus #gvfdDrawer { display: none !important; }
html body.gv-room-focus #app-shell .main .page-section[data-page="meeting"] #gvRoomMediaRoot {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 9px;
  min-height: 0;
  height: 100%;
  margin: 0;
  padding: 0 !important;
  color: #fff4de;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-room-toolbar { display:none !important; }

/* The back button is now part of the wood header. */
#gvRoomMediaRoot.gvr-premium-ready .gvr-head {
  position: relative;
  display: grid;
  grid-template-columns: 40px 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 79px;
  padding: 11px 10px;
  border: 1.5px solid #c7924e;
  border-radius: 18px;
  background:
    linear-gradient(155deg, rgba(255,208,131,.13),transparent 42%),
    repeating-linear-gradient(0deg,transparent 0 13px,rgba(41,19,8,.075) 14px 15px),
    linear-gradient(145deg,#83502a 0%,#59361e 72%,#472c1a 100%);
  box-shadow: inset 0 1px 0 rgba(255,235,186,.46),inset 0 -2px 0 rgba(33,18,10,.28),0 5px 15px rgba(0,0,0,.16);
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-head:before,
#gvRoomMediaRoot.gvr-premium-ready .gvr-head:after {
  position: absolute;
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%,#ffdea0,#935623 70%);
  box-shadow: inset 0 0 0 1px #6e431e;
  top: 6px;
  pointer-events: none;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-head:before {right:7px}
#gvRoomMediaRoot.gvr-premium-ready .gvr-head:after {left:7px}
#gvRoomMediaRoot.gvr-premium-ready .gvr-head .gvr-exit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  width: 40px;
  height: 44px;
  min-height: 0;
  margin: 0;
  padding: 3px 0;
  border-radius: 12px;
  border: 1px solid #c89b5d;
  background:linear-gradient(160deg,#704121,#4c2b17);
  box-shadow:inset 0 1px 0 rgba(255,234,187,.22);
  color:#fff0ca;
  line-height:1;
  cursor:pointer;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-exit .gvr-back-icon {
  display: block;
  font-size: 22px;
  font-weight: 900;
  line-height: 20px;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-exit .gvr-back-label {
  display: block;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-head-emoji {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,221,139,.42);
  border-radius:12px;
  background:radial-gradient(circle at 45% 25%,#567c42,#24452b 75%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.17);
  font-size:23px;
  line-height:1;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-head strong {
  display:block;
  overflow-wrap:normal;
  font-size:clamp(13px,3.7vw,16px);
  font-weight:900;
  line-height:1.2;
  color:#fff4d5;
  text-shadow:0 2px 2px rgba(41,19,9,.4);
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-head small {
  display:block;
  margin-top:4px;
  font-size:10px;
  color:#f5d6a0;
  line-height:1.2;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-live {
  display: inline-flex;
  align-items:center;
  margin:0;
  padding:5px 7px;
  border:1px solid #6d9968;
  border-radius:999px;
  background:rgba(15,58,36,.66);
  color:#b9ffad;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-info {
  display:flex;
  align-items:center;
  min-height:29px;
  padding:6px 12px;
  border-radius:11px;
  border:1px solid #32634c;
  background:linear-gradient(90deg,#164b35,#123e2e);
  color:#c9e9c1;
  font-size:10px;
  line-height:1.35;
  box-shadow:none;
}

/* Grow the conversation panel; keep its own scroll, not the whole app. */
#gvRoomMediaRoot.gvr-premium-ready .gvr-box {
  position: relative;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  height:auto;
  overflow:hidden;
  padding:5px;
  border:1.5px solid #99704a;
  border-radius:18px;
  background:linear-gradient(160deg,#79502f 0%,#4f3424 62%,#72502d 100%);
  box-shadow:inset 0 1px 0 rgba(255,232,169,.34),0 5px 12px rgba(0,0,0,.15);
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-feed {
  position:relative;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:13px;
  min-height:0;
  height:auto !important;
  max-height:none !important;
  margin:0;
  padding:17px 11px 20px;
  border:1px solid #285540;
  border-radius:13px;
  background:
    radial-gradient(ellipse at 50% -10%,rgba(70,137,78,.19) 0%,transparent 65%),
    radial-gradient(circle at 20% 80%,rgba(60,118,76,.12),transparent 48%),
    linear-gradient(135deg,rgba(255,255,255,.015) 25%,transparent 25%) 0 0/27px 27px,
    linear-gradient(145deg,#123d2b,#0c3125 58%,#0c2b22);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#4e8060 transparent;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-older {
  flex:none;
  border:1px solid #a98345;
  border-radius:99px;
  padding:7px 11px;
  margin:2px auto 8px;
  font-size:10px;
  box-shadow:none;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-row {gap:8px;align-items:flex-end}
#gvRoomMediaRoot.gvr-premium-ready .gvr-avatar {
  width:33px;
  height:33px;
  border:2px solid #d6b46b;
  box-shadow:0 2px 7px rgba(0,0,0,.22);
  border-radius:50%;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-bubble {
  position:relative;
  min-width:0;
  max-width:min(81%,300px);
  padding:10px 12px;
  border:1px solid rgba(114,161,116,.7);
  border-radius:16px 16px 16px 5px;
  background:linear-gradient(160deg,#285a42,#1d4a37);
  box-shadow:0 3px 12px rgba(3,22,13,.19), inset 0 1px 0 rgba(255,255,255,.055);
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-row.mine .gvr-bubble {
  border-color:#c7a361;
  border-radius:16px 16px 5px 16px;
  background:linear-gradient(155deg,#8b5b2c,#66401f);
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:7px;
  margin-bottom:5px;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-meta strong {font-size:11px;color:#ffdf8e;font-weight:900}
#gvRoomMediaRoot.gvr-premium-ready .gvr-meta small {font-size:9px;color:#d7d7b7}
#gvRoomMediaRoot.gvr-premium-ready .gvr-text {font-size:12.5px;line-height:1.56;white-space:pre-wrap;overflow-wrap:anywhere;color:#f8f8e8}
#gvRoomMediaRoot.gvr-premium-ready .gvr-photo {
  display:block;
  width:min(240px,100%);
  max-height:270px;
  margin-top:7px;
  border-radius:11px;
  object-fit:contain;
  background:#0e392b;
  border:1px solid rgba(255,228,167,.17);
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-empty {
  align-self:center;
  margin:auto;
  padding:20px;
  font-size:12px;
  line-height:1.5;
  text-align:center;
  color:#cde3ca;
}

/* Composing area anchored directly beneath the conversation. */
#gvRoomMediaRoot.gvr-premium-ready .gvr-compose {
  flex:none;
  min-height:66px;
  margin:0;
  padding:10px 10px 11px;
  border:1.5px solid #9e7440;
  border-radius:16px;
  background:linear-gradient(160deg,#29553b,#194333);
  box-shadow:inset 0 1px 0 rgba(255,235,167,.22),0 3px 12px rgba(0,0,0,.12);
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-controls {display:flex;align-items:center;gap:8px}
#gvRoomMediaRoot.gvr-premium-ready .gvr-add {
  display:grid;
  place-items:center;
  flex:none;
  width:42px;
  height:44px;
  border:1px solid #6e9466;
  border-radius:12px;
  background:linear-gradient(150deg,#376c49,#24553a);
  box-shadow:inset 0 1px 0 rgba(235,255,205,.12);
  font-size:21px;
  cursor:pointer;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-input {
  display:block;
  width:100%;
  min-width:0;
  min-height:44px;
  height:44px;
  max-height:110px;
  padding:11px 12px;
  border:1px solid #54856a;
  border-radius:12px;
  background:#0c3227;
  color:#fff9e9;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.09);
  font-size:13px;
  line-height:20px;
  resize:none;
  outline:0;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-input::placeholder {color:#b9c8ad}
#gvRoomMediaRoot.gvr-premium-ready .gvr-input:focus {border-color:#e9c877;box-shadow:0 0 0 2px rgba(245,202,101,.12)}
#gvRoomMediaRoot.gvr-premium-ready .gvr-send {
  flex:none;
  align-self:center;
  min-width:64px;
  height:44px;
  padding:0 11px;
  border:1px solid #e9ae44;
  border-radius:12px;
  background:linear-gradient(165deg,#ffe59b,#f9b533);
  color:#603907;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 0 #995714;
  font-size:12px;
  font-weight:900;
}
#gvRoomMediaRoot.gvr-premium-ready .gvr-send:active {transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
#gvRoomMediaRoot.gvr-premium-ready .gvr-status {min-height:0;margin:5px 2px 0;line-height:1.4}
#gvRoomMediaRoot.gvr-premium-ready .gvr-status:empty {display:none}
#gvRoomMediaRoot.gvr-premium-ready .gvr-hint {display:none!important}
#gvRoomMediaRoot.gvr-premium-ready .gvr-preview[hidden] {display:none}
#gvRoomMediaRoot.gvr-premium-ready .gvr-preview {margin-bottom:9px}
#gvRoomMediaRoot.gvr-premium-ready button:focus-visible,
#gvRoomMediaRoot.gvr-premium-ready .gvr-add:focus-within {outline:2px solid #ffdb8a;outline-offset:2px}

@media(max-width:380px){
  #gvRoomMediaRoot.gvr-premium-ready .gvr-head {grid-template-columns:36px 35px minmax(0,1fr) auto;gap:5px;padding:10px 7px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-head .gvr-exit {width:36px;height:40px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-head-emoji {width:35px;height:35px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-live {font-size:8px;padding:4px 5px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-head small {font-size:9px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-bubble {max-width:84%}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-feed {padding:13px 7px 15px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-controls {gap:6px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-compose {padding:8px 7px 9px}
  #gvRoomMediaRoot.gvr-premium-ready .gvr-send {min-width:56px;padding:0 8px}
}
@media(max-height:690px){
  #gvRoomMediaRoot.gvr-premium-ready .gvr-info{display:none}
  html body.gv-room-focus #app-shell .main .page-section[data-page="meeting"] #gvRoomMediaRoot{gap:7px}
}
@media(prefers-reduced-motion:reduce){
  #gvRoomMediaRoot.gvr-premium-ready .gvr-send {transition:none;animation:none}
}