/* Sharing stays within reach while the reading area scrolls. */
.hud-app dialog .panel-sharebar{flex:0 0 auto;background:#edf2dc;color:#162c21;border-top:1px solid #afbd9c;padding:10px 24px 14px}
.panel-share-caption{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;line-height:1.4;color:#40533f}
.panel-share-caption svg{width:15px;height:15px;flex-shrink:0}
.panel-share-buttons{display:flex;gap:9px}
.hud-app dialog .panel-share-buttons .btn{min-height:46px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:700;flex:1}
.hud-app dialog .panel-whatsapp{background:#086447;color:white;border:1px solid #086447}
.hud-app dialog .panel-whatsapp:hover{background:#034d35}
.hud-app dialog .panel-copy{background:#fffdf3;color:#173727;border:1px solid #899f79}
.hud-app dialog .panel-text{height:46px;width:46px;border:1px solid #899f79;border-radius:8px;flex:0 0 46px;color:#173727}
.panel-share-buttons svg{width:20px;height:20px}
.hud-app dialog .panel-share-buttons :is(button,a):focus-visible{outline:3px solid #2869b9;outline-offset:2px}
.hud-app dialog .dialog-actions:has(+.panel-sharebar){padding-top:8px;padding-bottom:8px;min-height:56px;border-bottom:0}
.panel-copy-fallback{min-height:110px;width:100%;margin-bottom:16px}
@media(max-width:600px){
 .hud-app dialog .panel-sharebar{padding:9px 12px max(12px,env(safe-area-inset-bottom,0px))}
 .panel-share-caption{font-size:12px;line-height:1.4}
 .hud-app dialog .panel-share-buttons .btn{font-size:14px;padding:9px;min-width:0}
 .panel-share-buttons{gap:7px}
}