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

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

.complaint-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 { padding: $ios-spacing-sm 0; border-bottom: 1px dashed $ios-border; }
  .item:last-child { border-bottom: none; }
  .title { font-weight: $ios-font-weight-semibold; color: $ios-text-primary; }
  .desc { color: $ios-text-secondary; margin-top: $ios-spacing-xs; }
  .meta { display: flex; gap: $ios-spacing-sm; color: $ios-text-secondary; font-size: $ios-font-size-xs; margin-top: $ios-spacing-xs; }
  .status { color: $ios-primary; }
  .time { color: $ios-text-secondary; }
  .response { margin-top: $ios-spacing-sm; color: $ios-primary; }
}