/* Share compatibility dialog follows the site's original solid modal theme. */
.resource-share-overlay { background: transparent; backdrop-filter: none; }
.resource-share-modal {
  position: fixed;
  inset: 0;
  margin: auto;
  max-height: calc(100% - 32px);
  overflow: auto;
  color: var(--color-text);
  text-align: left;
}
.resource-share-modal::backdrop { background: rgba(0, 0, 0, .65); backdrop-filter: blur(4px); }
.resource-share-overlay--fallback { background: rgba(0, 0, 0, .65); backdrop-filter: blur(4px); }
.resource-share-overlay--fallback .resource-share-modal { position: relative; inset: auto; margin: 0; }
.resource-share-modal[open] { display: block; }
.resource-share-modal [hidden] { display: none !important; }
.resource-share-modal h2 { margin: 0 24px 8px 0; }
.resource-share-modal .resource-share-name { margin: 0 0 22px; overflow-wrap: anywhere; }
.resource-share-label { display: block; margin-bottom: 8px; font-size: var(--font-size-sm); }
.resource-share-input-wrap { display: block; }
.resource-share-link {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-bg);
  color: var(--color-text);
  font: inherit;
  font-size: var(--font-size-sm);
}
.resource-share-modal .resource-share-hint { margin: 8px 0 20px; font-size: var(--font-size-xs); }
.resource-share-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.resource-share-actions .modal-btn { flex: 1 1 130px; padding-inline: 14px; }
.resource-share-actions .resource-share-native { background: var(--color-border); color: var(--color-text); }
.resource-share-actions button:disabled { opacity: .6; cursor: wait; }
.resource-share-modal .resource-share-status { margin: 16px 0 0; font-size: var(--font-size-xs); overflow-wrap: anywhere; }
.resource-share-modal .resource-share-status:empty { margin: 0; }