/* Share dialog follows the existing white modal, fields and capsule actions. */
.share-modal{max-width:100%;box-shadow:var(--shadow)}
.share-panel{min-width:0}
.share-preview{padding-bottom:var(--space-18);margin-bottom:var(--space-18);border-bottom:var(--border-width) solid var(--line)}
.share-preview h4{color:var(--ink);font-size:var(--font-size-card-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);overflow-wrap:anywhere}
.share-preview p,.share-help{font-size:var(--font-size-small);color:var(--ink-2);line-height:var(--line-height-body);overflow-wrap:anywhere}
.share-preview p{margin-top:var(--space-6)}
.share-help{margin-bottom:var(--space-18)}
.share-field input,.share-field textarea{min-width:0;width:100%;min-height:var(--touch-target-min);font-size:var(--font-size-small);color:var(--ink-2)}
.share-panel #shareUrl{min-height:var(--touch-target-min)}
.share-field textarea{resize:vertical;min-height:calc(var(--touch-target-min) * 2);overflow-wrap:anywhere}
.share-actions{display:flex;flex-wrap:wrap;gap:var(--space-10);margin-top:var(--space-20)}
.share-actions .btn{min-height:var(--touch-target-min);flex:1 1 auto;min-width:0;padding:var(--space-10) var(--space-14)}
.share-actions .btn:disabled{color:var(--ink-muted-readable)}
.share-status{color:var(--green-ink);font-size:var(--font-size-small);line-height:var(--line-height-body);overflow-wrap:anywhere;margin-top:var(--space-14)}
.share-status:empty{display:none}
.share-status.is-error{color:var(--red-ink)}
.share-panel[aria-busy=true] .share-status{color:var(--ink-2)}
.share-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-10);margin-top:var(--space-20)}
.share-footer button{min-height:var(--touch-target-min)}
@media(max-width:640px){.share-actions .btn{flex-basis:100%}.share-field textarea{min-height:calc(var(--touch-target-min) * 3)}}