/* B289: component-only rules; no workbench canvas/toolbar/nav overrides. */
#shareReceiverDialog [hidden] { display: none; }
#shareTextCopyFallback textarea { display: block; width: 100%; box-sizing: border-box; min-height: 120px; padding: 12px; font-size: 16px; }
#shareReceiverDialog .share-receiver-panel {
  box-sizing: border-box;
  width: min(100%, 480px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px - env(safe-area-inset-bottom));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 24px;
  border-radius: 24px;
  color: var(--text, #30262a);
  background: var(--panel, #fff);
}
#shareReceiverDialog .share-receiver-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 112px;
  margin: 10px 0 14px;
  padding: 12px;
  resize: vertical;
  border: 1px solid var(--border, #ded5d9);
  border-radius: 12px;
  background: var(--panel, #fff);
  color: var(--text, #30262a);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
}
#shareReceiverDialog .share-receiver-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#shareReceiverDialog .share-receiver-actions .button { flex: 1 1 140px; min-height: 48px; }
#shareReceiverDialog .share-receiver-details { display: flex; gap: 16px; align-items: center; margin: 22px 0; }
#shareReceiverDialog .share-receiver-thumbnail { width: 112px; height: 112px; object-fit: contain; flex: 0 0 112px; border-radius: 14px; background: #f8f5f6; image-rendering: pixelated; }
#shareReceiverDialog .share-receiver-details h3 { margin: 0 0 8px; font-size: 20px; overflow-wrap: anywhere; }
#shareReceiverDialog .share-receiver-details p { margin: 4px 0; line-height: 1.5; }
#shareReceiverDialog .share-receiver-open { width: 100%; min-height: 48px; }
#shareReceiverDialog .share-receiver-cancel { display: block; margin: 8px auto 0; min-height: 48px; }
#shareReceiverDialog .share-receiver-note { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--border, #ded5d9); color: var(--muted, #71656a); font-size: 13px; line-height: 1.6; }
#shareReceiverDialog .share-receiver-candidates { display: grid; gap: 8px; margin: 12px 0; }
#shareReceiverDialog .share-receiver-candidates .button { min-height: 48px; text-align: left; }
#shareReceiverDialog #shareReceiverStatus { min-height: 24px; margin: 14px 0; overflow-wrap: anywhere; }
#shareReceiverDialog .share-receiver-header { align-items: flex-start; gap: 12px; }
#shareReceiverDialog #shareReceiverCloseBtn { flex: 0 0 auto; min-width: 44px; min-height: 44px; }
.workbench-share-entry { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 12px 0; }
.workbench-share-entry .button { min-height: 48px; }
@media (max-width: 380px), (max-height: 480px) {
  #shareReceiverDialog .share-receiver-panel { padding: 18px; border-radius: 18px; }
  #shareReceiverDialog .share-receiver-thumbnail { width: 80px; height: 80px; flex-basis: 80px; }
  #shareReceiverDialog .share-receiver-details { margin: 12px 0; gap: 12px; }
}