[data-fui-comp="ui-record-summary"] {
  display: grid;
  gap: var(--spacing-lg, 24px);
  padding: clamp(var(--spacing-lg, 24px), 4vw, var(--spacing-2xl, 40px));
  background: var(--color-surface, #fff);
  border: 1px solid var(--color-border, #e4e4e7);
  border-inline-start: 4px solid var(--ui-record-summary-accent, var(--color-primary, currentColor));
  border-radius: var(--radii-lg, 12px);
}
[data-fui-comp="ui-record-summary"].ui-record-summary--info {
  --ui-record-summary-accent: var(--color-info, var(--color-primary, currentColor));
}
[data-fui-comp="ui-record-summary"].ui-record-summary--success {
  --ui-record-summary-accent: var(--color-success, var(--color-primary, currentColor));
}
[data-fui-comp="ui-record-summary"].ui-record-summary--warning {
  --ui-record-summary-accent: var(--color-warning, var(--color-primary, currentColor));
}
[data-fui-comp="ui-record-summary"].ui-record-summary--danger {
  --ui-record-summary-accent: var(--color-danger, var(--color-primary, currentColor));
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__status {
  display: flex;
  align-items: center;
  min-inline-size: 0;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__lead {
  display: grid;
  gap: var(--spacing-lg, 24px);
  min-inline-size: 0;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__lead--with-support {
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.55fr);
  align-items: start;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__copy {
  display: grid;
  gap: var(--spacing-sm, 8px);
  max-inline-size: 54rem;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__support {
  display: grid;
  gap: var(--spacing-md, 16px);
  min-inline-size: 0;
  padding-inline-start: var(--spacing-lg, 24px);
  border-inline-start: 1px solid var(--color-border, #e4e4e7);
  justify-items: start;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__aside {
  min-inline-size: 0;
  max-inline-size: 100%;
  color: var(--color-text-muted, currentColor);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__eyebrow {
  margin: 0;
  font-size: var(--text-xs, 0.75rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-subtle, currentColor);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__title {
  margin: 0;
  max-inline-size: 24ch;
  font-size: var(--ui-record-summary-title-size, var(--text-4xl, 2.25rem));
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: var(--color-text, currentColor);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__description {
  margin: 0;
  max-inline-size: 64ch;
  color: var(--color-text-muted, currentColor);
  line-height: 1.6;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__highlight {
  min-inline-size: 0;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__metrics {
  min-inline-size: 0;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
  padding-block-start: var(--spacing-md, 16px);
  border-block-start: 1px solid var(--color-border, #e4e4e7);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__footer-copy {
  min-inline-size: 0;
  color: var(--color-text-muted, currentColor);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  inline-size: fit-content;
  max-inline-size: 100%;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__actions > [data-fui-comp="ui-layout"] {
  max-inline-size: 100%;
}
@media (max-width: 720px) {
[data-fui-comp="ui-record-summary"] {
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-lg, 20px);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__lead--with-support {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spacing-md, 16px);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__support {
  padding-inline-start: 0;
  padding-block-start: var(--spacing-md, 16px);
  border-inline-start: 0;
  border-block-start: 1px solid var(--color-border, #e4e4e7);
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__actions {
  order: -1;
  inline-size: 100%;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__title {
  font-size: var(--ui-record-summary-title-size-mobile, var(--text-2xl, 1.5rem));
  max-inline-size: 18ch;
}
[data-fui-comp="ui-record-summary"] .ui-record-summary__footer {
  align-items: flex-start;
  flex-direction: column;
}
}