/* Copy email link (index.html #send-email-modal), video list round 3 M11. Shared by Reports,
   Videos and Collect, so nothing here is gated: one teal Copy link first, the raw link behind
   "Show link", and the merge tag behind "Personalize for each donor (optional)".
   The dashboard is dark-only. */
#dashboard .sem-box .modal-header.sem-head { display: block; }
#dashboard .sem-head p { margin: 0.35rem 0 0; font-size: 0.875rem; line-height: 1.5; color: rgba(255, 255, 255, 0.75); }
#dashboard .sem-main { display: flex; flex-direction: column; gap: 0.5rem; }
#dashboard .sem-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
#dashboard .sem-box .btn.sem-copy {
  gap: 0.35rem; padding: 0 1rem; text-transform: none; font-weight: 700;
  background: #0f766e; border-color: #0f766e; color: #fff !important;
}
#dashboard .sem-box .btn.sem-copy:hover { background: #115e59; border-color: #115e59; }
#dashboard .sem-box .btn.sem-copy .material-symbols-outlined { font-size: 1.1rem; }
#dashboard .sem-box .btn.sem-quiet { text-transform: none; }
#dashboard .sem-copied { font-size: 0.8rem; font-weight: 600; color: #86efac; }
#dashboard .sem-more { margin-top: 0.25rem; }
#dashboard .sem-more > summary {
  display: inline-flex; align-items: center; min-height: 32px; cursor: pointer; list-style: none;
  font-size: 0.85rem; font-weight: 600; color: rgba(255, 255, 255, 0.82);
  text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255, 255, 255, 0.35);
}
#dashboard .sem-more > summary::-webkit-details-marker { display: none; }
#dashboard .sem-more > summary:focus-visible, #dashboard .sem-box .btn:focus-visible { outline: 2px solid #7dd3fc; outline-offset: 2px; border-radius: 4px; }
#dashboard .sem-personalize { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid rgba(255, 255, 255, 0.08); }
#dashboard .sem-personalize label { display: block; margin-top: 0.6rem; font-size: 0.8rem; font-weight: 700; }
#dashboard .sem-box .sem-field { width: 100%; background: rgba(53, 79, 102, 0.27) !important; border: 0.15rem solid rgba(var(--buiilderFrontRGB)) !important; }
#dashboard .sem-box .sem-url { margin-top: 0.35rem; font-family: monospace; font-size: 0.75rem; }
#dashboard .sem-hint { margin: 0.4rem 0 0; font-size: 0.8rem; color: rgba(255, 255, 255, 0.7); }
#dashboard .sem-check { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; cursor: pointer; }