.card {
  min-width: 18.5rem;
  padding: 0;

  .header {
    :where(#office) {
      margin-bottom: -1.2em;

      // Make sure mat-label text is visible in light theme
      :where(mat-label) {
        color: rgb(0 0 0 / 87%); // Standard Material Design text color for light theme
      }
    }
  }

  .fallback {
    height: 20rem;
  }
}

// Dark theme specific styles
:host-context(.dark-theme) {
  .card {
    .header {
      :where(#office) {
        :where(mat-label) {
          color: white; // White text color for dark theme
        }
      }
    }
  }
}