.ob-app .p-match-share.p-button {display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:9px;background:var(--p-surface-raised);color:var(--p-text-muted)}
.ob-app .p-match-share:hover {color:var(--p-icon-accent);background:var(--p-surface-hover)}
.ob-app .p-match-share svg {width:17px;height:17px}
.ob-app .p-detail-match-header>.p-match-share {position:absolute;top:8px;right:8px;z-index:2}
.ob-app .p-detail-match-header:has(>.p-match-share) {padding-right:48px}
.p-share-dialog {display:none;position:fixed;inset:0;align-items:center;justify-content:center;padding:20px;background:transparent}
.p-share-dialog.open {display:flex}
.p-share-dialog .p-ui-scrim {position:absolute;inset:0}
.p-share-panel {position:relative;width:min(100%,430px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:18px;border:1px solid var(--p-border);border-radius:18px;background:var(--p-surface);color:var(--p-text);box-shadow:var(--p-elevation-float)}
/* A dialog heading must not inherit the app's global header/sidebar offsets. */
.p-share-heading {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px;text-align:left}
.p-share-heading h2 {font-size:17px;line-height:1.3;margin:0;white-space:nowrap;text-align:left}
.p-share-heading .p-button {width:44px;min-width:44px;height:44px;padding:0}
.p-share-preview {display:block;width:100%;aspect-ratio:1200/630;object-fit:contain;border-radius:12px;background:var(--p-bg)}
.p-share-panel .p-share-name {margin:12px 0 6px;font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.p-share-help {font-size:12px;line-height:1.5;color:var(--p-text-muted);margin:0 0 12px}
.p-share-label {display:block;font-size:max(11px, var(--p-font-size-min, 0px));color:var(--p-text-muted);margin-bottom:5px}
.p-share-panel input {width:100%;min-width:0;font-size:13px}
.p-share-dialog-actions {display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.p-share-dialog-actions .p-button {flex:1;white-space:nowrap;font-size:12px;min-height:44px;text-decoration:none}
.p-share-dialog-actions [data-share-native] {flex-basis:100%}
.p-share-feedback {min-height:18px;margin:10px 0 0;color:var(--p-text-muted);font-size:12px}
.p-shared-pick {display:grid;gap:7px;border:1px solid var(--p-border);border-left:3px solid var(--p-emphasis);border-radius:12px;padding:14px 16px;margin-bottom:18px;background:var(--p-surface)}
.p-shared-pick-label {display:flex;gap:7px;align-items:center;font-size:max(11px, var(--p-font-size-min, 0px));color:var(--p-text-muted)}
.p-shared-pick strong {font-size:14px;line-height:1.5}
.p-shared-pick small {font-size:max(11px, var(--p-font-size-min, 0px));color:var(--p-text-muted);line-height:1.5}
.p-shared-pick .p-share-help {margin:0}
.p-shared-pick {scroll-margin-top:140px}
.acc-inner>.p-shared-pick {margin:10px;border-radius:9px;padding:12px}
.p-shared-target {box-shadow:inset 3px 0 var(--p-emphasis);background:var(--p-surface-raised);scroll-margin-top:160px}
@media(pointer:coarse),(max-width:700px){.ob-app .p-match-share.p-button {width:44px;min-width:44px;height:44px;min-height:44px}}
@media(max-width:700px){.ob-app .p-detail-match-header:has(>.p-match-share){padding-top:50px;padding-right:16px}}
@media(max-width:400px){.p-share-dialog{padding:12px}.p-share-panel{padding:14px;max-height:calc(100dvh - 24px)}}