/* One shared stylesheet; Money's computed defaults are retained. */
.business-site{--share-ink:#30383f;--money-ink:#30383f;--share-focus:#30383f;--share-line:#d7dce0;--share-paper:#fff;--share-tab:#edf0f2;--share-hover:#e0e5eb;--share-muted:#52606b;--share-text:#30383f}
.digital-site{--share-ink:#1463be;--money-ink:#1463be;--share-focus:#1463be;--share-line:#d7dce0;--share-paper:#fff;--share-tab:#edf0f2;--share-hover:#e0e5eb;--share-muted:#52606b;--share-text:#1463be}
.money-share-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.money-share-preview-option{min-width:0;border:1px solid var(--share-line,#dce4d5);border-radius:10px;padding:20px;background:var(--share-paper,#fafbf8)}
.money-share-preview-option h3{margin:0 0 16px;font-size:19px;line-height:1.5}
.money-share-visibility{display:inline-block;margin-left:8px;font-size:13px;color:#40594f}
.money-share-preview-option img{display:block;width:100%;height:auto}
.money-share-preview-option p{line-height:1.8}
.money-share-preview-option input[type=text]{box-sizing:border-box;max-width:100%;width:100%;margin-top:6px}
.money-share-preview-option .btn{min-height:44px;padding:12px 16px;line-height:1.5;white-space:normal}
.money-share-preview-option a{overflow-wrap:anywhere}
.money-share-notes{margin-top:22px;line-height:1.8}
.money-share-notes summary{cursor:pointer;font-weight:700;color:var(--share-ink,#173d35)}
@media(max-width:680px){.money-result-share{padding:20px}.money-share-preview-grid{grid-template-columns:1fr;gap:20px}.money-share-preview-option{padding:16px}.money-share-preview-option .btn{width:100%}.money-result-share .result-share__heading{flex-wrap:wrap}}

/* Certificate sharing uses the existing visible owner-preview controls. */
.money-certificate-share .money-share-preview-grid{grid-template-columns:1fr}
.money-certificate-share .certificate-share__heading{margin-bottom:20px}
.money-certificate-share .certificate-share__heading h2{line-height:1.5}

/* Keep the image actions and name field visible before publication. */
.money-share-image-actions{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 8px}
.money-share-image-actions .btn{flex:1;min-width:140px;text-align:center;justify-content:center}
.money-share-preview-option .money-share-name-label{display:block;font-size:18px;font-weight:700;line-height:1.5}
.money-share-name-help{display:block;color:var(--share-text,#25332d);font-size:16px;font-weight:400;line-height:1.6;margin-top:6px}
.money-share-action-form{margin-top:20px}
.money-share-x-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
.money-share-x-icon{flex:0 0 20px}
.money-share-preview-status{font-size:16px;line-height:1.6;font-weight:600}
.money-share-action-form button:disabled{opacity:.55;cursor:not-allowed}
.money-share-action-form img[hidden]{display:none!important}
.money-share-preview-option input[name=display_name]{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:44px;padding:10px;margin-top:8px;font:inherit;border:1px solid #747d86;border-radius:5px}
.money-share-public-notice{font-weight:600}
.money-share-preview-option form:target{outline:3px solid var(--share-focus,#245c49);outline-offset:8px}
.money-share-notes ul{padding-left:1.4em}
.money-share-notes li{margin:8px 0}
.certificate-download-notes{padding-left:1.4em}
@media(max-width:680px){.money-share-image-actions{flex-direction:column}.money-share-image-actions .btn{width:100%}}

/* Certificate sharing only. Without JS both complete forms remain available. */
.money-share-tabs{display:flex;gap:4px;margin:0;border-bottom:1px solid var(--share-line,#dce4d5)}
.money-share-tabs .btn{position:relative;flex:1;min-width:0;min-height:44px;margin-bottom:-1px;padding:10px 8px;border:1px solid var(--share-line,#dce4d5);border-radius:10px 10px 0 0;background:var(--share-tab,#edf0e9);color:var(--share-muted,#526253);box-shadow:none;white-space:normal;line-height:1.5}
.money-share-tabs .btn[aria-selected=true]{z-index:1;border-bottom-color:var(--share-paper,#fafbf8);background:var(--share-paper,#fafbf8);color:var(--money-ink,var(--share-ink,#173d35));font-weight:700}
.money-share-tabs .btn[aria-selected=false]:hover{background:var(--share-hover,#e2e8dd);color:var(--money-ink,var(--share-ink,#173d35))}
.money-share-access [data-share-tab-panel][role=tabpanel]{border-top:0;border-radius:0 0 10px 10px}
.money-share-access.is-tabbed .money-share-preview-grid{grid-template-columns:1fr}
.money-share-tabs[hidden],.money-share-access [data-share-tab-panel][hidden]{display:none!important}
.money-share-tabs [role=tab]:focus-visible{outline:3px solid var(--money-ink,var(--share-ink,#173d35));outline-offset:3px}
:is(.business-site,.digital-site) .money-certificate-share{margin-block:2rem;padding:1.5rem;border:1px solid #d7dce0;border-radius:1rem;background:#fff}
:is(.business-site,.digital-site) .money-share-action-form input{box-sizing:border-box;width:100%;min-height:44px;padding:.6rem;font:inherit;color:inherit;border:1px solid #69747c;border-radius:.4rem}
:is(.business-site,.digital-site) .money-share-action-form label{display:block;font-weight:700;margin-block:.75rem .35rem}
:is(.business-site,.digital-site) .money-share-name-help{color:inherit;font-size:.9rem}
:is(.business-site,.digital-site) .money-share-action-form button{cursor:pointer;font:inherit;min-height:44px;white-space:normal}
:is(.business-site,.digital-site) .money-share-action-form .btn-primary{background:var(--color-primary,var(--green,#1463be));color:#fff;border:1px solid currentColor}
:is(.business-site,.digital-site) .money-share-tabs [role=tab]{font:inherit;min-width:0;white-space:normal}
:is(.business-site,.digital-site) .money-share-image-actions{display:flex;flex-wrap:wrap;gap:.75rem}

[data-share-preview-image] {
  scroll-margin-block: 24px;
}

[data-share-preview-image].is-preview-updated {
  outline: 3px solid var(--money-ink, var(--share-ink, #173d35));
  outline-offset: 4px;
  animation: share-preview-updated 1.4s ease-out;
}

@keyframes share-preview-updated {
  from { outline-offset: 8px; }
  to { outline-offset: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-share-preview-image].is-preview-updated { animation: none; }
}