.pc-project-share {
  border: 1px solid #c6d7ef;
  border-radius: 12px;
  padding: 16px;
  background: linear-gradient(145deg, #f2f7ff, #fff);
  color: #17345e;
}
.pc-project-share h3,
.pc-project-share h4 { margin: 0 0 10px; color: #102d61; }
.pc-project-share h4 { margin-top: 18px; font-size: 14px; }
.pc-project-share-privacy,
.pc-project-share-status,
.pc-project-share-current p { margin: 8px 0 12px; font-size: 13px; line-height: 1.5; }
.pc-project-share-status { min-height: 1.5em; color: #35587d; }
.pc-project-share-status[data-kind="error"],
.pc-project-share-error { color: #9c2f2f; }
.pc-project-share-status[data-kind="warning"] { color: #805b17; }
.pc-project-share-status[data-kind="success"] { color: #276545; }
.pc-project-share button {
  min-height: 40px;
  margin: 3px 6px 3px 0;
  padding: 8px 12px;
  border: 1px solid #9bb3d7;
  border-radius: 7px;
  background: #fff;
  color: #17345e;
  font: inherit;
  cursor: pointer;
}
.pc-project-share button:first-of-type {
  border-color: #234f88;
  background: #234f88;
  color: #fff;
}
.pc-project-share button:disabled { opacity: .65; cursor: wait; }
.pc-project-share button:focus-visible,
.pc-project-share input:focus-visible { outline: 3px solid #73a8e8; outline-offset: 2px; }
.pc-project-share-current input {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 8px;
  border: 1px solid #aac0df;
  border-radius: 6px;
  background: #fff;
  color: #17345e;
  font: inherit;
}
.pc-project-share-list { margin: 0; padding-left: 20px; }
.pc-project-share-entry { margin: 8px 0; }
.pc-project-share-entry span { display: inline-block; margin-right: 8px; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .pc-project-share { padding: 12px; }
  .pc-project-share-entry button { margin-left: 0; }
}