/* Fares Profile 31.0.0-preview.6 — share and contact dialog. */
.share-dialog {
  width: min(760px, calc(100vw - 24px)) !important;
  max-width: 760px !important;
  max-height: calc(var(--app-viewport-height) - 16px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}
.share-dialog-panel {
  max-height: calc(var(--app-viewport-height) - 16px - var(--app-bottom-clearance)) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;
}
.share-native-option { justify-content: center !important; text-align: center !important; }
.share-dialog-options { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; }
.share-dialog-group { display: grid; gap: 10px; }
.share-dialog-group > h3 { margin: 0; color: var(--text-secondary, #aeb8c9); font-size: .82rem; font-weight: 820; letter-spacing: .04em; text-transform: none; }
.share-dialog-group-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
.share-dialog-group[data-share-group="contact"] .share-dialog-group-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.share-dialog-group-grid > button {
  min-width: 0 !important;
  min-height: 98px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px !important;
  text-align: start !important;
}
.share-platform-icon { width: 42px !important; height: 42px !important; display: grid !important; place-items: center !important; }
.share-platform-icon svg { width: 34px !important; height: 34px !important; }
.share-option-copy-v31 { min-width: 0; display: grid; gap: 4px; }
.share-option-copy-v31 strong { color: inherit; font-size: 1rem; line-height: 1.25; overflow-wrap: anywhere; }
.share-option-copy-v31 small { color: var(--text-secondary, #aeb8c9); font-size: .79rem; font-weight: 560; line-height: 1.35; overflow-wrap: anywhere; }
html[data-theme="light"] .share-option-copy-v31 small { color: #536176; }
[data-share-target="whatsapp"] .share-platform-icon { color: #25d366 !important; }
[data-share-target="telegram"] .share-platform-icon { color: #2aabee !important; }
[data-share-target="linkedin"] .share-platform-icon { color: #0a66c2 !important; }
[data-share-target="sms"] .share-platform-icon { color: #34c759 !important; }
[data-share-target="snapchat"] .share-platform-icon { color: #f5e400 !important; }
.share-selection-preview { display: grid; gap: 5px; margin-block: 12px 4px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--accent, #79a9ff) 35%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--accent, #79a9ff) 7%, transparent); }
.share-selection-preview[hidden] { display: none !important; }
.share-selection-preview strong { font-size: .82rem; color: var(--accent, #79a9ff); }
.share-selection-preview p { margin: 0; max-height: 5.4em; overflow: auto; color: var(--text-secondary, #aeb8c9); font-size: .85rem; line-height: 1.5; }
.share-dialog-cancel { min-height: 48px !important; }

.share-nudge {
  z-index: 2147483400 !important;
  inset-inline: 14px !important;
  bottom: calc(14px + var(--app-bottom-clearance)) !important;
  width: auto !important;
  max-width: 620px !important;
  margin-inline: auto !important;
  padding: 16px 52px 16px 16px !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
}
.share-nudge[hidden] { display: none !important; }
.share-nudge-action { grid-column: 1 / -1 !important; width: 100% !important; min-height: 48px !important; }
.share-nudge-close { inset-inline-end: 10px !important; top: 10px !important; width: 38px !important; height: 38px !important; }

@media (max-width: 620px) {
  .share-dialog { width: calc(100vw - 12px) !important; max-height: calc(var(--app-viewport-height) - 6px) !important; }
  .share-dialog-panel { max-height: calc(var(--app-viewport-height) - 6px - var(--app-bottom-clearance)) !important; padding: 16px 12px calc(16px + env(safe-area-inset-bottom)) !important; border-radius: 22px !important; }
  .share-dialog-options { gap: 14px !important; }
  .share-dialog-options { grid-template-columns: 1fr !important; }
  .share-dialog-group-grid, .share-dialog-group[data-share-group="contact"] .share-dialog-group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; }
  .share-dialog-group-grid > button { min-height: 92px !important; grid-template-columns: 36px minmax(0, 1fr) !important; gap: 9px !important; padding: 11px 9px !important; }
  .share-platform-icon { width: 36px !important; height: 36px !important; }
  .share-platform-icon svg { width: 30px !important; height: 30px !important; }
  .share-option-copy-v31 strong { font-size: .92rem; }
  .share-option-copy-v31 small { font-size: .72rem; }
}
@media (max-width: 355px) {
  .share-dialog-group-grid, .share-dialog-group[data-share-group="contact"] .share-dialog-group-grid { grid-template-columns: 1fr !important; }
  .share-dialog-group-grid > button { min-height: 78px !important; }
}