/* Icon geometry is independent of system fonts and colour-emoji preferences. */
.pp-arrow-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible;pointer-events:none}
.pp-arrow-icon path{fill:none;stroke:currentColor;stroke-width:inherit;stroke-linecap:inherit;stroke-linejoin:inherit}
.btn>.arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:20px;line-height:1}
.btn>.pp-arrow-icon{width:20px;height:20px}
.btn{max-width:100%;min-width:0;column-gap:14px}
.btn-label{min-width:0}
.joy-preset>b{display:inline-flex;align-items:center;gap:7px}
.joy-preset>b .pp-arrow-icon{width:16px;height:16px}
.joy-preset-glyph .pp-arrow-icon{display:block}
.conversation-dock .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;text-align:left}
.conversation-dock .btn-label{line-height:1.35}
@media(max-width:800px){
  .joy-invent-copy>.btn{justify-content:space-between;text-align:left;gap:16px;line-height:1.4}
  .joy-invent-copy>.btn .btn-label{flex:1}
  .conversation-dock{display:grid;grid-template-columns:minmax(0,1fr) minmax(122px,154px);align-items:center;gap:14px;padding:12px 14px 12px 17px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .conversation-dock>div{min-width:0;max-width:none}
  .conversation-dock>div small{max-width:none!important;line-height:1.4}
  .conversation-dock .btn{min-width:0;width:100%;max-width:none;min-height:48px;padding:11px 14px;gap:10px}
  .conversation-dock .pp-arrow-icon{width:18px;height:18px}
}
@media(max-width:360px){
  .conversation-dock{grid-template-columns:minmax(0,1fr) minmax(114px,128px);gap:10px;padding:11px 12px}
  .conversation-dock .btn{padding:10px 11px;font-size:11px;gap:8px}
  .joy-invent-copy>.btn{width:100%}
}