/* Owner: ordinary desktop and Selfie calls share the same Rosi-left/chat-right shell. */
@media (min-width:768px) and (pointer:fine), (min-width:1025px) {
 #app > .conversation,#app > .conversation.chat-collapsed {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #app > .conversation > .presence {grid-column:1;grid-row:1;min-width:0;visibility:visible}
 #app > .conversation > .presence .scene-body {visibility:visible}
 #app > .conversation > #conversation-panel {grid-column:2;grid-row:1;position:relative;inset:auto;display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;visibility:visible}
 #app > .conversation > #conversation-panel .chat-header,#app > .conversation > #conversation-panel .composer {flex:none}
 #app > .conversation > #conversation-panel .messages {flex:1;min-height:0;overflow:auto}
 #app #chat-collapse,#app #chat-reopen {display:none!important}
}
/* Keep the initial and retry actions inside the first viewport; socials start below it. */
#app:not([data-call-active="true"]) {padding-bottom:0}
#app:not([data-call-active="true"]) > .conversation,
#app:not([data-call-active="true"]) > .conversation.chat-collapsed {
 height:calc(var(--rosi-entry-viewport,100svh) - var(--rosi-header-reserve,72px));min-height:240px;
}
#app:not([data-call-active="true"]) .presence {height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto auto}
#app:not([data-call-active="true"]) .presence .scene-body {min-height:0;height:100%;grid-row:1;overflow:hidden}
#app:not([data-call-active="true"]) .presence #stage {height:100%;min-height:0;max-height:none}
#app:not([data-call-active="true"]) .presence #desktop-steps {grid-row:2}
#app:not([data-call-active="true"]) .presence .controls {grid-row:3;grid-template-rows:auto;grid-auto-rows:auto;align-content:end;padding-bottom:max(12px,env(safe-area-inset-bottom))}
#app:not([data-call-active="true"]) .presence .controls .notice {grid-row:auto}
#app:not([data-call-active="true"]) > footer {position:static!important;inset:auto;margin:24px clamp(24px,4vw,72px) 0}
/* Legacy mobile chat-overlay styles must never hide Rosi after resizing a desktop call. */
@media(max-width:767px),(max-width:1024px) and (pointer:coarse){
 #app .presence .scene-body {visibility:visible!important}
 #app #conversation-panel,#app[data-chat-open="true"] #conversation-panel {display:none!important}
 #app[data-chat-open="true"] .presence>.controls {display:grid!important}
}

/* Owner mini-fix: quieter secondary action; keep the existing tap area. */
#rating-dialog #rating-later.text-button {
  font-size: 13px;
  font-weight: 400;
  color: #767676;
  text-decoration-color: #b8b8b8;
  text-underline-offset: 3px;
  min-height: 44px;
}

/* Give the iPhone action a little more breathing room below the rating. */
@media (max-width: 700px) {
  #rating-dialog #rating-later.text-button {
    margin-top: clamp(12px, 2.5svh, 22px);
  }
}

/* Owner 19 Sep: colour describes the available action; aria-pressed remains actual camera state. */
.camera-call-control[aria-pressed="false"] .camera-control-circle{background:#b9f320;color:#24320c}
.camera-call-control[aria-pressed="true"] .camera-control-circle{background:#f0f2ec;color:#343a2d}
.camera-call-control .camera-slash{display:none!important}