.contact-picker {
  position: relative;
  display: grid;
  gap: 7px;
  width: 100%;
  min-width: 0;
}
.contact-picker-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.contact-picker-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  min-width: 0;
}
.contact-picker-control input { border-radius: 9px 0 0 9px !important; }
.contact-picker-toggle {
  border: 1px solid #dfe3eb;
  border-left: 0;
  border-radius: 0 9px 9px 0;
  background: #f7f8fc;
  color: #68748a;
  font-size: 9.5px;
  font-weight: 800;
  cursor: pointer;
}
.contact-picker-toggle:hover { background: #eef0ff; color: #555be0; }
.contact-picker-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 48px;
  z-index: 30;
  max-height: 236px;
  overflow: auto;
  padding: 5px;
  background: #fff;
  border: 1px solid #dfe3eb;
  border-radius: 10px;
  box-shadow: 0 14px 38px rgba(17,26,43,.14);
}
.contact-picker-list button {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 7px;
  background: #fff;
  text-align: left;
  padding: 8px 9px;
  cursor: pointer;
}
.contact-picker-list button:hover,.contact-picker-list button:focus { outline: 0; background: #f0f1ff; }
.contact-picker-list b,.contact-picker-list small { display: block; min-width: 0; overflow-wrap: anywhere; }
.contact-picker-list b { font-size: 11.5px; }
.contact-picker-list small { margin-top: 2px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.contact-picker-empty { padding: 12px; text-align: center; color: var(--muted); font-size: 10.5px; }
.contact-picker-create {
  justify-self: start;
  border: 0;
  background: transparent;
  color: #565ce2;
  padding: 0;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
}
.contact-picker-create:hover { text-decoration: underline; }
.quick-contact-dialog { width: min(520px,calc(100vw - 28px)); }
.quick-contact-note { margin: 13px 0 0; color: var(--muted); font-size: 10.5px; line-height: 1.5; }
.opportunity-relationship-context {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #dfe3eb;
  border-radius: 10px;
  background: #f7f8fc;
}
.opportunity-relationship-context>span:nth-child(2),.opportunity-relationship-context b,.opportunity-relationship-context small { display: block; min-width: 0; overflow-wrap: anywhere; }
.opportunity-relationship-context b { font-size: 12px; }
.opportunity-relationship-context small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.opportunity-relationship-context>i { color: #68748a; font-size: 9.5px; font-style: normal; font-weight: 700; text-align: right; }
.field input,.field select,.field textarea { max-width: 100%; }
.ux-primary-grid,.record-more .form-grid,.record-more-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
}
.ux-primary-grid>*,.record-more .form-grid>*,.record-more-grid>* { min-width: 0; }
.field input[type="datetime-local"] { min-width: 0; overflow: hidden; }
.field input[type="datetime-local"]::-webkit-datetime-edit { min-width: 0; padding: 0; }
.field select { overflow: hidden; text-overflow: ellipsis; }
.ux-form-body,#modal-fields.ux-form-body { max-width: 100%; }
@media(max-width:680px) {
  .ux-primary-grid,.record-more .form-grid,.record-more-grid { grid-template-columns: minmax(0,1fr) !important; }
  .contact-picker-list { position: fixed; left: 16px; right: 16px; top: auto; max-height: 42dvh; }
  .opportunity-relationship-context { grid-template-columns: 34px minmax(0,1fr); }
  .opportunity-relationship-context>i { grid-column: 2; text-align: left; }
}