/* Process dossier layout only. Values, relationship controls and their source
   order remain unchanged; the shared selectors still own selection behavior. */
.process-dossier-modal .task-dossier-body>.process-dossier-heading{
  display:flex;align-items:flex-start;gap:.22em;min-width:0;
}
.process-dossier-modal .process-dossier-heading-icon{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 .7em;width:.7em;height:.7em;margin-block-start:.26em;line-height:0;
}
.process-dossier-modal .process-dossier-heading-icon :is(.icon,svg,img,.custom-option-icon){
  display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;
}
.process-dossier-modal .process-dossier-heading-icon>.record-type-icon{display:flex;width:100%;height:100%;margin:0}
.process-dossier-modal .process-dossier-heading-text{flex:1;min-width:0;overflow-wrap:anywhere}

/* The client picker fills its existing value column instead of sizing itself
   from the selected name or introducing a second field caption. */
.process-dossier-modal .task-client-property>.task-property-value{
  display:block;min-width:0;width:100%;
}
.process-dossier-modal .task-client-property [data-relation-home="clientIds"],
.process-dossier-modal .task-client-property [data-relation-home="clientIds"]>.form-field{
  display:block;width:100%;min-width:0;max-width:100%;margin:0;
}
.process-dossier-modal .task-client-property [data-relation-home="clientIds"]>.form-field>.form-label{display:none}
.process-dossier-modal .task-client-property .relation-picker{display:block;width:100%;min-width:0;max-width:100%}
.process-dossier-modal .task-client-property .relation-picker>summary{display:flex;align-items:center;min-width:0;max-width:100%}
.process-dossier-modal .task-client-property .relation-summary{display:flex;align-items:center;gap:5px;flex:1;min-width:0}
.process-dossier-modal .task-client-property .relation-selected-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.process-dossier-modal .task-client-property :is(.client-inline-avatar,.relation-selected-more){flex:none}
.process-dossier-modal .process-relation-grid .relation-summary[data-placeholder="true"]~.relation-count{display:none}

.process-dossier-modal #process-client-phones{
  --process-phone-column:112px;
  display:grid;grid-template-columns:minmax(0,1fr);align-content:center;
  align-items:center;gap:2px;width:100%;min-width:0;
  padding-inline:var(--control-inset,7px);box-sizing:border-box;
}
.process-dossier-modal #process-client-phones>.task-phone{
  display:grid;grid-template-columns:var(--process-phone-column) minmax(0,1fr);
  align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;
  min-height:27px;padding:2px 0;line-height:1.4;
}
.process-dossier-modal .process-phone-number{
  display:block;min-width:0;max-width:100%;font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.process-dossier-modal .process-phone-number>a{white-space:nowrap}
.process-dossier-modal .process-phone-client{
  display:block;min-width:0;max-width:100%;font-size:11px;line-height:1.4;
  color:var(--muted,#a6a6ad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* Three primary record links followed by two secondary links. Each cell keeps
   the same label → framed value rhythm as the pinned record selectors. */
.process-dossier-modal .process-relation-grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;
}
.process-dossier-modal :is(.process-relation-grid-primary,.process-relation-grid-secondary){
  display:grid;align-items:stretch;gap:8px;min-width:0;
}
.process-dossier-modal .process-relation-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-dossier-modal .process-relation-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-dossier-modal .process-relation-grid .task-property{
  display:flex;flex-direction:column;align-items:stretch;gap:4px;
  width:100%;min-width:0;max-width:100%;margin:0;padding:8px 9px;
}
.process-dossier-modal .process-relation-grid .task-property-label{
  display:flex;align-items:center;gap:5px;min-width:0;min-height:20px;line-height:1.4;
}
.process-dossier-modal .process-relation-grid .task-property-label>.icon{display:block;flex:0 0 13px;width:13px;height:13px}
.process-dossier-modal .process-relation-grid .task-property-value{
  display:block;width:100%;min-width:0;max-width:100%;min-height:var(--record-select-height,31px);
}
.process-dossier-modal .process-relation-grid .task-property-value>:is(.form-field,[data-process-deal-home]),
.process-dossier-modal .process-relation-grid .task-property-value>.form-field>.relation-picker{
  display:block;width:100%;min-width:0;max-width:100%;margin:0;
}
.process-dossier-modal .process-relation-grid .task-property-value>.form-field>.form-label{display:none}
.process-dossier-modal .process-relation-grid [data-relation-home]>.form-field{
  display:block;width:100%;min-width:0;max-width:100%;margin:0;
}
.process-dossier-modal .process-relation-grid [data-relation-home]>.form-field>.form-label{display:none}
.process-dossier-modal .process-relation-grid .relation-picker{
  width:100%;min-width:0;max-width:100%;border:0;background:transparent;box-shadow:none;
}
.process-dossier-modal .process-relation-grid .relation-picker>summary:not(.record-link-trigger){
  display:flex;align-items:center;gap:var(--record-select-gap,5px);
  width:100%;min-width:0;max-width:100%;min-height:var(--record-select-height,31px);
  box-sizing:border-box;padding:4px var(--control-inset,7px);
  border:1px solid var(--editable-field-border,#ffffff12);
  border-radius:var(--editable-field-radius,6px);font-size:inherit;font-weight:400;line-height:1.4;
}
.process-dossier-modal .process-relation-grid .relation-picker>summary:not(.record-link-trigger)::before{display:none}
.process-dossier-modal .process-relation-grid .relation-summary{
  display:flex;align-items:center;gap:var(--record-select-gap,5px);
  flex:1;min-width:0;max-width:100%;line-height:1.4;
}
.process-dossier-modal .process-relation-grid .relation-summary>:is(.record-avatar,.client-inline-avatar,.client-option-avatar){flex:0 0 20px;margin:0}
.modal .relation-option[data-task-deal-id]>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}
.modal .relation-option[data-task-deal-id] .record-choice-heading{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.modal .relation-option[data-task-deal-id] .record-choice-heading>.record-type-icon{display:inline-flex;flex:0 0 14px;width:14px;height:14px;margin:0}
.modal .relation-option[data-task-deal-id]>span>small{font-size:10px;color:var(--muted,#a6a6ad)}
.process-dossier-modal .process-relation-grid .relation-selected-name{
  display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.process-dossier-modal .process-relation-grid :is(.relation-count,.relation-selected-more){flex:0 0 auto;white-space:nowrap}
.process-dossier-modal .process-relation-grid .relation-picker>summary:is(:hover,:focus-visible){border-color:var(--editable-field-focus,#cfb57366)}
.process-dossier-modal .process-relation-grid .relation-picker[open]>summary:not(.record-link-trigger){border-color:var(--editable-field-focus,#cfb57366);box-shadow:0 0 0 2px #cfb57312}

@media(max-width:580px){
  .process-dossier-modal .process-dossier-heading-icon{margin-block-start:.3em}
  .process-dossier-modal .task-property:has(>#process-client-phones){grid-template-columns:minmax(0,1fr);gap:0}
  .process-dossier-modal #process-client-phones{--process-phone-column:106px}
  .process-dossier-modal #process-client-phones>.task-phone{gap:8px}
  .process-dossier-modal :is(.process-relation-grid-primary,.process-relation-grid-secondary){grid-template-columns:minmax(0,1fr)}
  .process-dossier-modal .process-relation-grid .task-property{padding:7px}
}
@media(forced-colors:active){
  .process-dossier-modal .process-relation-grid .relation-picker>summary:not(.record-link-trigger){border-color:ButtonText;background:Canvas;color:CanvasText}
  .process-dossier-modal .process-relation-grid .relation-picker[open]>summary:not(.record-link-trigger){border-color:Highlight;box-shadow:none}
}