.yz-share-image{text-align:center;background:#e9eeee;border-radius:12px;margin:16px 0;min-height:80px;padding:10px}
.yz-share-image img{display:block;width:auto;max-width:100%;max-height:51dvh;height:auto;object-fit:contain;margin:auto;border-radius:8px;box-shadow:0 6px 22px #102b2c22}
.yz-share-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.yz-share-buttons a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.yz-share-buttons [aria-disabled=true]{opacity:.5;pointer-events:none}.yz-share-caption{font-size:12px;color:var(--yz-muted);line-height:1.5;margin-top:14px}
.yz-share-period{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:14px}.yz-share-period select{font:inherit;padding:10px 12px;min-height:44px;border:1px solid #c4d5d5;border-radius:8px;max-width:100%;background:#f5f8f8;color:#171919}
[data-share-status]{font-size:13px;line-height:1.55;margin:14px 0}.yz-modal:has([data-yz-share-preview]){max-width:600px}
@media(max-width:500px){.yz-share-image img{max-height:43dvh}.yz-share-buttons>*{flex:1 1 130px}.yz-values-share{font-size:12px}.yz-steps .yz-panel-head:has([data-yz-share]){align-items:flex-start}}

/* Sharing is a secondary app action, with the same Manrope typography. */
#yz-portal [data-yz-share].yz-action,[data-yz-share-preview] .yz-share-buttons>.yz-action{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:auto;max-width:100%;padding:10px 13px;box-sizing:border-box;
 font-family:Manrope,Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:0;text-transform:none;white-space:nowrap;text-align:center;border-radius:10px;cursor:pointer;
}
#yz-portal [data-yz-share].yz-action{background:#f1f8f7;color:#147f82;border:1px solid #c8e4e3;box-shadow:none;flex-shrink:0}
#yz-portal [data-yz-share] span,[data-yz-share-preview] .yz-share-buttons span{white-space:nowrap;font:inherit}
#yz-portal .yz-thought [data-yz-share].yz-action{align-self:flex-start;margin-top:18px;background:#59bfc124;color:#fff;border-color:#59bfc17a}
#yz-portal .yz-metric-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:4px}
#yz-portal .yz-metric-heading h3{flex:1;min-width:120px;line-height:1.4;padding:0;margin:0}
#yz-portal .yz-metric-share,#yz-portal .yz-values-share{margin:0}
#yz-portal .yz-panel>.yz-row:has(.yz-values-share){flex-wrap:wrap;gap:10px}
.yz-share-icon{width:18px;height:18px;flex:0 0 18px}
#yz-portal [data-yz-share]:focus-visible,[data-yz-share-preview] .yz-action:focus-visible{outline:3px solid #59bfc1;outline-offset:3px}
#yz-portal [data-yz-share]:disabled{opacity:.45;cursor:default}
@media(hover:hover){#yz-portal [data-yz-share].yz-action:not(:disabled):hover{background:#e1f3f2;border-color:#59bfc1}#yz-portal .yz-thought [data-yz-share].yz-action:not(:disabled):hover{background:#59bfc13d}}
@media(max-width:500px){#yz-portal .yz-steps .yz-panel-head:has([data-yz-share]){flex-wrap:wrap;gap:12px}#yz-portal .yz-metric-heading{gap:8px}#yz-portal [data-yz-share].yz-action{font-size:12px!important;padding:10px 12px}}