.header-share { position: relative; flex: 0 0 auto; }
.share-header-divider { width: 1px; height: 28px; flex: 0 0 1px; margin: 0 .25rem; background: var(--vscode-border-strong); }
.header-share-menu { position: absolute; right: 0; top: calc(100% + .5rem); z-index: 100; min-width: 205px; padding: .4rem; border: 1px solid var(--vscode-border-strong); border-radius: .7rem; background: var(--vscode-editor-bg); color: var(--vscode-foreground-strong); box-shadow: 0 5px 18px #0004; }
.header-share-menu button { display: block; width: 100%; text-align: left; padding: .75rem; border: 0; border-radius: .4rem; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.header-share-menu button:hover, .header-share-menu button:focus-visible { background: var(--vscode-list-hover); }
@media (max-width: 620px) { .share-header-divider { margin: 0 .125rem; } }
@media (max-width: 380px) {
  .app-header .app-header-brand { gap: .25rem; }
  .app-header .app-header-brand .brand-logo { width: 1.5rem; }
  .app-header .app-header-actions { gap: .125rem; }
  .app-header .public-header-divider, .app-header .share-header-divider { margin: 0; }
  .app-header .app-title h1 { font-size: .75rem; }
}
.shared-config-dialog { width: min(32rem, calc(100vw - 2rem)); box-sizing: border-box; max-height: calc(100dvh - 2rem); overflow: auto; border: 1px solid #555; border-radius: 1rem; padding: 1.25rem; background: #222; color: #eee; }
.shared-config-dialog::backdrop { background: rgb(0 0 0 / .65); }
.shared-config-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.shared-config-heading h2 { font-size: 1.2rem; margin: 0; }
.shared-config-dialog label { display: block; margin: .75rem 0 .4rem; }
.shared-config-dialog input, .shared-config-dialog select { display: block; width: 100%; box-sizing: border-box; padding: .75rem; border: 1px solid #666; border-radius: .65rem; background: #303030; color: inherit; font: inherit; font-size: 16px; }
.shared-config-dialog [data-share-id] { overflow-wrap: anywhere; }
.shared-config-dialog .step-button { margin-top: .5rem; }
html[data-theme="light"] .shared-config-dialog { background: white; color: #172b3a; border-color: #cbd5e1; }
html[data-theme="light"] .shared-config-dialog input, html[data-theme="light"] .shared-config-dialog select { background: #f8fafc; border-color: #cbd5e1; }

html[data-theme] .shared-config-dialog { background: var(--vscode-editor-bg); color: var(--vscode-foreground-strong); border-color: var(--vscode-border-strong); }
.shared-config-dialog [data-share-help] { white-space: pre-line; line-height: 1.65; margin: 1rem 0 1.25rem; }
.shared-config-dialog [data-share-close] { font-size: 1.75rem; line-height: 1; width: 2.5rem; height: 2.5rem; }
.shared-config-dialog label { font-size: .95rem; font-weight: 700; }
.shared-config-dialog [data-share-result] { margin-top: 1.5rem; }
html[data-theme] .shared-config-dialog input:not([type="hidden"]),
html[data-theme] .shared-config-dialog .themed-select-trigger {
  box-sizing: border-box; width: 100%; height: 48px; border-radius: .75rem;
  border: 1px solid var(--vscode-control-border); background: var(--vscode-control-bg);
  color: var(--vscode-foreground-strong); font-size: 1rem;
}
.shared-config-dialog input[type="hidden"] { display: none; }
.shared-config-dialog #shared-config-link { font-weight: 600; cursor: copy; }
.shared-config-dialog [data-share-copy] { width: 100%; margin-top: 1rem; }
.shared-config-dialog [data-share-status]:empty { display: none; }
.app-tooltip {
  position: fixed; inset: auto; margin: 0; z-index: 10030; box-sizing: border-box;
  max-width: min(23rem, calc(100vw - 16px)); padding: .65rem .85rem;
  border: 1px solid var(--vscode-border-strong); border-radius: .75rem;
  background: var(--vscode-menu-bg); color: var(--vscode-foreground-strong);
  box-shadow: 0 6px 20px var(--vscode-shadow);
  font-family: inherit; font-size: .875rem; font-weight: 500; line-height: 1.5;
  white-space: pre-line; overflow-wrap: anywhere;
}
.app-tooltip[hidden] { display: none; }
.share-copied { pointer-events: none; }
html[data-theme] body .update-error,
html[data-theme] body .review-button-tooltip.is-disabled::after {
  font-size: .9rem; line-height: 1.5; padding: .65rem .85rem; border-radius: .75rem;
}