/* Share controls composed within the approved QEM modal shell. */
.qem-seller-share-modal .qem-modal__dialog{width:min(100%,480px)}
.qem-share-controls{min-width:0;color:var(--color-text,var(--qem-ink,#18181b))}
.qem-share-controls__label{display:block;margin:0 0 8px;font-size:14px;font-weight:500}
.qem-share-controls__field{box-sizing:border-box;display:flex;align-items:center;min-width:0;min-height:48px;padding:6px 8px 6px 12px;border:1px solid var(--color-border,var(--qem-line,#e4e4e7));border-radius:var(--radius-8,8px);background:var(--color-surface,#fff);transition:border-color .2s,box-shadow .2s}
.qem-share-controls__field:focus-within{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.qem-share-controls__url{box-sizing:border-box;min-height:32px;height:32px;line-height:24px;flex:1 1 0;min-width:0;width:0;border:0;background:transparent;outline:0;color:inherit;font:inherit;font-size:15px;padding:4px 0;text-overflow:ellipsis}
.qem-share-controls__actions{display:flex;align-items:center;flex:0 0 auto;gap:4px;margin:4px 0 4px 8px;padding-left:8px;border-left:1px solid var(--color-border,var(--qem-line,#e4e4e7))}
.qem-share-controls__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:6px;border:0;border-radius:var(--radius-6,6px);background:transparent;color:var(--color-text-muted,var(--qem-muted,#71717a));cursor:pointer;transition:background-color .2s,color .2s}
.qem-share-controls__icon:hover{background:#f4f4f5;color:var(--color-text,#18181b)}
.qem-share-controls__icon.is-active{background:#eff6ff;color:#2563eb}
.qem-share-controls__icon.is-copied{color:var(--color-success,#10b981)}
.qem-share-controls__icon:focus-visible,.qem-share-controls__download-overlay:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:2px}
.qem-share-controls__icon .qem-lucide-icon{width:20px;height:20px;display:block}
.qem-share-controls__icon [hidden]{display:none!important}
.qem-share-controls__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);z-index:10;pointer-events:none;white-space:nowrap;background:#18181b;color:#fff;font-family:inherit;font-size:11px;font-weight:400;line-height:1.3;padding:4px 8px;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.qem-share-controls__icon:hover .qem-share-controls__tooltip,.qem-share-controls__icon:focus-visible .qem-share-controls__tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.qem-share-controls__drawer{max-height:0;overflow:hidden;margin-top:0;visibility:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),margin-top .3s,visibility 0s .3s}
.qem-share-controls__drawer.is-open{max-height:400px;margin-top:16px;visibility:visible;transition:max-height .3s cubic-bezier(.4,0,.2,1),margin-top .3s,visibility 0s}
.qem-share-controls__qr-content{display:flex;align-items:center;gap:20px;padding:20px;background:#fafafa;border:1px solid var(--color-border,var(--qem-line,#e4e4e7));border-radius:var(--radius-8,8px)}
.qem-share-controls__qr-image{position:relative;box-sizing:content-box;flex:0 0 120px;width:120px;height:120px;padding:8px;border-radius:var(--radius-8,8px);background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.qem-share-controls__qr-image img{display:block;width:120px;height:120px}
.qem-share-controls__download-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s;color:#18181b;text-decoration:none}
.qem-share-controls__qr-image:hover .qem-share-controls__download-overlay,.qem-share-controls__qr-image:focus-within .qem-share-controls__download-overlay{opacity:1}
.qem-share-controls__download-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;transform:translateY(5px);transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.qem-share-controls__download-button .qem-lucide-icon{width:18px;height:18px}
.qem-share-controls__qr-image:hover .qem-share-controls__download-button,.qem-share-controls__qr-image:focus-within .qem-share-controls__download-button{transform:translateY(0)}
.qem-share-controls__qr-text{flex:1;min-width:0;overflow-wrap:anywhere}
.qem-share-controls__qr-text h4{margin:0 0 4px;font-size:16px;line-height:1.3;color:var(--color-text,#18181b)}
.qem-share-controls__qr-text p{margin:0;font-size:13px;line-height:1.4;color:var(--color-text-muted,var(--qem-muted,#71717a))}
@media(max-width:400px){.qem-share-controls__qr-content{padding:12px;gap:12px}.qem-share-controls__field{padding-left:8px}.qem-share-controls__actions{gap:2px;padding-left:6px;margin-left:6px}}
@media(hover:none),(pointer:coarse){.qem-share-controls__icon{width:44px;height:44px;flex-basis:44px}.qem-share-controls__download-overlay{opacity:1;background:transparent}.qem-share-controls__download-button{position:absolute;right:-8px;bottom:-8px;width:44px;height:44px;transform:none}.qem-share-controls__tooltip{white-space:normal;min-width:70px;text-align:center}}
@media(prefers-reduced-motion:reduce){.qem-share-controls *, .qem-share-controls__drawer{transition:none!important}}
