.user-card-list-rows{ display:flex; flex-direction:column; width:100%; }
.user-card-row{ display:flex; align-items:center; gap:16px; width:100%; padding:16px 0; }
.user-card-row:not(:last-child){ border-bottom:1px solid var(--md-neutral-stroke-1-rest); }
.user-card-row:first-child{ padding-top:0; }
.user-card-row:last-child{ padding-bottom:0; }
.user-card-avatar{
  position:relative; flex-shrink:0; width:64px; height:64px; border-radius:50%; overflow:hidden;
  background:var(--md-neutral-background-2-rest);
}
.user-card-avatar-blur{ position:absolute; width:32px; height:32px; bottom:-6.5px; right:4.4px; border-radius:50%; background:var(--md-brand-background-inverted-rest); filter:blur(10px); }
.user-card-avatar-photo{ position:relative; width:100%; height:100%; object-fit:cover; }
.user-card-avatar-placeholder{ display:none; }
.user-card-text{ flex:1; min-width:0; display:flex; flex-direction:column; }
.user-card-name{ font-family:var(--font-display); font-weight:var(--font-weight-light); font-size:var(--md-typography-font-size-500); line-height:28px; color:var(--md-brand-foreground-1-rest); outline:none; }
.user-card-job{ font-family:var(--font-sans); font-weight:var(--font-weight-light); font-size:var(--md-typography-font-size-300); line-height:16px; color:var(--md-neutral-foreground-3-rest); outline:none; }
.user-card-company{ font-family:var(--font-sans); font-weight:var(--font-weight-bold); font-size:var(--md-typography-font-size-300); line-height:16px; color:var(--md-neutral-foreground-1-rest); outline:none; }
.user-card-company:empty{ display:none; }

.user-card-list[data-orientation="horizontal"] .user-card-list-rows{
  flex-direction:row; justify-content:center; align-items:center; gap:24px; height:100%;
}
.user-card-list[data-orientation="horizontal"] .user-card-row{
  flex:1 1 0; min-width:0; flex-direction:column; align-items:center; text-align:center;
  gap:24px; width:auto; padding:0; border-bottom:none;
}
.user-card-list[data-orientation="horizontal"] .user-card-avatar{
  width:100%; max-width:320px; height:auto; aspect-ratio:1; border-radius:24px;
  flex:0 1 auto; min-height:0;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 16px rgba(112,144,176,0.25), 0 0 2px rgba(112,144,176,0.2);
}
.user-card-list[data-orientation="horizontal"] .user-card-avatar-blur{
  width:126px; height:126px; right:-45px; bottom:-80px; filter:blur(40px);
}
.user-card-list[data-orientation="horizontal"] .user-card-avatar-placeholder{
  display:block; position:relative; font-size:96px; color:var(--md-neutral-foreground-3-rest);
}
.user-card-list[data-orientation="horizontal"] .user-card-text{ flex:none; width:100%; align-items:center; gap:6px; }
.user-card-list[data-orientation="horizontal"] .user-card-name{
  font-size:var(--md-typography-font-size-800); line-height:40px;
}
.user-card-list[data-orientation="horizontal"] .user-card-job{
  font-size:var(--md-typography-font-size-500); line-height:28px; color:var(--md-neutral-foreground-1-rest);
}
.user-card-list[data-orientation="horizontal"] .user-card-company{
  font-size:var(--md-typography-font-size-500); line-height:28px;
}
.user-card-row-fields{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.user-card-row-edit{ align-items:flex-start; }
.user-card-row-photo-tools{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:28px; }
.user-card-row-crop{
  flex-shrink:0; width:28px; height:28px; border:none; border-radius:6px; background:none;
  color:var(--ui-muted); cursor:pointer; font-size:var(--text-base);
}
.user-card-row-crop:hover{ color:var(--ui-text); }
.user-card-row-edit:hover{ background:var(--md-neutral-background-2-rest); }