@use '../../styles/_ios-theme.scss' as *;

:host { display: block; height: 100%; }

.settlement-card {
  h4 { margin: 0; font-size: $ios-font-size-sm; font-weight: $ios-font-weight-semibold; color: $ios-text-primary; padding-bottom: $ios-spacing-xs; border-bottom: 1px solid $ios-border; }
  .items { margin: 0; padding-left: 0; list-style: none; }
  .item { display: grid; grid-template-columns: 1fr auto auto auto; gap: $ios-spacing-xs; padding: $ios-spacing-sm 0; border-bottom: 1px dashed $ios-border; }
  .item:last-child { border-bottom: none; }
  .name { font-weight: $ios-font-weight-medium; color: $ios-text-primary; }
  .amount { color: $ios-primary; }
  .status { font-size: $ios-font-size-xs; color: $ios-text-secondary; }
  .date { font-size: $ios-font-size-xs; color: $ios-text-secondary; }
}