/* Call geometry. Tokens only. These rules outrank the room style tag. */
body #incomingCall .ic-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--sp1);
}
body #incomingCall .ic-row button{
  min-height:var(--sp-tap);
  height:auto;
  min-width:var(--tile-s);
  justify-content:center;
  box-sizing:border-box;
}
body #incomingCall #icAudio{
  background:var(--good);
  border-color:var(--good);
  color:var(--navy);
}
body #incomingCall #icVideo,
body #incomingCall #icMessage{
  background:var(--panel);
  border-color:var(--panel);
  color:var(--ink);
}
body #incomingCall #icDecline,
body #roomExit #rxVleave{
  background:var(--bad);
  border-color:var(--bad);
  color:var(--navy);
}
body #roomExit{
  gap:var(--sp1);
  margin-left:var(--sp2);
  margin-right:var(--sp2);
}
body #roomExit .rx-voice{
  min-height:var(--sp-tap);
  min-width:var(--tile-s);
}
/* GoldV12 Matrix, "Incoming call at every size": the four tiles mirror about the centre in two equal columns and the smallest target is
   56 px; elara_chat_polish.css set 48. Filling the phone screen, as the board also draws, waits on the founder: the held test
   test_mobile_video_answer.py keeps the thread and composer usable while a phone rings. */
body #incomingCall.open .ic-row button{min-height:calc(var(--tile-s) + var(--sp1) + var(--sp1) / 2)}   /* 44 + 8 + 4 = the board's 56: only tokens both geometry fixtures declare */
body #incomingCall .ic-av{display:grid;place-items:center;width:var(--tile-s);height:var(--tile-s);margin:0 0 var(--sp1);background:color-mix(in srgb,var(--cyan) 22%,var(--panel));border:var(--bw-hair) solid var(--cyan);color:var(--ink);font:var(--w-semi) var(--fs-lg)/var(--lh-tight) var(--ff-product)}   /* the caller's square: a cyan hairline on a tinted fill, seen on the card in day and night */
body.light #incomingCall .ic-av{border-color:var(--paper-cyan)}   /* the night cyan reads 1.81:1 on the white day card, under the 3:1 a boundary needs; the day cyan reads above 5:1 */
#elaraCallBar{display:flex;gap:var(--sp1);margin-left:var(--sp2);margin-right:var(--sp2)}
.narrow #elaraCallBar{gap:var(--sp-half)}
#elaraCallBar button{flex:1 1 var(--tile-s);min-height:var(--tile-s);min-width:var(--tile-s)}
#elaraCallBar .end{background:var(--bad);color:var(--navy)}
body .rp.speaking .rp-avatar{outline:var(--bw-rule) solid var(--cyan);outline-offset:0}
.rv-av{width:var(--tile-l);height:var(--tile-l);border-radius:0}